@charset "UTF-8";
/* CSS Document */

* {
margin-right:auto; margin-left:auto;	
 padding:0;
 margin:0;
 }
 

body {
	background-color:#0af;
	color:#000;
	}
	
#wrapper {
	
	width:900px;
	
	margin-right:auto; margin-left:auto;	

	}

html>body #wrapper {
	height:auto;
	
	}

	
#header {
	position:relative;
	height:190px;
	width:900px;

	}
	
#menu {width:900px; height:30px; background: url(images/gradient-red.png) repeat-x; float: left;}

#menu ul { float:left; margin:0; padding:0; list-style:none;}
#menu li { float:left; margin:0; padding:2px 7px 7px 7px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; float:left;}
#menu a { line-height:16px; float:left; font: normal 12px Arial, Helvetica, sans-serif; color:#FFF; margin:0 5px; padding:8px 0 12px 0; text-decoration:none;}
#menu a span { padding:10px 16px 12px 16px;}
#menu a:hover { color:#FC0;}
#menu a:hover span {color:#FC0;}
#menu a.active { color:#FC0;}
#menu a.active span { color:#FC0;}


#center {
	clear:both;
	background-color:#FFF;
	width:900px;
	}
	
#contenido {
	padding:5px 10px 5px 10px;
	width:630px;
	position:relative;
	background-color:#FFF;
	float:left;
	}
	

#contenido h2 { font:bold 24px Tahoma, Geneva, sans-serif; padding:10px 40px 10px 20px;}
#contenido h1 { font:normal 13px Tahoma, Geneva, sans-serif; color:#000; padding:5px 20px 5px 25px; text-align:justify;}
#contenido h3 { font:bold 18px Tahoma, Geneva, sans-serif; color:#900; padding:5px 20px 10px 20px;}
#contenido h4 { border-bottom:1px  solid #cccccc; margin:10px;}
#contenido ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
#contenido p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 30px 0px 30px; text-align:justify;}
#contenido p2 { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 30px 10px 10px;}
#contenido h5 { font:bold 18px Arial, Verdana, Geneva, sans-serif; color:#900; padding:20px 30px 0px 10px;}
#contenido em { font:italic bold  14px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right; padding:15px;}
#contenido li {padding:5px 0; margin:0;}
#contenido ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
#contenido li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
#contenido .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
#contenido .blog img { float:left; margin:5px; padding:0;}
#contenido a {font:normal 12px Arial, Helvetica, sans-serif; color:#999; margin:0; padding:0px; text-decoration: none;}
#contenido a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#900; margin:0; padding:0px; text-decoration: none;}
#contenido img { padding:0; margin:0px 15px 5px 0px; float:left;}

.Contact_Info {padding:0 20px; margin:10px 0 0 20px; width:300px; float:left;}
.Contact_Info p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Contact_Info a { color:#2bb9c5; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
/*Contact*/
.Contact { width:547px; padding:0 20px; margin:5px 0 5px 0; float:left;}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:0px 5px 5px 20px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 320px; background:#900; border:1px solid #F00; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}
	
#rightcolumn {
	float:right;
	position:relative;
	background-color:#FFF;
	height:100%;
	width: 250px;
	z-index:10;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	}
	


/* form style*/

.form_style { padding:0 0 0 10px; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:240px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:3px; margin:20px 0 20px 150px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}


#input { font-family:Arial, Helvetica, sans-serif; font-size:1em; width: 20em; border: 1px solid #999; background-color:#fafafa; color:#000;
	}
input.enviar{
	 margin-left:140px;
	 width:80px;
	 border: 1px solid;
	 border-color: #F60 #FC3 #FC3 #F60;
	 padding:3px;
	 background-color:#F60;
	 color:#FFF;
	 cursor:pointer;

	}

#clientes {
	width:235px;
	height:180px;
	margin-top:20px;
	position:relative;
	}
#contacto {
	width:228px; margin-top:25px; position:relative;
	
	}

#contact{
	position:relative; text-align:center; margin-left:20px; text-decoration:none;
}
	
#contact ul{ float:left; margin:0; padding:0; list-style:none; text-decoration:none;}
#contact li { float:left; margin:0;padding:50px 10px 7px 20px; list-style:none; text-decoration:none; }
#contact a{ color:#ebebeb; text-decoration:none;}

a.tooltip { font-weight:bold; text-decoration:none;}
a.tooltip span { display:none; padding:5px; margin-left:-208px; width:150px; }
a.tooltip img {margin:0; padding:0; }
a.tooltip:hover span{ display:inline; position:absolute; background:#ffffff; border:1px dotted #cccccc; color:#000;font-size:10px; font-weight:normal; }

#contactos{ width:250px; height:400px; float:right; position:relative; z-index:10; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}


#footerbox {
	clear:both;
	position:relative;
	height: 160px;
	background-image:url(images/text-redlines.jpg);
	background-repeat:repeat;
	
	}


#acceso1{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px;}

#acceso2{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso3{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso4{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px; z-index:9;}
	
#acceso5{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px;}

#acceso6{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso7{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso8{
	height:150px; width:112px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#footer {
	position: relative;
	width: 900px;
	height: 40px;
	float: left;
	background-image:url(images/footer.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
#footer{ text-align:center; padding:10px 0;font: normal 10px  Arial, Helvetica, sans-serif; letter-spacing:1px; color:#FFF; text-decoration:none;}
#footer a {font: normal 10px  Arial, Helvetica, sans-serif; color:#69C; text-decoration:none;}
#footer a:hover {font: normal 10px  Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

#paginas { float:left; width:500px; height:30px;}