/* CSS Document */
body{background:#f10357 url(/imgs/bk.web2.png) left top repeat;text-align:left;font:62.5%/120% arial,Helvetica,sans-serif;color:#333;margin:0;padding:0;}
*, html{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
h1{font-size:2.4em;}
h2{font-size:1.9em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}


div#EstructuraContenedoraGlobal{width:98.4em;margin:0 auto;padding-right:2.4em;background:#fff url(/imgs/bk.SombraEstructura2.png) right top repeat-y;}
div#Estructura{width:100%;margin:0 auto;padding-left:1.2em;background:#dbdbd7 url(/imgs/bk.SombraEstructura1.png) left top repeat-y;}
div#Estructura #ContenidoGeneral{width:92.3%;margin:0 auto;padding:2em;background:#fff;overflow:hidden;}

/*-----------------------bloque logo columna izquierda-----------------------*/
div#Estructura #ContenidoGeneral div#BloqueLogo{width:32%;float:left;}

/*logotipo*/
div#Estructura #ContenidoGeneral div#BloqueLogo h1{width:100%;}
div#Estructura #ContenidoGeneral div#BloqueLogo h1 a img{border:none;}

/*bloque social media*/
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia{width:100%;margin:2em 0;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul{list-style:none;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li{margin-bottom:0.8em;line-height:1.5em;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li.Email{background:url(/imgs/ico.mail.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li.Gtalk{background:url(/imgs/ico.gtalk.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li.Twitter{background:url(/imgs/ico.twitter.png) 0 0 no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li.Facebook{background:url(/imgs/ico.facebook.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li.Flickr{background:url(/imgs/ico.flickr.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li.Skype{background:url(/imgs/ico.skype.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li.Delicious{background:url(/imgs/ico.delicious.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li h2{font-size:1.8em;font-weight:normal;padding-left:2.1em;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li h2 a{text-decoration:none;color:#000;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li h2 a span{display:block;font-size:0.68em;color:#666;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li h2 a:hover{text-decoration:none;color:#f10357;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueSocialMedia ul li h2 a:hover span{text-decoration:none;color:#f10357;}


/*bloque citas*/
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueCitas{width:70%;padding:0 0 0 8em;margin:3em 0;background:url(/imgs/bk.comillas.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueCitas cite{font-size:1.2em;font-weight:bold;color:#f10357;font-style:normal;}
div#Estructura #ContenidoGeneral div#BloqueLogo div#BloqueCitas blockquote{font-size:1.4em;margin:0.2em 0 0 0;padding:0.2em 0 0 0;border-top:0.1em dotted #000;font-style:italic;line-height:1.1em;font-family:times, georgia, san-serif;color:#111;}


/*bloque citas pagina citas*/
div#Estructura #ContenidoGeneral div#BloqueCitasTexto h2{color:#000;}
div#Estructura #ContenidoGeneral div#BloqueCitasTexto{font-size:1.2em;line-height:1.2em;margin:1em 0 0 0;}
div#Estructura #ContenidoGeneral div#BloqueContenido div.BloqueCitasPagina{width:85%;padding:0 0 3em 8em;margin:3em 0;background:url(/imgs/bk.comillasPagina.png) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueContenido div.BloqueCitasPagina cite{font-size:1.2em;font-weight:bold;color:#f10357;font-style:normal;}
div#Estructura #ContenidoGeneral div#BloqueContenido div.BloqueCitasPagina blockquote{font-size:1.4em;margin:0.2em 0 0 0;padding:0.2em 0 0 0;border-top:0.1em dotted #000;font-style:italic;line-height:1.1em;font-family:times, georgia, san-serif;color:#111;}


/*bloque entrevista joy*/
div.BloqueEntrevistas{width:100%;overflow:hidden;margin:2em 0;}
div.BloqueEntrevistas img{width:40.5%;float:left;border:0.4em solid #dbdbd7;margin:0;padding:0.1em;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto{width:54%;float:right;padding:0.3em 0;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto p{line-height:1.5em;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto span{display:block;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto span{display:block;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto span.Principal{font-size:1.8em;color:#000;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto span.Fuente{font-size:1.1em;color:#f10357;font-weight:bold;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto span.Fecha{font-size:1.1em;color:#000;text-transform:uppercase;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto blockquote{background:url(/imgs/comillas1p.jpg) left top no-repeat;margin:2.6em 0 0 0;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto blockquote p{font-size:1.6em;line-height:1.1em;color:#5e5e5e;font-style:italic;font-family:times, georgia, san-serif;}
div.BloqueEntrevistas div.BloqueEntrevistasTexto blockquote p span{display:inline;background:url(/imgs/comillas2p.jpg) right bottom no-repeat;padding:0.5em 1.6em 0 1.8em;}



/*-----------------------bloque contenido columna derecha-----------------------*/
div#Estructura #ContenidoGeneral div#BloqueContenido{width:65%;float:right;}

div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones{width:100%;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul{list-style:none;width:100%;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li{margin-bottom:2.5em;padding-left:1.7em;background:url(/imgs/bk.sombra2.jpg) left top no-repeat;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li img{width:97%;padding:0.5em;margin:0 0 0.53em 0;border:0.1em solid #c0c0c0;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li a{text-decoration:none;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li h2 a span{background:url(/imgs/ico.flickr.fotos.png) left center no-repeat;padding:0 0 0 1.3em;font-weight:normal;color:#111;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li h2 a:hover span{color:#f10357;background:url(/imgs/ico.flickr.fotos.png) left center no-repeat;padding:0 0 0 1.3em;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li p{font-size:1.2em;color:#666;margin:0.5em 0 0 0;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li p a{color:#03b6f1;text-decoration:underline;font-weight:bold;}
div#Estructura #ContenidoGeneral div#BloqueContenido div#BloqueIlustraciones ul li p a:hover{color:#999;}

/*-----------------------bloque pie-----------------------*/
div#Estructura #ContenidoGeneral div#PieWeb{float:left;clear:both;width:96%;padding:2em;background:#dbdbdb;overflow:hidden;}
div#Estructura div#PieWeb p{font-size:1.2em;color:#919191;}
div#Estructura #ContenidoGeneral div#PieWeb p#Especial{font-size:2em;color:#c4c4c1;font-weight:bold;margin:1em 0 3em 0;}
div#Estructura #ContenidoGeneral div#PieWeb div.BloquePie{border:0.4em solid #ccc;background:#fff url(/imgs/bk.BloquePie.jpg) left center no-repeat;float:left;width:28%;padding:1.5em;height:8em;margin-right:1em;}
div#Estructura #ContenidoGeneral div#PieWeb div.BloqueUltimo{margin-right:0;}
div#Estructura #ContenidoGeneral div#PieWeb div.BloquePie p{font-size:1.2em;color:#666;margin-bottom:0.3em;}
div#Estructura #ContenidoGeneral div#PieWeb div.BloquePie p.TituloPie{font-size:1.8em;color:#000;}
div#Estructura #ContenidoGeneral div#PieWeb div.BloquePie p.BotoneraPie{width:100%;text-align:right;margin-top:0.8em;}
div#Estructura #ContenidoGeneral div#PieWeb div.BloquePie p.BotoneraPie a{cursor:pointer;width:auto;}
div#Estructura #ContenidoGeneral div#PieWeb div.BloquePie p.BotoneraPie a img{border:none;}