/*

*/
html,body{ margin:0; font-family: "Trebuchet MS", Verdana, Arial; font-size:0.90em; color:#585858}
#todo{position:absolute; width:100%; margin:0 auto 0 auto; padding:0; text-align:center}
	html>body #todo{margin:0 auto 0 auto; padding:0; text-align:center}

/*Capa Principal ---------------------------------------------------------------------------------- */
#web{ width:760px; margin:0 auto 0 auto; padding:0; text-align:left; background-image:url(../img/fondoWeb.gif); background-position:top; background-repeat:repeat-x;}
	html>body #web{margin:0 auto 0 auto; padding:0; text-align:left}
#cabecera{ width:760px; margin:0; padding:0}
#cabecera img{ margin:20px; padding:0; border:0}
#cabecera p{ text-align:right; color:#006599; margin:-13px 0 0 0;}
	html>body #cabecera p{margin:-10px 0 0 0;}

/*Menu ---------------------------------------------------------------------------------- */
/* margin-top=Firefox .margin-top=IE7 _margin-top=IE6       */
#cabecera ul{ list-style-type:none; margin: 18px 0 0 0; .margin-top: 29px; _margin-top: 35px; padding:0}
#cabecera li{ list-style-type:none; display:inline; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#006699; font-weight:bold}
#cabecera li span{ padding:8px 5px 0 6px; text-decoration:none}
#cabecera li span.inicioON{background-image:url(../img/fondoInicioON.gif); background-position:bottom; background-repeat:no-repeat; color:#FFFFFF}
#cabecera li span.conocenosON{background-image:url(../img/fondoConocenosON.gif); background-position:bottom; background-repeat:no-repeat; color:#FFFFFF}
#cabecera li span.trabajoON{background-image:url(../img/fondoTrabajoON.gif); background-position:bottom; background-repeat:no-repeat; color:#FFFFFF}
#cabecera li span.consultasON{background-image:url(../img/fondoConsultasON.gif); background-position:bottom; background-repeat:no-repeat; color:#FFFFFF}
#cabecera li span.contactoON{background-image:url(../img/fondoContactoON.gif); background-position:bottom; background-repeat:no-repeat; color:#FFFFFF}
#cabecera li span.referenciasON{background-image:url(../img/fondoReferenciasON.gif); background-position:bottom; background-repeat:no-repeat; color:#FFFFFF}

/*Cabecera ---------------------------------------------------------------------------------- */
#cabecera li a{ color:#006699; text-decoration:none}
#cabecera li a:hover{color:#fff; text-decoration:none}

#cabecera li a span.inicio { background-image:url(../img/fondoInicio.gif); background-position:bottom; background-repeat:no-repeat}
#cabecera li a:hover span.inicio { background-image:url(../img/fondoInicioON.gif); background-position:bottom; background-repeat:no-repeat}

#cabecera li a span.conocenos {background-image:url(../img/fondoConocenos.gif); background-position:bottom; background-repeat:no-repeat}
#cabecera li a:hover span.conocenos {background-image:url(../img/fondoConocenosON.gif); background-position:bottom; background-repeat:no-repeat}

#cabecera li a span.trabajo {background-image:url(../img/fondoTrabajo.gif); background-position:bottom; background-repeat:no-repeat}
#cabecera li a:hover span.trabajo {background-image:url(../img/fondoTrabajoON.gif); background-position:bottom; background-repeat:no-repeat}

#cabecera li a span.consultas{background-image:url(../img/fondoConsultas.gif); background-position:bottom; background-repeat:no-repeat}
#cabecera li a:hover span.consultas{background-image:url(../img/fondoConsultasON.gif); background-position:bottom; background-repeat:no-repeat}

#cabecera li a span.contacto{background-image:url(../img/fondoContacto.gif); background-position:bottom; background-repeat:no-repeat}
#cabecera li a:hover span.contacto{background-image:url(../img/fondoContactoON.gif); background-position:bottom; background-repeat:no-repeat}

#cabecera li a span.referencias{background-image:url(../img/fondoReferencias.gif); background-position:bottom; background-repeat:no-repeat}
#cabecera li a:hover span.referencias{background-image:url(../img/fondoReferenciasON.gif); background-position:bottom; background-repeat:no-repeat}
/* Fin Menu ---------------------------------------------------------------------------------- */
/*Destacados Cabecera ---------------------------------------------------------------------------------- */
#cabecera .destacado .i{ width:250px; float:left; margin:0px 0 0 100px; background-image:url(../img/imgComillas.gif); background-repeat:no-repeat; background-position:left}
*html #cabecera .destacado .i{ width:250px; float:left; margin:0px 0 0 0px; background-image:url(../img/imgComillas.gif); background-repeat:no-repeat; background-position:left}

#cabecera .destacado .i h1{ font-size:22px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#FFEDB5; margin:20px 0 5px 0}
#cabecera .destacado .i p{ font-size:16px; font-family:"Times New Roman", Times, serif; color:#FFEDB5; text-align:left; margin:0 0 10px 0}
#cabecera .destacado .i input{ font-family:"Times New Roman", Times, serif; font-size:18px; color:#6b6b00; background-image:url(../img/fondoImput.gif); background-repeat:no-repeat; border:0px; background-color: inherit; width:100px; height:25px}

#cabecera .destacado .i2{ width:140px; height:121px; float:left; margin:0 15px 0 0}
#cabecera .destacado .i2 img{ border:0; float:left; padding:0 0 0 0}

#cabecera .destacado .i3{ width:210px; float:right; margin:0px 0px 0px 0px}
#cabecera .destacado .i3 img{ border:0; float:left; margin:6px 0px 0px 0px; padding:0 0 0 0}
#cabecera .destacado .i3 h2{ font-size:14px; float:left; font-family:"Trebuchet MS", Times, serif; font-style:italic; text-decoration: underline; font-weight:normal; color:#ffffff; margin:20px 0 5px 0}

#cabecera .destacado .d{ float:left; width:230px; background-image:url(../img/imgPosit.gif); background-repeat:no-repeat; padding:15px 5px 5px 15px}
#cabecera .destacado .d p{ font-family: "Trebuchet MS"; font-size:12px; color:#006699; text-align:left; margin:2px 0 2px 0}
#cabecera .destacado .d img{ border:0; float:left; margin:0px 0 0 10px}
#cabecera .destacado .d .t{ background-image:url(../img/subrayado.jpg); background-repeat:no-repeat; background-position: left; color:#969600; padding:0 0 0 15px; float:left; width:180px}
#cabecera .destacado .d .der{ text-align:right; margin:10px 0 0 0; padding:0 20px 30px 0}
#cabecera .destacado .d a{color:#006699;}
#cabecera .destacado .d a:hover{ text-decoration:none}

/* Desarrollo del website ---------------------------------------------------------------------------------- */
#content{clear:both; padding:0px 15px 15px 15px}
#content h1{ font-family:"Times New Roman", Times, serif; font-weight:lighter; font-size:24px; color:#006699; margin:0 0 10px 0}
#content h2{font-family:"Times New Roman", Times, serif; font-size:20px; color:#9CC6DC; padding:0 0 15px 50px; margin:0 0 10px 0; border-bottom:2px dotted #d7d7d7; background-image:url(../img/icoh2.jpg); background-repeat:no-repeat; background-position: top left; font-weight:100}
#content h3{ font-family:"Trebuchet MS"; font-size:14px; font-weight:700; font-style:italic; margin:0px; color:#006699}
#content h4{ font-family:"Times New Roman", Times, serif; font-size:18px; color:#006699; border-bottom:2px dotted #cccc00;padding:0 0 5px 0; margin:0}
#content em{color:#006699}

/* Index ---------------------------------------------------------------------------------- */
#content .izq{ width:455px; margin:30px 0 0 0; float:left}
#content .izq p{ margin:0 0 10px 0;}
#content .izq ul{ list-style-type:none; margin:0 0 20px 0; padding:0px}
#content .izq li{ display:inline; color:#006699; font-style:italic; text-decoration:underline; font-size:12px; margin:0 5px 0 0}

.izq2{ width:100%; margin:30px 0 0 0; float:left; background-image:url(../img/fondoLogo.gif) no repeat;}
.izq2 p{ margin:0 0 10px 0; text-align:justify}
.izq2 ul{ list-style-type:none; margin:0 0 20px 0; padding:0px}
.izq2 li{ display:inline; color:#006699; font-style:italic; text-decoration:underline; font-size:12px; margin:0 5px 0 0}

#content .izq3{ clear:both; width:100%; margin:30px 0 0 0; float:left}
#content .izq3 p{ margin:0 0 10px 0; }
#content .izq3 h2{font-family:"Times New Roman", Times, serif; font-size:20px; color:#9CC6DC; padding:0 0 15px 50px; margin:0 0 10px 0; border-bottom:2px dotted #d7d7d7; background-image:url(../img/icoh2.jpg); background-repeat:no-repeat; background-position: top left; font-weight:100}

#content .der{ border:1px solid #e1e7eb; background-image:url(../img/fondoCaja.gif); padding:0px 15px 15px 15px; margin:30px 0 0 0; float: right; width:230px}
#content .der p{ font-family:"Trebuchet MS"; font-size:12px; color:#000000; margin:10px 0 5px 0}
#content .der label{font-family:"Trebuchet MS"; font-size:14px; color:#006699; margin:0 0 0 15px}
#content .der input{ background-color:#fefef3; border:1px solid #006699;margin:0 0 0 15px; width:200px}
#content .der .boton{ font-family:"Times New Roman", Times, serif; font-size:18px; color:#fff; background-image:url(../img/fondoImput02.gif); background-repeat:no-repeat; border:0px; background-color: inherit; width:70px; height:25px; float:right; margin:10px 10px 0 0 }

#content .der2{padding:0px 0px 15px 15px; margin:30px 0 30px 0; float: left; width:230px}
#content .der2 p{ font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic; font-weight:700; color:#006699; padding:0 0 5px 0; margin:0}

.area_titulo { width: 445px; margin-right:20px;  float:left}


/* Conocenos ---------------------------------------------------------------------------------- */
#content .resaltado{color:#006699; background-image:url(../img/imgComillas02.gif); background-repeat:no-repeat; background-position:left}

/* Areas ---------------------------------------------------------------------------------- */

#content .areaDestacado ul{ list-style-image:url(../img/tick.gif)}
#content .lt2 ul { list-style-image:url(../img/icono_redondo.gif)}
#content .areaDestacado table td{ vertical-align:top; }
#content .Listainfizq{ width: 45%; float: left; padding: 15px 0 0 0}
#content .Listainfizq{ font-size:14px}
#content .Listainfizq2{ width: 100%; float: left; padding: 15px 0 0 0}
#content .Listainfizq2{ font-size:14px}
#content .Listainfder{ width: 45%; float: right; padding: 15px 0 0 0}
#content .Listainfder{ font-size:14px}

/* Consulta -------------------------------------------------------------------------------- */

#content .formulario fieldset {border:0}
#content .formulario .izq { float:left; margin:5px 0 0 0; font-size:14px; color:#3399CC}
#content .formulario .izq span { font-size:20px; color:#b4b400}
#content .formulario .izq .ltel { width:56%}
#content .formulario .izq .lfax { width:40%; margin:0 0 0 185px; padding:0}
#content .formulario .izq .campo{color:#3399CC; background-color:#FFFFEF; border:1px solid #3399CC; width:400px; margin-bottom:3px}
#content .formulario .izq .campo_tel{color:#3399CC; background-color:#FFFFEF; border:1px solid #3399CC; width:200px; margin-bottom:3px}
#content .formulario .izq .campo_fax{ color:#3399CC; background-color:#FFFFEF; border:1px solid #3399CC; width:145px;  float:none; margin:0 0 3px 48px}
#content .formulario .boton{ font-family:"Times New Roman", Times, serif; font-size:18px; color:#fff; background-image:url(../img/fondoImput02.gif); background-repeat:no-repeat; border:0px; background-color: inherit; width:75px; height:22px; float:left; margin:10px 10px 0 0 }
#content .formulario img { margin:10px 0 0 0; border:0}

/* Contacto -------------------------------------------------------------------------------- */
#content .formulario2 { width:auto}
#content .formulario2 fieldset {border:0}
#content .formulario2 form{ margin:0;}
#content .formulario2 .izq label {margin:0; padding:0; width:200px;}
#content .formulario2 .izq { font-size:14px; color:#3399CC;width:250px}
#content .formulario2 .izq span { font-size:20px; color:#b4b400}
#content .formulario2 .izq .campo{color:#3399CC; background-color:#FFFFEF; border:1px solid #3399CC; width:240px; margin-bottom:10px}
#content .formulario2 .boton{ font-family:"Times New Roman", Times, serif; font-size:18px; color:#fff; background-image:url(../img/fondoImput02.gif); background-repeat:no-repeat; border:0px; background-color: inherit; width:70px; height:25px; float:left; margin:10px 10px 0 0 }
#content .formulario2 img { margin:20px 0 0 0; border:0; float:right}
#content .formulario2 .izq .estrellita {font-size:20px; color:#b4b400}
#content .formulario2 .izq .lnormal {font-size:14px; color:#585858}

/* Referencias ------------------------------------------------------------------------------ */

#content .listaRef ul{ list-style-image:url(../img/tick.gif)}

/* Pie ---------------------------------------------------------------------------------- */
#pie{ clear:both; height:80px; color:#FFEDB5; padding:0px 0 0 0}
#pie div{ width:760px; height:80px; margin:0 auto 0 auto; background-image:url(../img/fondoPie.gif); background-repeat:repeat-x; background-position:top; text-align:center}	
#pie p{ float:left; padding:10px 0 0 0}
html>/**/body #pie p{ padding:0}
#pie span{ float:right; padding:10px 5px 0 0}
#pie span a{ color:#FFEDB5;}
#pie span a:hover{ color:#FFEDB5; text-decoration:none}