/* CSS Document */
.clearfix:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
body { background-color:#C3D3E1; margin:0; font:0.7em Arial, Helvetica, sans-serif; color:#666}
img { border:none}
body a{ color:#666}
body a:hover{ color:#3277CF}
h1 { float:left;  margin: 48px 0 0 29px}
h3 { color: #236ECD; font-size:136%; background:url(/img/asterico.gif) no-repeat; width:100p%; height:15px; padding-left:27px; margin:0px 0 0 15px;}

h4 { font-size:136%;  margin:0px 0 0 15px;}

h3.especialitos { color: #236ECD; font-size:120%; background:url(/img/asterico.gif) no-repeat; width:100p%; height:15px; padding-left:27px; margin:0px 0 0 15px;}

h3.especialitos2 { margin:0px 0 0 0px; letter-spacing:-0.5px}
h3.especialitos3 { letter-spacing:-1px; font-size:130%; }

.bold { font-weight:bold}
.error { color:#FF0000}
.linea_error { color:#FF0000; margin:5px 0 0 15px}

#fondo_activo { background-color:#FDFCEC; padding:0 20px;  color:#4C5B2B;}
#contenedor_principal { width:767px; margin: 0 auto; background-color:#fff; padding:0 2px }
.cabecera { background:url(/img/cabecera.gif) no-repeat; width:767px; height:116px; float:left}
.float_left { float:left}


.cont_izquierdo{  width: 512px; float:left; margin-top: 22px}
.cont_derecho{ float:left; width:255px; margin-top: 22px}
.funcionamiento { background:url(/img/bg_funciona.gif) no-repeat; width:247px; height:345px; margin-top:22px}
.funcionamiento  ul { width: 247px; padding:0; margin:0; float:left;}
.funcionamiento  li { float:left; list-style:url(/img/icon.gif); margin:20px 0 0 20px; padding:0}
.funcionamiento span { width:130px; float:left; padding:0 0 0 5px}
.funcionamiento img{ float:left; padding:0 0 0 10px; margin: 20px 0 0 0}
.funcionamiento p{ margin:20px 0 0 15px; float:left; width:215px }
#centro { height:100%;  background-color:#FDFCEC; margin-top:4px; float:left; width:100%}
#centro2 { height:100%;  background-color:#FDFCEC; margin-top:4px; padding-top:30px; float:left;width:100%}
.fondo_foto { background:url(/img/bg_portada.gif) no-repeat; width:493px; height:175px; margin: 23px 0 28px 10px;}
.fondo_foto p{width:229px; height:114px; margin: 0 0 0 249px; padding: 20px 0 0 0}
#proyectos{float:left; border-right: solid 1px #E2E2E2; padding: 0 8px 0 0; width:310px;}
#proyectos img{ float:left; padding-right:8px }
#proyectos span{ float:left; margin:13px 0 13px 30px}
.proyectos_fotos {margin: 13px 0 0 15px}
#ventajas { float:left; width:177px; }
#ventajas ul { float:left; padding:0; margin:15px 0 0 10px; padding:0}
#ventajas li { line-height:17px; margin:0; padding:0; list-style: inside}
#pie { background:url(/img/pie.gif) no-repeat bottom left #FDFCEC; width:767px; height:61px; padding:33px 0 0 0; margin:0 0 3px 0; float:left}
#pie ul { margin:0; padding:0}
#pie li { list-style:none; float:left; margin: 25px 0 0 72px}
#pie a { text-decoration:none;}
.asif_logo a{ padding:0; margin:10px 0 0 30px; float:left;}


/* CONTACTO */
#contacto_der { width:334px; padding:22px 0 13px 22px; float:left }
#contacto_izq  { width:406px; height:600px; background: url(/img/fondo_contacto.gif) no-repeat top left; float:left;}
#contacto_izq_ok  { width:316px; height:600px; background: url(/img/fondo_contacto.gif) no-repeat top left; float:left; padding:45px}
fieldset { border: none}
.consulta { width:210px; height:69px; margin-top:28px}

.tablita_form { margin: 18px 0 0 10px}
.enviar { height:23px; width:98px; background: url(/img/boton_enviar.gif ); border:none; margin:15px 0 0 268px; color:#676566; font-weight: bold}

/* EMPRESA */
#empresa { margin: 22px 0 0 0px; float:left; width:240px}
#empresa li{ list-style:url(/img/icon.gif) outside; padding-top:5px}
#empresa ul{ margin-top:25px }
#empresa_textos { float:left; width: 515px; margin-top:22px}
.empresa_up{ background:url(/img/up.gif) no-repeat top left; width: 515px; height:10px; margin-top:30px; float:right}
.empresa_center{ background-color:#EAE9D7; width: 485px; float:right; padding: 15px;}
.empresa_down{background:url(/img/down.gif) no-repeat top left; width: 515px; height:10px; float:right}
#empresa_activo{text-decoration:none; font-weight:bold; color:#DF842E}

.fotos { float:left; margin: 0 15px 8px 0}



/* pestanas */
#pestanas {font:136% "Trebuchet MS", arial; background:url(/img/fondo_pestanas.gif) repeat-x;width:100%;font-weight:bold; margin:0; padding:0;float:left; }
#pestanas ul {margin:21px 0 0 0;}
#pestanas li {display:inline;height:58px }
#pestanas a { float:left;  padding:0 0 0 5px; margin-right:1px; text-decoration:none;color:#FFFFFF }
#pestanas a:hover {background:url("/img/pest_izq.gif") no-repeat left top; float:left; padding:0 0 0 5px; margin-right:1px; text-decoration:none; color:#4C5B2B }
#pestanas a span { display:block; padding:10px 22px 7px 17px; }
#pestanas a:hover span { display:block; background:url("/img/pest_der.gif") no-repeat right top; padding:10px 22px 7px 17px; }
#pestanas a.on {background:url("/img/pest_izq.gif") no-repeat left top; float:left; padding:0 0 0 5px; margin-right:1px; text-decoration:none; color:#4C5B2B }
#pestanas a.on:hover {background:url("/img/pest_izq.gif") no-repeat left top; float:left; padding:0 0 0 5px; margin-right:1px; text-decoration:none; color:#4C5B2B }
#pestanas_activa{ display:block; background:url("/img/pest_der.gif") no-repeat right top; padding:10px 22px 7px 17px;color:#4C5B2B }
#pestanas a.on:hover span {display:block; background:url("/img/pest_der.gif") no-repeat right top; padding:10px 22px 7px 17px;  }

/* pestanas */
.titulo_aviso{ color:#E18B34; font: bold; font-size:125%}




/* localizacion */
.cont_izquierdo_localiza {float:left; margin-top: 22px;}
.localizacion_izqu { margin: 23px 0 28px 20px; width:425px; float:left;}
.google_map { float:left; margin:25px}

/* obras de referencia */
.obras { width:361px; height:100%; float:left; padding:15px 11px 0 11px }
.fondo_obras_up { background:url(/img/obras_up.gif) no-repeat top left; width:361; height:8px}
.fondo_obras_center{ background:#EAE9D7; height:100%; padding:15px 0 10px 0}
.fondo_obras_down { background:url(/img/obras_down.gif) no-repeat top left; width:361; height:8px}

.cada_obra { float:left; margin:18px 0 0 8px; border-bottom: solid 1px #FFFFFF; padding-bottom:20px; width:340px}
.sin_linea { border: none;}
#sin_linea { border: none;}
.cada_obra img { margin-right:17px; float:left}
.cada_obra span{ vertical-align:middle}
.naranja a{ color:#E99C03; font-weight:bold}
#centro3 { height:100%;  background-color:#FDFCEC; padding-top:20px; float:left;width:100%}
.foto170x150_sinborde {float:left; width:170px; height:150px; margin-right:10px}




/* DOCUMENTACION */
.documento {height:100%; float:left; padding:15px 11px 0 11px; }
.docu_up { background: url(/img/docu_up.gif) no-repeat top left; width:732px; height:8px}
.docu_center{ background:#EAE9D7;width:732px}
.docu_down {background: url(/img/docu_down.gif) no-repeat top left; width:732px; height:8px}
.cada_documento { float:left; padding:20px 40px; background:#EAE9D7; width:652px; border-bottom: solid 1px #FFFFFF}
.descargar_pdf { background:url(/img/acrobat.png) no-repeat; padding:0 0 0 25px; height:16px}


/*ADMINISTRADOR*/
.fondo_blanco_tabla { background-color:#FFFFFF}
.tabla_obras td{ padding:0 8px}
.input_noborder { border:none}
.border_right_white { border-right: solid 1px #FFFFFF}
.mas { background:url(/img/mas.gif) no-repeat; width:115px; height:24px; font-weight:bold; text-align:right; margin:15px 0}
.mas2 { background:url(/img/mas.gif) no-repeat; width:155px; height:24px; float:right; font-weight:bold; text-align:right; margin:15px 0}
.menos { background:url(/img/eliminar.gif) no-repeat top left; width:65px; height:24px; float:right;  text-align:right; border:none; color:#666; margin:0; padding:0 }

.modificar_obra { }
.modificar_obra table p{ padding:0; margin:0} 


.obra_center{ background-color:#EAE9D7; width: 485px; float:right; padding: 15px;}
.obra_center tr td { margin: 100px 0; vertical-align:top}
.sustituir { margin-left:8px}
.width_262 {width:262px}


/* DOCUMENTACION2 */
.foto150x150 {float:left; border: solid 1px #999999; padding:5px; width:150px; height:150px}
.textofoto200 {float:left; margin-left:20px}
.fotikos {margin-right:20px; border: solid 1px #999999; padding:5px; height:100px; width:100px}