<!--
/* Estilo para grupo Ingenio - Diciembre 2008 */
/* Por Alvaro Fernandez - www.alvaroweb.com */

/* Resetear las propiedades necesarias para facilitar */
/* la visión homogénea en los diferentes navegadores */
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-weight: inherit; font-style: inherit; font-family: inherit;*/
 font-size: 100%;
 line-height: 1; 
 text-align: left; vertical-align: baseline; outline: 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 { text-decoration: none; }

/* ESTRUCTURA PAGINA */
body {
 background: #FCEBCC;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
}
#web {  }
.ingenio_de_contenidos { background: white url(../imagenes/comunes/fondo_ingenio_de_contenidos.jpg) no-repeat left top; }
.ingenio_de_comunicacion { background: white url(../imagenes/comunes/fondo_ingenio_de_comunicacion.jpg) no-repeat left top; }
.ingenio_de_divertinajes { background: white url(../imagenes/comunes/fondo_ingenio_de_divertinajes.jpg) no-repeat left top; }

#cabecero { float: left; width: 71%; text-align: right; margin-bottom: 22px;}
#cabecero a { font-size: 1em; text-indent: -10000px; display: block; margin: 20px 10% 0 auto; }
.ingenio_de_contenidos #cabecero a { background: url(../imagenes/comunes/logo-ingenio-de-contenidos-grande.png) no-repeat left top; width: 350px; height: 136px;}
.ingenio_de_comunicacion #cabecero a { background: url(../imagenes/comunes/logo-ingenio-de-comunicacion-grande.png) no-repeat left top; width: 350px; height: 136px;}
.ingenio_de_divertinajes #cabecero a { background: url(../imagenes/comunes/logo-ingenio-de-divertinajes-grande.png) no-repeat left top; width: 350px; height: 136px;}

#menu_superior { float: left; margin-right: 2%; width: 27%; text-align: center; }
#menu_superior .tipo1 { margin: 0; }
#menu_superior .tipo1 .contenido { padding: 5px 10px 1px 10px; }
#menu_superior .tipo4 .contenido { padding: 1px 10px; }
#menu_superior p { color: white; margin: 5px 0; text-align: center; font-size: 1.1em; line-height: 1.3em;}
#menu_superior a {color: #7F8589; padding-bottom: 1px; border-bottom: 1px solid #fc914a; line-height: 1.3em;}
#menu_superior a:hover {color: #272B2B; }
#menu_superior #idiomas { margin-top: 15px; color: #fc914a; font-weight: bold; text-transform: uppercase;}
#menu_superior #idiomas a { color: white; font-weight: bold; text-transform: uppercase; border-bottom: none; }
#menu_superior #idiomas a:hover { color: #fc914a; }

#enlaces_portales { margin: 5px 0; overflow: hidden;}
#enlaces_portales .tipo3 { float: left; width: 49%; margin: 0 1% 0 0; overflow: hidden; }
#enlaces_portales .tipo3 .contenido { padding: 0; text-align: center; overflow: hidden; }
#enlaces_portales a { display: block; width: 94px; height: 50px; margin: 0 auto; border-bottom: none; overflow: hidden; text-indent: -10000px; }
#enlaces_portales a.i_contenidos { background: url(../imagenes/comunes/logo-ingenio-de-contenidos-cabecero.jpg) no-repeat left top;}
#enlaces_portales a.i_divertinajes { background: url(../imagenes/comunes/logo-ingenio-de-divertinajes-cabecero.jpg) no-repeat left top;}
#enlaces_portales a.i_comunicacion { background: url(../imagenes/comunes/logo-ingenio-de-comunicacion-cabecero.jpg) no-repeat left top;}
#enlaces_portales a:hover { background-position: left -50px; border-bottom: none;} 

#menu_principal {  clear: left; float: left; width: 20%; margin: 0 2% 20px 2%; }
#menu_principal .contenido {  padding: 0; }
#menu_principal ul { background: #45494A; padding: 5px 0; list-style-type: none; margin: 0;}
#menu_principal li { 
 padding: 7px 5px 7px 30px; margin: 0 10px 2px 10px;
 background: #272B2B url(../imagenes/comunes/menu_principal_icono.jpg) no-repeat 6px 6px; color: #BFC2C4;
 font-size: 1.2em; line-height: 1.3em; font-weight: bold; 
}
#menu_principal li a {color: #fc914a; font-weight: lighter; }
#menu_principal li a:hover {color: white; }

/* Redes sociales */
#menu_principal li.redes {
 padding: 7px 5px 7px 15px; margin: 0 10px 2px 10px;
 background: #161818; color: #BFC2C4;
 /*background: #fc914a; color: white;*/
 font-size: 1.1em; line-height: 1.1em; font-weight: lighter; 
}
.tipo2 li.redes p {text-align: left; color: #fc914a; margin: 0 5px 5px 0; font-size: 1em; line-height: 1em; vertical-align: middle; /*display: inline;*/}
#menu_principal li.redes a { color: #fc914a; display: inline; vertical-align: middle; margin: 0 0 3px 0; }
#menu_principal li.redes a:hover { color: white; }
.tipo2 li.redes img { display: inline; vertical-align: middle; margin: 0 0 3px 0; border: 1px solid #BFC2C4; }
.tipo2 li.redes img:hover { display: inline; vertical-align: middle; margin: 0 0 3px 0; border: 1px solid white; }


/* Los diferentes bloques */
#bloques_principales { float: left; width: 45%; margin: 0 2% 20px 0; overflow: hidden; }
#bloques_secundarios { float: left; width: 27%; margin: -10px 0 20px 0; overflow: hidden; }
#bloque_unico { float: left; width: 74%; margin: 0 0 20px 0; overflow: hidden; }

/* Elementos de contenido */
h2, h3, h4, h5, h6 { font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif; }
h2 { 
 font-size: 2.7em; line-height: 1em; font-weight: lighter; 
 margin: 5px 0 5px 0; padding: 0 0 10px 35px; 
 background: url(../imagenes/comunes/icono_grande.png) no-repeat left top;
}
h3 { 
 font-size: 2.3em; line-height: 1em;  font-weight: lighter; 
 margin: 20px 0 7px 5px;  padding: 0 0 5px 20px; 
 background: url(../imagenes/comunes/icono_peque.png) no-repeat 0 3px;
}
h4 { font-size: 1.8em; line-height: 1em;  font-weight: bold; margin: 15px 0 10px 10px; }
h5 { font-size: 1.4em; line-height: 1em;  font-weight: bold; margin: 10px 0 10px 10px; }
h6 { font-size: 1.1em; line-height: 1em;  font-weight: bold; margin: 8px 0 10px 10px; }
.tipo1 .naranja, .tipo2 .naranja, .tipo3 .naranja, .tipo4 .naranja { color: #fc914a; }
.tipo1 .blanco, .tipo2 .blanco, .tipo3 .blanco, .tipo4 .blanco { color: white; }
.tipo1 .oscuro, .tipo2 .oscuro, .tipo3 .oscuro, .tipo4 .oscuro { color: #5F666B; }
p { margin: 10px 15px 20px 15px; font-size: 1.2em; line-height: 1.4em; text-align: justify; }
p.alineado_dcha { text-align: right; }
p.pie_foto { margin: -20px 15px 20px 15px; font-size: 1.1em; line-height: 1.3em;}
.txt_grande { font-size: 1.4em; line-height: 1.6em; }
.txt_peque { font-size: 1.1em; line-height: 1.4em; }
em, strong { line-height: 1.4em; }
a.decorado { line-height: inherit; background: url(../imagenes/comunes/enlaces_icono_decorado.png) no-repeat left center; padding: 5px 0 5px 16px; }
a.audio { line-height: inherit; background: url(../imagenes/comunes/enlaces_icono_audio.png) no-repeat left center; padding: 5px 0 5px 17px; }
a.video { line-height: inherit; background: url(../imagenes/comunes/enlaces_icono_video.png) no-repeat left center; padding: 5px 0 5px 17px; }
img { display: block; /margin: 10px 30px 30px 30px; }
img.centrada { display: block; margin: 10px auto 30px auto; }
ul { margin: 10px 10px /*20px*/10px 30px; list-style-type: disc; }
li { padding: 2px 0 4px 0; font-size: 1.2em; line-height: 1.4em; }
li li { font-size: 1em; }
.flota_dcha { float: right; }
.flota_izda { float: left; }
.tipo1.bloque_flota_dcha, .tipo2.bloque_flota_dcha, .tipo3.bloque_flota_dcha, .tipo4.bloque_flota_dcha { display: block; float: right; width: 40%; margin: 10px 0 10px 30px; }
.tipo1.bloque_flota_izda, .tipo2.bloque_flota_izda, .tipo3.bloque_flota_izda, .tipo4.bloque_flota_izda { float: left; width: 40%; margin: 10px 30px 10px 0; }
img.flota_dcha { margin: 10px 10px 10px 20px; width: auto; height: auto; }
img.flota_izda { margin: 10px 20px 10px 10px; }

.limpia_dcha { clear: right; }
.limpia_izda { clear: left; }
.limpia_ambos {clear: both; }

a.enlace_logo { display: block; text-align: center; margin-top: 5px;}
a.enlace_logo img {border: none; margin: 0 auto;}
a.enlace_a_portal { font-size: 1.1em; font-weight: bold; display: block; text-align: center; margin: 0 0 10px 0;}


.tipo1, .tipo2, .tipo3, .tipo4 { margin: 10px 0;} 
.tipo1 .contenido, .tipo2 .contenido, .tipo3 .contenido, .tipo4 .contenido { padding: 1px 15px; } 

/* Redondeo tipo 1 */
.tipo1 h2, .tipo1 h2 em, .tipo1 h2 strong { color: #fc914a; }
.tipo1 h3, .tipo1 h3 em, .tipo1 h3 strong  { color: white; }
.tipo1 h4, .tipo1 h4 em, .tipo1 h4 strong  { color: #F9D699; }
.tipo1 h5, .tipo1 h5 em, .tipo1 h5 strong  { color: white; }
.tipo1 h6, .tipo1 h6 em, .tipo1 h6 strong  { color: #fc914a; }
.tipo1 p, .tipo1 li, .tipo1 em, .tipo1 strong { color: #BFC2C4; }
.tipo1 a, .tipo1 a em, .tipo1 a strong { color: #fc914a; }
.tipo1 a:hover { color: white; }
.tipo1 img { border: 2px solid white; }

.tipo1 .t {
 position: relative; margin-right: 7px; height: 7px;
 background: url(../imagenes/comunes/tipo1_t_l.png) no-repeat left top;
}
.tipo1 .t_r {
 position: absolute; top: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo1_t_r.png) no-repeat;
}
.tipo1 .contenido { background: #272B2B; }
.tipo1 .b {
 position: relative; margin-right: 7px; height: 7px;
 background:url(../imagenes/comunes/tipo1_b_l.png) no-repeat left bottom;
}
.tipo1 .b_r {
 position: absolute; bottom: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo1_b_r.png) no-repeat right bottom;
}

/* Redondeo tipo 2 */
.tipo2 h2, .tipo2 h2 em, .tipo2 h2 strong { color: #fc914a; }
.tipo2 h3, .tipo2 h3 em, .tipo2 h3 strong { color: white; }
.tipo2 h4, .tipo2 h4 em, .tipo2 h4 strong { color: #F9D699; }
.tipo2 h5, .tipo2 h5 em, .tipo2 h5 strong { color: white; }
.tipo2 h6, .tipo2 h6 em, .tipo2 h6 strong { color: #fc914a; }
.tipo2 p, .tipo2 li, .tipo2 em, .tipo2 strong { color: #BFC2C4; }
.tipo2 a, .tipo2 a em, .tipo2 a strong { color: #fc914a; }
.tipo2 a:hover, .tipo2 a:hover em, .tipo2 a:hover strong { color: white; }
.tipo2 img { border: 2px solid #fc914a;}

.tipo2 .t {
 position: relative; margin-right: 7px; height: 7px;
 background: url(../imagenes/comunes/tipo2_t_l.png) no-repeat left top;
}
.tipo2 .t_r {
 position: absolute; top: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo2_t_r.png) no-repeat;
}
.tipo2 .contenido { background: #45494A; }
.tipo2 .b {
 position: relative; margin-right: 7px; height: 7px;
 background:url(../imagenes/comunes/tipo2_b_l.png) no-repeat left bottom;
}
.tipo2 .b_r {
 position: absolute; bottom: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo2_b_r.png) no-repeat right bottom;
}

/* Redondeo tipo 3 */
.tipo3 h2, .tipo3 h2 em, .tipo3 h2 strong { color: white; }
.tipo3 h3, .tipo3 h3 em, .tipo3 h3 strong { color: #272B2B; }
.tipo3 h4, .tipo3 h4 em, .tipo3 h4 strong { color: #FCEBCC; }
.tipo3 h5, .tipo3 h5 em, .tipo3 h5 strong { color: #272B2B; }
.tipo3 h6, .tipo3 h6 em, .tipo3 h6 strong { color: white; }
.tipo3 p, .tipo3 li, .tipo3 em, .tipo3 strong { color: #272B2B; }
.tipo3 a, .tipo3 a em, .tipo3 a strong { color: #FCEBCC; }
.tipo3 a:hover { color: white; }
.tipo3 img { border: 2px solid #45494A;}

.tipo3 .t {
 position: relative; margin-right: 7px; height: 7px;
 background: url(../imagenes/comunes/tipo3_t_l.png) no-repeat left top;
}
.tipo3 .t_r {
 position: absolute; top: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo3_t_r.png) no-repeat;
}
.tipo3 .contenido { background: #9FA3A6; }
.tipo3 .b {
 position: relative; margin-right: 7px; height: 7px;
 background:url(../imagenes/comunes/tipo3_b_l.png) no-repeat left bottom;
}
.tipo3 .b_r {
 position: absolute; bottom: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo3_b_r.png) no-repeat right bottom;
}
/* Redondeo tipo 4 */
.tipo4 h2, .tipo4 h2 em, .tipo4 h2 strong { color: #7F8589; }
.tipo4 h3, .tipo4 h3 em, .tipo4 h3 strong { color: #fc914a; }
.tipo4 h4, .tipo4 h4 em, .tipo4 h4 strong{ color: #5F666B; }
.tipo4 h5, .tipo4 h5 em, .tipo4 h5 strong { color: #35393D; }
.tipo4 h6, .tipo4 h6 em, .tipo4 h6 strong { color: #fc914a; }
.tipo4 p, .tipo4 li, .tipo4 em, .tipo4 strong { color: #7F8589; }
.tipo4 a, .tipo4 a em, .tipo4 a strong { color: #fc914a; }
.tipo4 a:hover, .tipo4 a:hover em, .tipo4 a:hover strong { color: #272B2B; }
.tipo4 img { border: 2px solid #7F8589;}

.tipo4 .t {
 position: relative; margin-right: 7px; height: 7px;
 background: url(../imagenes/comunes/tipo4_t_l.png) no-repeat left top;
}
.tipo4 .t_r {
 position: absolute; top: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo4_t_r.png) no-repeat;
}
.tipo4 .contenido {  background: white; }
 
.tipo4 .b {
 position: relative; margin-right: 7px; height: 7px;
 background:url(../imagenes/comunes/tipo4_b_l.png) no-repeat left bottom;
}
.tipo4 .b_r {
 position: absolute; bottom: 0; right: -7px; height: 7px; width: 7px;
 background: url(../imagenes/comunes/tipo4_b_r.png) no-repeat right bottom;
}

/* Pie de pagina */
#pie {
 background: url(../imagenes/comunes/pie_degradado.jpg) repeat-x left bottom;
 clear:both; height: 90px;
}
#pie div { margin-left: 30px; background: url(../imagenes/comunes/pie_logo.jpg) no-repeat left top; height: 90px;}
#pie div p {
 color: #5F666B; padding: 53px 0 15px 78px;
 font-size: 1.1em; line-height: 1.3em;
}
#pie a {color: #5F666B; border-bottom: 1px solid #fc914a; }
#pie a:hover {color: #272B2B; border-bottom: 1px solid #fc914a; }

-->