@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Tahoma;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 0px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/recursos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
.limpiar {clear: both; font-size: 0px; height: 0px;}
/*#pagina { background: #ffffff; width: 946px; margin: auto; border: 0px solid red;}*/



/**********************************************
				CONTENIDO
***********************************************/


/* FONDO */


body{background: #e5e5e5; margin:0; font-family: Tahoma;}

#fnd-gris{ background: #505050 url(/imagenes/comunes/fnd-body-gris.gif) top center repeat-y; height: 123px; width: 100%; position: absolute; top: 0px; left: 0px;}
#fnd-granate{ background: #7c2824 url(/imagenes/comunes/fnd-body-granate.gif) top center repeat-y; height: 55px; width: 100%; position: absolute;margin-top: 123px; border-bottom:solid 1px #a5a5a5;top: 0px; left: 0px;}
#pagina{ width:1020px; margin:auto; position: relative;}


/* CABECERA */


#pagina #cabecera { background: url(/imagenes/comunes/fnd-cabecera.jpg) no-repeat; width: 1000px; height: 120px; margin:auto; position:relative;}
#pagina #cabecera ul { float: right; }
#pagina #cabecera li { display: inline; color:#999999; margin-right: 8px;}
#pagina #cabecera li a { color:#999; text-decoration:none;}
#pagina #cabecera li a:hover { color:#999; text-decoration:underline;}
#pagina #cabecera h1 a { display:block; background: url(/imagenes/comunes/btn-index.gif) no-repeat; width:326px; height:48px; text-indent:-999px; position: absolute; margin-top:41px; margin-left:42px;}



/* MENU */


#pagina #menu { margin-left: 10px; background: #fff; height: 59px; width: 1000px;}
#pagina #menu ul li.despacho { float: left; background:url(/imagenes/comunes/menu/despachoOFF.jpg) no-repeat; height: 55px; width: 165px; text-indent:-9999px;}
#pagina #menu ul li.despacho:hover { float: left; background:url(/imagenes/comunes/menu/despachoON.jpg) no-repeat; height: 55px; width: 165px; text-indent:-9999px;}
#pagina #menu ul li.despacho-selec { float: left; background:url(/imagenes/comunes/menu/despachoON.jpg) no-repeat; height: 55px; width: 165px; text-indent:-9999px;}

#pagina #menu ul li.especialidades { float: left; background:url(/imagenes/comunes/menu/especialidadesOFF.jpg) no-repeat; height:55px; width: 223px; text-indent:-9999px;}
#pagina #menu ul li.especialidades:hover { float: left; background:url(/imagenes/comunes/menu/especialidadesON.jpg) no-repeat; height: 55px; width: 223px; text-indent:-9999px;}
#pagina #menu ul li.especialidades-selec { float: left; background:url(/imagenes/comunes/menu/especialidadesON.jpg) no-repeat; height: 55px; width: 223px; text-indent:-9999px;}

#pagina #menu ul li.faqs { float: left; background:url(/imagenes/comunes/menu/faqsOFF.jpg) no-repeat; height: 55px; width: 273px; text-indent:-9999px;}
#pagina #menu ul li.faqs:hover { float: left; background:url(/imagenes/comunes/menu/faqsON.jpg) no-repeat; height: 55px; width: 273px; text-indent:-9999px;}
#pagina #menu ul li.faqs-selec { float: left; background:url(/imagenes/comunes/menu/faqsON.jpg) no-repeat; height: 55px; width: 273px; text-indent:-9999px;}

#pagina #menu ul li.noticias { float: left; background:url(/imagenes/comunes/menu/noticiasOFF.jpg) no-repeat; height: 55px; width: 168px; text-indent:-9999px;}
#pagina #menu ul li.noticias:hover { float: left; background:url(/imagenes/comunes/menu/noticiasON.jpg) no-repeat; height: 55px; width: 168px; text-indent:-9999px;}
#pagina #menu ul li.noticias-selec { float: left; background:url(/imagenes/comunes/menu/noticiasON.jpg) no-repeat; height: 55px; width: 168px; text-indent:-9999px;}

#pagina #menu ul li.contacto { float: left; background:url(/imagenes/comunes/menu/contactoOFF.jpg) no-repeat; height: 55px; width: 171px; text-indent:-9999px;}
#pagina #menu ul li.contacto:hover { float: left; background:url(/imagenes/comunes/menu/contactoON.jpg) no-repeat; height: 55px; width: 171px; text-indent:-9999px;}
#pagina #menu ul li.contacto-selec { float: left; background:url(/imagenes/comunes/menu/contactoON.jpg) no-repeat; height: 55px; width: 171px; text-indent:-9999px;}


#pagina #menu ul li a { display: block; height: 55px; }


/* CONTENIDO */

#contenido { background:url(/imagenes/comunes/fnd-body.gif) #fff repeat-y top left; width: 1020px; }


/* PIE */

#pie { background:url(/imagenes/comunes/fnd-pie.gif) #fff repeat-y top left; width: 1020px; height: 78px; position: relative;}
#pie ul { position:absolute; bottom: 37px; left: 30px; }
#pie ul li {display: inline; color:#8b7b5d; }
#pie ul li a { color:#8b7b5d; }
#pie ul li a:hover { color:#8b7b5d; }

#pie p.pie { font-family:"Trebuchet MS"; color:#8b7b5d; position:absolute; bottom: 37px; right: 26px; }


#request{width:288px;margin:2px;}
		#request h2.request{padding:10px 0px 10px 25px;font-size:20px;color: #7c2824;font-family:Georgia,Times New Roman,Times,serif;}
		#request #texto{margin-left:25px;text-align:left;width:330px;}
		#request #texto,#request #texto strong,#request #texto p{font-size:11px;line-height:13px;font-family:Georgia,Times New Roman,Times,serif;}
		#request #texto strong{color:444444;}
		#request #icono{float:left;margin:0 0 0 12px;}
.limpiar{clear: both; font:0; height:0;}