
/* ESTRUCTURALES */

#usuarios, #encabezado, #cuerpo, #pie { margin: 0 auto; width: 860px; }
#usuarios { text-align: right; width: 860px; }
#encabezado { height: 168px; padding: 0; background: #f7f7f7 url("/1.3/img/fondo.gif") repeat-x top left; text-align: left; }
#cuerpoEncabezado { padding: 0 20px; }
#cuerpo { text-align: left; }
#logo { float: left; }
#logo h1, #logo h2 { margin: 0; padding: 0; }
#logo h1 a, #logo h1 a:hover { display:block; text-indent:-9999px; width: 312px; height: 51px; margin: 37px 0 0 0; padding: 0; background: transparent url("/1.3/img/logo.gif") no-repeat left top; text-decoration: none; outline: none; }
#logo h2 { display:block; text-indent:-9999px; width: 271px; height: 28px; margin: 5px 0 0 20px; padding: 0; background: transparent url("/1.3/img/bajada.gif") no-repeat left top; text-decoration: none; outline: none; }
#telefonolocal { float: right; display:block; text-indent:-9999px; width: 281px; height: 55px; margin: 63px 0 0 0; padding: 0; background: transparent url("/1.3/img/telefono.png") no-repeat left top; text-decoration: none; outline: none; }
#telefonoint { float: right; display:block; text-indent:-9999px; width: 328px; height: 55px; margin: 63px 0 0 0; padding: 0; background: transparent url("/1.3/img/telefono-int.gif") no-repeat left top; text-decoration: none; outline: none; }
#contenido { width: 600px; padding: 0; margin: 0; float: left; }
#pie { text-align: center; padding: 40px 0 20px 0; clear:both; }
#pieBox { padding: 20px 0; background: url("/1.3/img/fadepie.gif") no-repeat top center; }
#pieBox .telefonos { color: #333333; font-size: 8pt; }
#pie a { color: #354e6c; }

/* GENERALES */

img { border: 0; }
table { border-collapse: collapse; }
body { margin: 0; padding: 0; font: normal 10pt "Trebuchet MS", Tahoma, Verdana; text-align: center;  }
div#titulo { background: #e2eff7; padding: 15px; margin: 30px 0 40px 0; }
div#titulo p.texto { font-size: 14pt; margin: 0; }
h1 { font: normal 30pt Georgia; margin: 0; }
h2 { font: normal 22pt Georgia; color: #354e6c; }
h2 span { font-weight: bold; } 
label.block { font: normal 14pt Georgia; margin: 5px 0; display: block; }
td { vertical-align: top; font-size: 10pt; }
input.texto { background:#fafafa; font-size: 20pt; padding: 5px; width: 70%; }
.ejemplo { font: italic bold 14pt "times new roman",Georgia; color: #c1c1c1;  } 
input.on, textarea.on { background: #e2eff7; color: #354e6c; }
input.boton { font-size: 18pt; padding: 5px; }
input.error { border: 2px solid #ff0000; }
input.error:focus { background: #ffecec; }
label.error { display:block; text-align: right; color: red; font-style: italic; }

/* SOLICITUD */

#solicitud #formDatos h2 { margin-bottom: 0; }
#solicitud h3 { font: normal 16pt Georgia; margin: 5px 0 30px 0; }
#solicitud input#area { width: 70px; text-align:center; margin: 0 3px; }
#solicitud input#telefono { width: 200px; }
#solicitud label { font: normal 14pt Georgia; margin: 5px 0; }
#solicitud .divSubmit { padding: 20px 50px 0 0; text-align: right; }
#solicitud div.campo { font-size: 24pt; color:#c3c3c3; }
#solicitud .buscar-otra { font-size: 24pt; }


#lateral { width: 240px; float: left; margin: 30px 0 0 20px; }
#quienesBox { background: #354e6c; color: #ffffff; padding: 15px; }
#quienesBox a, #quienesBox a:hover { color: #ffffff; text-decoration: none; }
#quienesBox p { margin: 0 0 10px 0; }
#serviciosBox { background: #c6efce; color: #006100; padding: 15px; margin: 20px 0 0 0; }
#serviciosBox a, #serviciosBox a:hover { color: #006100; text-decoration: none; }
#serviciosBox ul { list-style-type:none; margin: 0; padding: 0; }
#serviciosBox ul li { background-image:url("/1.3/img/tickverde.gif"); background-repeat:no-repeat; background-position:0px 5px; padding:5px 0 9px 33px; }
#validador { font: italic 12pt Georgia; background: #c6efce; color: #006100; padding: 15px; margin: 20px 0 0 0; text-align: center; }
#validador span { font-weight: bold; }

/* QUIENES SOMOS */

#contacto .datos { float: left; width: 260px; }
#contacto h3 { margin: 0; }
#contacto .mapa { float: left; }
#contacto .provincia { font-weight: bold; font-size: 8pt; }
#contacto .telefono { margin-bottom: 10px; }

/* CHAT */

#message_box { position: absolute; top: 193px; right: 0px; z-index: 10; width: 150px; margin-right: 10px; overflow:hidden; }
#message_box a { color:#ffffff; }

/* TOOLTIPS */

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 0 15px; }

