/* sitio open plus */
* {margin:0; padding:0}
body { background:url(bgtop.off.gif) top left repeat-x;
font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;
font-size:11px;
color:#444
}

h3 {font-size:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background:url(ico.h2.gif) 0 8px  no-repeat; padding-left:22px; color:#73c005; border-bottom:5px solid #e6ebf2; line-height:28px; margin-bottom:10px} 
h4 {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #F4F4F4; background:url(dt.ico4.png) 0 1px  no-repeat; padding-left:20px; color:#000; margin:5px 0 0 0; font-weight:bold; margin-top:15px }
.tabla td, .linea{ border-bottom:1px solid #D6EAC4; }
.tabla thead td, .dtblanazulclaro {font-weight:bold; background:#e0e6d7; border-top:1px solid #bac7a5 }
.tabla td{ padding:0 5px}

table {width:100%}
ul {list-style-type:none}


.boton {font-size:16px; font-weight:bold; padding:2px 5px}
.cuadro {border:1px solid #D6EAC4; padding:10px; background:#FBFCF8}
.cita {border:1px solid #CCCCCC; color: #FF0000; background-color:#FFFAF9; display:block; padding:5px 10px; margin-bottom:10px }
.ok { border:1px solid #BBCCA4; color:#006600; padding:5px 10px; margin-bottom:10px; background-color:#FBFFFC; font-weight:bold }
.err { border:1px solid #DCCFC7; color:#FF0000; padding:5px 10px; margin-bottom:10px; background-color:#FFFFF9; font-weight:bold }
.nota {background:url(comilla.gif) 0 10px no-repeat; font-size:15px; padding:10px 0 10px 45px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; line-height:20px; font-weight:bold; color:#999}

p {margin-bottom:10px}

a{color:#0079c6}
.pg {width:919px; margin:0 auto;background:url(bgtop.gif) top left repeat-x;}
	.cab {}
	.cab .cabtop{position:relative; height:80px;}
		.logo {background:url(logo.gif) top left no-repeat;   width:218px; height:45px; overflow:hidden; position:absolute; top:23px;} /* text-indent:-9999; line-height:10000px;}*/
		.logo h1 {visibility:hidden} 
		
		.buscar {position:absolute; height:30px; right:0; top:0; width:400px; text-align:right; background:url(bgtopred.gif) top right no-repeat; padding:20px 10px 0 0 ; }
		/*.buscar	input{ background:url(buscar.gif) top right no-repeat #FFF !important; width:200px; color:#999; padding:0 3px;}*/
		.barra {background:url(toolbar.gif) no-repeat; position:absolute; top:43px; right:0; width:673px; height:26px}
		
		/* temporal */
		.disabled {color:#CCC !important}
		/* end temporal */
		
		.barra ul {margin:0; padding:0; padding-left:7px}
		.barra ul li{display:inline;}
		.barra ul li a{font-weight:bold; color:#FFF; text-decoration:none; float:left; padding:2px 8px 5px 8px; margin-top:3px }
		.barra ul li a:hover{background:#73c005}
		.banner {width:917px; height:271px;}
	
	.ruta{display:block; background:url(dt.ico4.gif) no-repeat; padding-left:16px; color:#999; margin:7px 0}
	.det {position:relative; padding-top:10px }

.det .img {	float:left; width:190px; padding-right:30px}
.det .conte{	float:left; width:490px; padding:0 30px 0 5px}

.det .clientes {width:700px}
.det .servicios p {margin-left:8px; border-left:5px solid #eef3e8; padding-left:8px}
.det .conte .nota{ width:200px; margin-top:10px}
.det .zona img {float:left; border:1px solid #CCC !important; padding:2px; margin:10px 0 20px 0 }


.det .portafolio {float:left; width:710px; margin-right:30px }
.det .portafolio img {float:left; margin-right:13px}
.det .portafolio .portafolioDsc {width:132px; background-color:#F7F7F7; padding:0 10px; border:1px solid #DBDBDB; height:422px}
.det .portafolio .cuadro {padding:2px !important}
.det .portafolioMenu { float:left; width:190px; padding-right:30px}
.det .portafolioMenu a {display:block; border-bottom:1px solid #E2E3E9; height:50px; text-decoration:none; padding-top:5px}
.det .portafolioMenu a:hover {color:#000; border-bottom:1px solid #6699CC !important ; background-color:#f0f0f0}
.det .portafolioMenu img {float:left; border:0; margin-right:15px}
.det .portafolioMenu strong {display:block; padding-top:7px}
.det .portafolioMenu cite {font-style:normal; color:#999999; font-size:10px; font-family:Arial, Helvetica, sans-serif }
.det .portafolioConte { float:left; width:490px; }
h5{border-bottom:1px solid #CCCCCC; font-size:14px; margin:10px 0 5px 0; color: #59748E}
.portafolio li{background:url(dt.ico3.gif) top left no-repeat; padding-left:17px}
.portafolio h4 {font-size:25px; font-weight:normal; margin:10px 0; background-image:none; background-color:#F7F7F7; padding:0; border-bottom:1px solid #DBDBDB; }
.portafolio .visitar{background:url(ico5.gif) top left no-repeat; float:right; padding-left:15px; font-size:12px; text-decoration:none; font-weight:bold; border-bottom:1px solid #CDD5DC; margin-top:10px }

.det .menu {float:left; width:170px; }
.det .menu h3 {background:url(tool.png) 0  3px no-repeat; padding-left:28px; font-size:20px; color:#73b2fa; border-bottom:1px solid #cdcdcd ; margin-bottom:0 }
.det .menu span { padding-left:28px; color:#73c005; font-weight:bold; }		
.det .menu ul {padding-top:10px}
.det .menu li {border-bottom:1px solid #dde3e5; background:url(dt.ico2.gif) 0 5px no-repeat; padding:5px 0 5px 15px; list-style-type:none}
.det .menu .otro li{background:url(dt.ico4.gif) 0 5px no-repeat;}
.det .menu li a {text-decoration:none; display:block}
.det .menu li a:hover {color:#000066}
.det .menu .cuadro {padding:0}

	.pie {clear:both; text-align:left; border-top:1px solid #CCC; margin:20px 0 30px 0; float:left; width:100%; padding-top:5px }

		.pie ul {float:right }
		.pie ul li{display:inline;}
		.pie ul li a{text-decoration:none; float:left; padding:2px 8px 5px 8px; margin-top:3px }

.conte {line-height:18px}
/*.conte img {border:1px solid #DDDDDD; padding:1px; float:left; margin-right:20px}*/
.conte h4,  .conte h3 {clear:both}
.conte p{margin-top:0}
.noborder {border:0 !important }
.left {float:left; margin-right:15px};
.right {float:right; margin-left:15px};