/* Traer los iconos para los elementos descargables */
/* Traer los estilos de la zona de contenidos */
@import url("../archivos/estilo-contenido.css");

/* General styles */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin:0;
 padding:0;
 border:0;			
 font-size:100%;
 line-height: 1; 
 text-align: left; 
 vertical-align: baseline; 
 outline: none;
	text-decoration:none;
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }

a, a:hover, a:active, a:visited { text-decoration: none; }
body {
 text-align:center;
 background: #333333;
 font-size:62.5%;	
 font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif; 
}

/* ESTRUCTURA GENERAL */
#fondo {
 width: 989px;
 background: #333333 url(../imagenes/comunes/fondo-arriba.gif) no-repeat top left;
 margin: 24px auto 24px auto;
 overflow: hidden; 
}
#web {
 width: 950px;
 background: #800000;
 margin: 6px 39px 0 0;
 background: url(../imagenes/comunes/sombra-lateral-izquierda.gif) top left repeat-y;
 overflow: hidden;
}
#col1{
 position:relative;
 background: #800000;
 background: url(../imagenes/comunes/sombra-lateral-derecha.gif) top right repeat-y;
 overflow: hidden;
}
#col2{
 background: #800000;
 margin: 0 6px 0 6px;
 display:block;
 overflow: hidden;
}
#col3{
 position:relative;
 margin: 0 0 0 40px;
 display:block;
 overflow: hidden;
}
#sombra_pestania{
 position:absolute;
 right:0;
 top: 49px;
 background:url(../imagenes/comunes/sombra-roja-pestania.gif) top right no-repeat;
 width:6px;
 height:245px;
}

/* PIE */
#pie {
 width:950px;
 height:65px;
 background: url(../imagenes/comunes/fondo-pie.gif) top left no-repeat;
}
#pie #enlaces_pie {
 float: right;
	margin: 15px 5px 0 0;
}
#pie #enlaces_pie ul{
	float:right;
}
#pie #enlaces_pie li { display: inline; }
#pie #enlaces_pie li a { 
	display:block; height: 1%;
	float:left;
	font-size: 1.3em;
	color: white;
	margin-right: 15px;
	font-weight:bold; 
	border-bottom:1px solid white;
}
#pie #enlaces_pie li a:hover { color:#E6E6E6; border-bottom:1px solid #E6E6E6; }
#pie #enlaces_pie p.texto_pie {
 clear:both;
	color: white;
	text-align:right;
	display:block;
	margin: 0 15px 0 0;
	padding-top:7px;
	font-size:1.2em;
	line-height: 1.3em;
}
#pie #enlaces_pie p.texto_pie a {
	color: white;
	font-size:1em;
	line-height: 1.3em;
	text-decoration:underline;
}
#pie #enlaces_pie p.texto_pie a:hover {
 text-decoration: none;
}

/* CABECERO */
#cabecero {
 position:relative;
 clear: both;
 display:block;
 height: 183px;
 margin-top: 55px;
 width:898px;
 background: white;
}
#cabecero #logo{
 position:absolute;
}
#cabecero #logo a{
 display:block;
 height: 183px;
 width: 184px;
 background: url(../imagenes/comunes/divorcios-economicos-logo.gif) top left no-repeat;
}
#cabecero #logo a:hover{
 background-position: left -300px;
}
#cabecero #logo h1, #cabecero #logo span {
 text-indent:-10000px;
}
#cabecero #imagen_cabecero {
 position:absolute;
 display:block;
 width: 713px;
 height: 183px;
 left: 185px;
 overflow:hidden;
}

/* MENU */
#menu {
 clear: both;
 position:relative;
 height:50px;
 list-style-type:none;
 display:block;
 background: #666666 url(../imagenes/comunes/menu-sombra-inactivo.jpg) top left repeat-x;
 overflow:hidden;
}
#menu li {
 float:left;
 text-align:center;
 font-weight: bold;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 1.4em;
 color: white;
}
#menu li a {
 display:block;
 width: 120px;
 height:36px;
 padding: 14px 4px 0 4px;
 text-align:center;
 color: white;
 text-decoration:none;
}
#menu li a:hover{
 background: #333333 url(../imagenes/comunes/menu-sombra-over.jpg) top left repeat-x;
}
#menu li.seccion_actual{
 width: 120px;
 height:36px;
 padding: 14px 4px 0 4px;
 background: #333333 url(../imagenes/comunes/menu-sombra-over.jpg) top left repeat-x;
}
#menu li.seccion_activa a{
 background: #333333 url(../imagenes/comunes/menu-sombra-over.jpg) top left repeat-x;
}
#menu li.seccion_activa a:hover {
 color: #666666;
}
/* FIN MENU */


/* SUBMENUS */
.tipo1 { background: #333333; }
.tipo2 { background: #404040; }

.submenu {
 display:block;
 padding: 5px 0;
}
.submenu li {
 display: inline;
 text-align:center;
 font-weight: bold;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 1.4em; line-height: 1.6em;
 color: #999999;
}
.submenu li a {
 padding: 0 11px;
 /*margin: 10px 0;*/
 text-align: center;
 color: #999999;
 text-decoration: none;
 display:inline-block;
}
.submenu li a:hover { color: white; }
.submenu li.seccion_actual{
 text-decoration: underline;
 padding: 0 11px;
 color: white;
}
.submenu li.seccion_activa a{ color: white; }
.submenu li.seccion_activa a:hover { color: #999999; }



#bloque_titulo_seccion {
 display: block;
 background: #800000 url(../imagenes/comunes/sombra-titulo-seccion.jpg) repeat-x top left; 
}
#titulo_seccion {
 background: url(../imagenes/comunes/flecha-titulo-seccion.gif) no-repeat 12px 16px;
 padding: 11px 0 11px 40px;
 font-size: 2.2em;
 color: white;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 letter-spacing:0.065em;
}

/* CONTENIDO */
#contenido {
 clear: both;
 display:block;
 color: #333333;
 background: white;
 width: 898px;
 padding: 0 0 20px 0;
 overflow:hidden;
 position: relative;
}

/* BUSCADOR */
#buscador {
 position:absolute;
 top: 9px;
 padding: 0px 0 10px 0; 
}
#buscador fieldset { border: none; padding-top:5px;}
#buscador label { display: none; }
#buscador #buscador_enviar {
 position:absolute;
 width: 17px; height: 22px;
 top:8px;
 border: none;
 background: url(../imagenes/comunes/buscador-lupa.gif) no-repeat top left;
 cursor: pointer;
 vertical-align: top;
 font-size: 0.0001em;
 color: #E6E6E6;
 left:137px;
}
#buscador #searchcadena {
 margin-top:3px;
 border: none;
 background: url(../imagenes/comunes/fondo-buscador.jpg) top left no-repeat;
 color: white;
 padding: 0.3em 1em;
 font-size: 1.1em;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 width:110px;
}

/* TELEFONO */
.telefono {
 position:absolute;
 top: 9px;
 right: 20px;
 height: 39px;
 background: url(../imagenes/comunes/telefono.gif) no-repeat;
}
.telefono div.numero {
 display:block;
 margin: 4px 0 0 50px;	
 color: #EEF1F7;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 3em;
 color: white;
}

.navegacion_interna{
 display:none;
}
