/*
bordo:
#993366
bordo claro:
#b0668b

#8675a9

celeste:
#00a9e1
#0099cc
*/


html, body, #main {height: 100%;}

body > #main {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img.borderImg{border:1px solid #ccc; padding:5px;}

.fleft{float:left;}
.fright{float:right;}



body{background:#f6f6f6 url(../img/body.png) repeat-x; font-family: "Helvetica", Arial, sans-serif;}
h2{font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:24px; font-weight:lighter; text-align: left; line-height:1.1em; letter-spacing: -1px; color:#523888; margin:20px 0 10px;}
h3{ border-bottom:1px solid #CEC9D2; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:16px; font-weight: 100;  line-height:1.1em; color:#3E3452; margin:10px 0 30px 0; padding:10px 0 30px 0;}

h5{ color:#3E3452; font-weight:bold; font-size:12px; margin:-3px 0 5px 0;}
h5 a{color:#3E3452;}

p{font-size:12px; color:#767676; line-height:20px;}
p.smalltxt{font-size:11px; line-height:normal;}

#main{ background:url(../img/main.png) no-repeat top center; margin:0 auto;}
#main.noback{background:none;}
#header{margin:auto; height:145px; width:820px;}
#content{margin:auto; padding-bottom:275px; overflow:hidden; width:820px; margin-bottom:10px;}	
#footer{clear:both;background:url(../img/back_footer.png) repeat; border-top:1px solid #787878; height:279px; position:relative; width:100%; margin-top: -230px;}

#header h1{float:left; display:block; margin:50px 0 0 0; height:60px; width:250px;}
#header h1 a{background:url(../img/logo.png) no-repeat;	display:block; height:100%; width:100%; outline:none;}
#header h1 a span {display:none;}

ul#menu {float: right;	font-size:12px;	margin:85px 0 0 0;}
ul#menu li {float:left;	border-left: dotted 1px #99407E; padding:0 8px; font-weight:bold;}
ul#menu li:first-child {float:left; border-left: none;	padding:0 8px;}
ul#menu li:last-child{padding:0 0 0 8px;}
ul#menu li a {text-decoration:none;	color:#0099cc;	padding:3px 8px; display:block; line-height:20px;}
ul#menu li a.selected, ul#menu li a:hover {	background:#fff; color:#99407E;}

#content div.banner {height:250px;width:820px; margin:0 auto -40px auto;}
#content div.banner h2{ background:url(../img/h2_equipos.png) no-repeat; height:85px;width:265px; text-indent:-9999px; margin:60px 0 0 25px; position:absolute;}

#content div.holder{margin:0 auto;}
#content div.holder .col1{float:left; width:250px; margin:10px 0 0 0;}

h3.h3_productos{ background:url(../img/h3_productos.png) no-repeat; border:none; height:25px; width:133px; margin:0 0 15px 0; padding:0; text-indent:-9999px;}
h3.h3_novedades{ background:url(../img/h3_novedades.png) no-repeat; border:none; height:25px; width:133px; margin:0 0 15px 0; padding:0; text-indent:-9999px;}
h3.h3_servicios{ background:url(../img/h3_servicios.png) no-repeat; border:none; height:25px; width:108px; margin:0 0 15px 0; padding:0; text-indent:-9999px;}
h3.h3_products{ background:url(../img/h3_products.png) no-repeat; border:none; height:25px; width:133px; margin:0 0 15px 0; padding:0; text-indent:-9999px;}
h3.h3_news{ background:url(../img/h3_news.png) no-repeat; border:none; height:25px; width:133px; margin:0 0 15px 0; padding:0; text-indent:-9999px;}
h3.h3_services{ background:url(../img/h3_services.png) no-repeat; border:none; height:25px; width:108px; margin:0 0 15px 0; padding:0; text-indent:-9999px;}

#content div.holder .col1 ul.list_prod{ list-style:none; margin:0 0 30px 0; width:250px; overflow:hidden;}
#content div.holder .col1 ul.list_prod li{float:left; margin:0 9px 9px 0; height:58px; width:74px;}
#content div.holder .col1 ul.list_prod li a{ background:#004E80; display:block; height:58px; width:74px;}
#content div.holder .col1 ul.list_prod li a:hover{background:#0099cc;}
#content div.holder .col1 ul.list_prod li a img{margin:3px;}

#content div.holder .col2{float:right; width:550px; margin:10px 0 0 0;}
#content div.holder .col2 ul.list_nov{ background:#fff; border:1px solid #cec9d2; list-style:none; overflow:hidden; padding:20px 20px 10px 20px;}
#content div.holder .col2 ul.list_nov li{border-bottom:1px solid #cec9d2; float:left; margin-bottom:10px; width:490px; padding:10px;}
#content div.holder .col2 ul.list_nov li:last-child{border:none; margin:0; padding:10px 10px 0 10px;}
#content div.holder .col2 ul.list_nov li:hover{ background:#f4f4f4;}
#content div.holder .col2 ul.list_nov li div.fleft a{ background:#004E80; display:block; height:60px; width:81px; }
#content div.holder .col2 ul.list_nov li div.fleft a:hover{background:#0099cc;}
#content div.holder .col2 ul.list_nov li div.fleft a img{margin:2px;}
#content div.holder .col2 ul.list_nov li div.novTxt {float:left; margin:0 0 10px 10px; width:399px;}
#content div.holder .col2 ul.list_nov li div.novTxt p{font-size:11px; line-height:16px;}
#content div.holder .col2 ul.list_nov li div.novTxt p a { color:#3e3452; font-size:12px; text-decoration:none;}
#content div.holder .col2 ul.list_nov li div.novTxt p a:hover{text-decoration:underline;}

.vermas{background:none; float:right; color:#0099cc; font-size:9px; text-transform:uppercase; text-decoration:none; margin:10px 5px 0 0; padding:2px;}
.vermas:hover{text-decoration:underline;}

#content div.holder .col1 ul.list_servicios{ list-style:none; margin:0 0 10px 0; overflow:hidden; width:250px;}
#content div.holder .col1 ul.list_servicios li{ background:url(../img/bullet_flecha.png) no-repeat left; border-top: 1px solid #cec9d2; float:left; margin:0; padding:5px 0; width:250px; }
#content div.holder .col1 ul.list_servicios li:last-child{border-bottom: 1px solid #cec9d2;}
#content div.holder .col1 ul.list_servicios li:hover{background-color:#fff;}
#content div.holder .col1 ul.list_servicios li p{font-size:13px; color:#3e3452; font-style:italic; margin:0 0 0 20px;}

#content div.holder_int{margin:0 auto; }
#content div.holder_int p{margin:0 0 10px 0;}
#content div.holder_int p a{color:#0099cc; text-decoration:none;}
#content div.holder_int p a:hover{text-decoration:underline;}
#content div.holder_int ul li p{ margin:0;}

#content div.holder_int .col1{float:left; width:280px; margin:10px 0 0 0; padding:0 10px;}
#content div.holder_int .col2{float:right; width:500px; margin:10px 0 0 0;}
#content div.holder_int .colw{width:820px; margin:10px 0 0 0;}
#content div.holder_int div.colFondo{background:#fff; border:1px solid #cec9d2; padding:10px;}
.colFondo{background:#fff; border:1px solid #cec9d2; padding:10px; overflow:hidden;}
#content div.holder_int div.colFondo p{ text-align:justify;}

#content div.holder_int .col2 ul.clientes{ list-style:none; margin:0 0 0 50px;}
#content div.holder_int .col2 ul.clientes li{background:url(../img/bullet_flecha.png) no-repeat left; margin:5px 0;}
#content div.holder_int .col2 ul.clientes li p{ padding:0 0 0 15px;}
#content div.holder_int .col2 p{text-align:justify;}

#content div.holder_int .colw ul.productos{list-style: square; padding:0 0 0 20px;}
#content div.holder_int .colw ul.productos li{display:list-item; margin:0; }
#content div.holder_int .colw ul.productos li p{margin:0;}

#content div.holder_int .colw .prod_int{ padding:10px; margin:10px auto;background:#fff; border:1px solid #cec9d2; overflow:hidden; position:relative; text-align:justify;}
#content div.holder_int .colw .prod_int .pdf{position:absolute; top:0; right:0; margin:5px 5px 0 0;}
#content div.holder_int .colw .prod_int .pdf a{ background:url(../img/pdf.png) no-repeat center right; color:#CEC9D2; display:block; font-size:9px; line-height:10px; padding:9px 28px 5px 5px; text-transform:uppercase; text-decoration:none; text-align:right;}
#content div.holder_int .colw .prod_int .pdf a:hover{color:#0099cc;}
#content div.holder_int .colw .prod_int h4{ color:#523888; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:18px; line-height:1.1em; letter-spacing: -1px; margin:5px 0 20px 0;}
#content div.holder_int .colw .prod_int ul{list-style:none;}
#content div.holder_int .colw .prod_int ul li{margin:0;}
#content div.holder_int .colw .prod_int .fleft img{margin:0 10px 0 0;}


#content div.holder_int ul.fleft{margin:0 20px 0 0;}



#footer p{font-size:11px; color:#d6d6d6; line-height:normal;}
#footer .footer_int{ width:820px; margin:0 auto;}
#footer .footer_int .col1{border-bottom:1px solid #787878; margin:0 auto 10px auto; padding:0 auto 10px auto; overflow:hidden;}
#footer .footer_int .col1 ul{list-style:none; display:block; float:left; padding:20px 0; overflow:hidden; width:820px;}
#footer .footer_int .col1 ul li{float:left; margin:0 15px 0 0;}
#footer .footer_int .col1 ul li a{ display:block; color:#d5d5d5; font-size:11px; font-weight:bold; text-decoration:none;}
#footer .footer_int .col1 ul li a:hover, #footer .footer_int .col1 ul li a.selected{color:#00a9e1;}

#footer .footer_int .col2{ clear:both; width:820px; margin:20px auto; overflow:hidden;}
#footer .footer_int .col2 .col_a {border-right:1px solid #666;float:left; height:auto; padding:0 10px 0 0;}
#footer .footer_int .col2 .col_a a{display:block; margin:0 0 50px 0;}
#footer .footer_int .col2 .col_b{ border-left:1px solid #333; float:left; height:auto; margin:0; padding:5px 0 0 10px; width:180px;}
#footer .footer_int .col2 .col_b p{margin:20px 0 5px 0;}
#footer .footer_int .col2 .col_b a{color:#d6d6d6; text-decoration:none;}
#footer .footer_int .col2 .col_b a.cafac{ background:url(../img/logo_cafac.png) top center; height:42px; width:42px; float:left;}
#footer .footer_int .col2 .col_b a.geme{ background:url(../img/logo_geme.png) top center; height:42px; width:115px; float:right;}
#footer .footer_int .col2 .col_b a.cafac, #footer .footer_int .col2 .col_b a.geme{display:block;}
#footer .footer_int .col2 .col_b a.cafac:hover, #footer .footer_int .col2 .col_b a.geme:hover{background-position:0 -42px;}
#footer .footer_int .col2 .col_b a { text-indent:-9999px;}
#footer .footer_int .col2 .col_c{float:right; height:auto; width:410px;}
#footer .footer_int .col2 .col_c a{color:#d6d6d6; text-decoration:none; font-weight:bold;}
#footer .footer_int .col2 .col_c a:hover{text-decoration:underline;}
#footer .footer_int .col2 .col_c a.celeste{color:#0099cc;}

#footer .footer_int .col3{ clear:both; border-top:1px solid #333; width:820px; margin:10px auto; padding:10px 0; overflow:hidden;}
#footer .footer_int .col3 p{color:#666;}
#footer .footer_int .col3 a{text-indent:-9999px;}


#map{ border:3px solid #0099cc; float:left; margin:0 10px 0 0; height:110px; width:220px;}

#map_ubicacion{ border:5px solid #fff; height:290px; width:810px;}

#contacto{ overflow:hidden; width:788px; background:#fff; border:1px solid #cec9d2; padding:10px;}
#contacto div.fleft form{ width:400px; margin:0 0 0 20px;}
#contacto div.fleft form div{float:left; margin:5px 0; clear:both;}
#contacto div.fleft form div label{ float:left; font-size:12px; color:#767676;}
#contacto div.fleft form div input, #contacto form div textarea{ background:#F6F6F6; border:1px solid #cec9d2; font-family: "Helvetica", Arial, sans-serif; font-size:12px; padding:5px 2px; float:left; clear:both; color:#0099CC; width:300px;}
#contacto div.fleft form div input:focus, #contacto form div textarea:focus{background:#fff;}
#contacto div.fleft form div input.submit-button{width:80px; cursor:pointer;}
#contacto div.data{float:left; margin:20px;}