* {padding:0; margin:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 10px}
li, dd {margin-left:15px}
fieldset {padding:6px}
a:link, a:visited {text-decoration:none;/* color:#aaa;*/ font-weight:bold}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none; color:#1c4851}
ul, ol {list-style:none}
img {border:none}
html, body {height:100%}
body {background:#036 url('../imagenes/bg_general.png') no-repeat top center;color:#4e4a49;text-align:center;margin:0;font:normal 11px/15px verdana,serif}
a:hover {text-decoration:underline}
a:active {text-decoration:none}
a:focus, input:focus {outline:none}
a:hover {color:#00F}
p {margin:0 0 8px 0}
h1 {font-size:14px; color:#36C}
h2 {font: normal 12px verdana,serif; color:#36C}
h3 {font-size:12px; color:#000; margin:5px 15px}
h4 {font-size:12px; color:#666; cursor:pointer} h4:hover {color:#03C}
h5 {font-size:10px}

.submit {font:bold 12px verdana,serif; cursor:pointer!important; color:#CCC; background:none; border:none; width:60px; margin:0 0 0 6px}
.buscar {width:150px;height:18px;font:normal 12px verdana;color:#333;border:1px solid #999;background:url('../imagenes/bg_busca.gif') no-repeat top left;padding:5px 6px 1px 6px;vertical-align:middle}
.buscar2 {width:250px;height:30px;border:1px solid #999;background:url('../imagenes/bg_busca2.gif') top left; margin-left:50px; line-height:30px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#36C; font-weight:bold}
.buscar3 {width:250px;height:30px;border:1px solid #999;background:url('../imagenes/bg_busca2.gif') top left; margin-left:350px; line-height:30px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#36C; font-weight:bold}
.buscar4 { margin-bottom:20px; text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333; width:550px; margin:auto; margin-top:40px }
#principal {width:998px;min-height:100%;height:auto;margin:0 auto -95px auto;text-align:left}
* html #principal {height:100%}

/************************************************************ cabeza ********************************************************************/
#cabeza {height:332px}
#marca {width:338px; height:160px; background:url('../imagenes/bg_menu_izq.png') no-repeat top right; margin-left:30px; display:inline; position:absolute; z-index:5}
#logo {width:290px; height:160px; float:left;margin-top:25px;}
#logo2 {width:290px; height:160px; float:left;margin-top:50px;margin-left:45px;}
#sub {width:550px; height:31px; float:right; display:inline; padding:15px 0 0 0; text-align:center; color:#888}
#sub a:link {color:#888}
#sub a:visited {color:#888}
#sub:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#cabezaimagen {width:960px; height:223px; margin-left:30px; float:left; position:relative}
#mascara { width:960px; height:229px; position:relative; background:url(../imagenes/mascara.png); z-index:3; margin-top:-229px;}
#slogan {color:#000; font:normal 20px arial,serif; position:absolute; bottom:35px; left:80px}
/*#llamador {width:189px; height:59px; margin:128px 0 0 0; background:url('imagenes/llamador.gif') no-repeat top left; float:left}*/
#iconos {width:97px; height:90px; z-index:5 /*background:url('imagenes/tri.png') no-repeat top right; margin:126px 0 0 0; float:right*/}
#bgiconos {width:97px;height:90px;background:url('../imagenes/bg_iconos.png') no-repeat top right;margin-top:-103px;margin-left:854px;position:relative;z-index:10;border-width:0px;}
#inicio {width:13px; height:13px; margin:30px 7px 0 0; float:right}
#mapa {width:13px; height:13px; margin:52px 7px 0 0; float:right}
#contacto {width:13px; height:13px; margin:76px 7px 0 0; float:right}
#logo a {font-weight:normal}
/* Menu */
#menu {width:630px;height:53px;background:url('../imagenes/bg_menu.gif') repeat-x top left;float:right;display:inline}
#menu ul {padding:20px 0 20px 17px; margin:0}
#menu li {display:inline; list-style:none; margin:0 16px 0 0; font:bold 10px verdana,serif}
#menu ul li a:link, #menu ul li a:visited {padding:5px 7px; color:#000; border:1px solid #036; background:#fff}
#menu ul li a:hover, #menu ul li a#activo, #menu ul li a:active {color:#fff; border:1px solid #fff; background:#36C; text-decoration:none}

/****************************************************** contenido *********************************************************************/
#contenido {}
#contenido a:link, #contenido a:visited {text-decoration:none; color:#1c4851; font-weight:bold}
#cA {float:left; width:265px; height:527px; margin:0 6px 0 37px; display:inline; background:#f3f2f0}
#cA2 {float:left; width:265px; min-height:527px; margin:0 0px 0 37px; display:inline; background:#f3f2f0}
#cA3 {float:left; width:265px; min-height:527px; margin:0 0px 0 0px; display:inline; background:#f3f2f0}
#uni {float:left; width:945px; min-height:527px; margin:0 0px 0 37px; display:inline; background:#f3f2f0}
.ct {background:url('../imagenes/curva_top2.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left; position:relative; z-index:5}
#busca {background:#36C;/* padding:10px 15px;*/ margin-top:20px; height:46px}
#busca2 {background:#36C; padding:7px 15px; margin-top:5px;}
#cA img {padding:4px; border:1px solid #d3cfce; margin:4px 7px 0 0}
.noticia {padding:10px; font:normal 10px arial,sans-serif; text-align:justify}
.leer_mas { color:#333; text-decoration:underline; float:right}
.leer_mas:hover { color:#00F}
.leer_mas2 {  color:#333; text-decoration:underline; float:right}
.leer_mas2:hover { color:#00F}
#sec_der {float:right; width:674px; margin:0 15px 0 0; display:inline;}
#sec_der2 {float:left; width:680px; margin:0 15px 0 0; display:inline}
#sec_der3 {float:left; width:680px; margin:0 0px 0 0; display:inline}
.ct2 {background:url('../imagenes/curva_top2.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right;}
#sec_der_a {width:330px; height:522px; float:left; padding:0 18px 5px 10px; overflow:auto; background:#f3f2f0}
#sec_der_a2 {width:100%; min-height:522px; float:left; padding:0 0 5px 0; background:#f3f2f0}
.ite {border-bottom:1px solid #e6e1dd; border-top:1px solid #fcfafb; padding:10px 15px 5px 15px; text-align:justify}
.ite2 {border-top:1px solid #fcfafb; padding:20px; text-align:justify; font-size:12px; width:90%; margin:auto;overflow:hidden;}
#sec_der_b {width:309px; height:527px; float:right; margin:0; background:#f3f2f0}
.destacados { padding:5px; margin:auto; color:#282627; min-height:360px; width:92%}
#pregunta {width:95%;height:86px;background:url('../imagenes/pregunta.jpg') no-repeat right;background-color:#FFF; margin:20px 0 0 7px; position:relative;}
#titulo_pregunta {color:#fff; font: impact,serif; position:absolute; top:15px; left:5px}
#titulo_pregunta a {color:#fff; font-weight:normal}
#titulo_pregunta a {color:#35393f!important}
#titulo_pregunta :hover {color:#00F}
.Cpad {margin:0 8px 0 30px;}
.Cbottom {width:942px;height:9px;overflow:hidden;display:inline;float:left;background:url('../imagenes/bg_page.gif') repeat-y -39px 0;margin-top:20px}
#agua { width:300px; height:250px; position:relative; margin:277px 0 0 320px; background: url(../imagenes/logo.png) no-repeat center; opacity:.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
#agua2 { width:250px; height:250px; position:absolute; margin-top:300px; margin-left:7px; background:url(../imagenes/logo.png) no-repeat center; opacity:.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50)}
#agua3 { width:250px; height:250px; position:absolute; margin-left:40px; margin-top:160px; background:url(../imagenes/logo.png) no-repeat center; opacity:.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50)}
#imagen_quienes {width:265px; height:527px}
#mascara_quienes {width:265px; height:527px; margin:-527px 0 0 0; background:url(../imagenes/mas_quienes.png); position:relative }
#productos-servicios { width:650px; margin:auto}
#caja {margin-left:10px; margin-top:5px; margin-bottom:30px}
#imagen-pro {width:390px; height:220px; margin-top:30px; margin-left:100px;background-color:#36C; box-shadow:10px 10px 10px #333}
#formulario-pre{ overflow:hidden; width:265px; min-height:300px; margin-top:30px;color:#CCC}
#tit-for{margin:auto;margin-top:37px; background-color:#CCC; color:#36C; padding:10px;}
#presupuesto { overflow:hidden; width:340px; min-height:240px; background-color:#999; margin:18px 0 0 0px; color:#36C; font-size:10px}
#caja_ite {width:290px; height:180px; margin-top:0px; padding:20px; text-align:justify }
.enviar {color:#36C; font-size:12px; padding:0 10px}
.enviar2 {color:#36C; font-size:12px; padding:5px 30px}
#cliente {width:380px; height:60px; margin:auto; margin-top:10px; margin-bottom:10px}
#logo_cliente {width:60px; height:60px; float:left; background-color:#FFC}
#nom_cliente {width:300px; height:60px; float:left; margin-left:20px; line-height:60px; font-size:12px; color:#36C}
#con_izq {width:500px; min-height:527px; float:left}
#con_der {width:445px; min-height:527px; float:left}
#mapa {width:400px; height:280px; float:left; margin-left:22px; margin-top:20px; box-shadow:10px 10px 20px #333}
#datos {width:300px; float:left; margin-left:110px; margin-top:20px; font: normal verdana,serif;}
#contacto_form {width:400px; height:450px; margin:auto; margin-top:40px}
.sombra {box-shadow:10px 10px 20px #333}
.altura {height:24px}
#destaca { width:260px; height:160px; background:#36C; margin-top:20px; margin-left:12px; float:left }
#der {width:600px; height:527px; float:left; margin-left:20px}
#izq {width:325px; min-height:527px; float:left}
#fotos {width:580px; height:350px; margin-top:80px; border:#36C 1px solid}
#fotito {width:100px; height:80px; background-color:#FFC; float:left} 
#titu-fotito {width:100px;float:left;  color:#36C; font-size:10px; margin-top:5px}
#album {width:325px; float:left; margin-top:5px; margin-left:10px}
#ficha { width:100px; min-height:100px; float:left; margin-left:5px; margin-top:5px; border:#36C 1px solid}
#titu-album { width:300px; height:35px; line-height:35px; float:right; margin-right:40px; margin-top:0px}

/**************************************************** Accordion ************************************************************************/
#conten {overflow:hidden; width:265px; margin-top:20px; position:relative; z-index:3 }
#conten2 {overflow:hidden; width:100%; margin-top:-10px; position:relative; z-index:3 }
#accordion {width:100%;margin-left:10px}
#accordion2 {width:100%;margin-left:35px}
#accordion a :hover { color:#000000}
#text-serv {width:90%;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:10px;}
#text-serv a : hover { color:#00F; text-decoration:underline}
#tit-serv{color:#CCC;margin:auto;margin-top:5px;width:100%;height:35px;line-height:35px;text-indent:10px;background:#36C}
#tit-pre{color:#36C;margin:auto;margin-top:2px;width:100%;height:22px;line-height:22px;text-indent:10px; border:#CCC 1px solid; background:#CCC}
#text-pre {width:90%;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:10px 20px 10px 10px; text-align:justify; margin-left:5px}

/***************************************************** pie ******************************************************************************/
#abajo {height:95px; width:100%; margin:0; background:url('../imagenes/bg_pie.png') no-repeat bottom center}
#pie {height:95px; width:998px; margin:0 auto; text-align:left;}
#pie2 {padding:5px 0px; color:#999; text-align:center;font-family: Verdana, Geneva, sans-serif;font-size:12px;}
#pie2 a:link, #foot2 a:visited {color:#ddd}
#pie2 a:active {color:#eee}
#pie3 {padding:20px 360px 0 30px; color:#036; margin-top:10px;font-family:Verdana;font-size:10px;}
#pie3 a:link, #foot2 a:visited {color:#036}
#pie3 a:active {color:#036}
#pie3 a:visited {color:#036}
.empre {color:#fc0}

.limpia {clear:both}
.noti {float:left}
.riflo {float:right}
#espacio {height:105px; margin-top:20px;}
#preloader {display:none}

/********************************************************jquery****************************************************************************/
.caption {display:none;}
.caption2 {display:none;}

/********************************************************clientes**************************************************************************/
#c2{
	width:300px;
	height:100px;
	float:left;
	margin-left:5px;
	margin-top:5px;
}

#c2_color{
	width:30px;
	height:100px;
	float:left;
	background-color:#666;
	border-radius:10px 0px 0px 10px;
}

#c2_texto{
	width:250px;
	height:74px;
	float:left;
	background-color:#FFF;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	padding:13px 10px 13px 10px;
	border-radius:0px 10px 10px 0px;
}

#carpeta{
     width:90px;
      height:85px;
      float:left;
      margin-top:10px;
      margin-left:15px;
      border:1px outset #450;
}

#alb{
     width:90px;
      height:60px;
}
 #tit_alb{
     width:90px;
      height:20px;
      margin-top:55px;
      margin-left:5px;

}