@charset "utf-8";
/* CSS Document */

body {margin: 0; font: 11px/14px Arial, Helvetica, sans-serif;}
* {font-family: Arial, Helvetica, sans-serif;}
.left {float: left !important; display: block;}
.right {float: right !important; display: block;}

a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}

p, ul, li, h1, h2, h3, h4, h5, form {margin: 0; padding: 0; font-weight: normal !important;}
h2 {font: normal 16px/17px Arial, Helvetica, sans-serif; text-transform: uppercase;}
h3 {font: normal 11px/11px Arial, Helvetica, sans-serif; text-transform: uppercase;}

#main {width: 1000px; margin: 0 auto; position: relative; z-index: 1;}
#logo {position: absolute; top: 187px; left: 0; z-index: 10;}


#bannerTop {background: #b2b2b2; text-align: center; color: #fff;}
#bannerTop IMG {width: 998px; border: 1px solid #e5e5e5;}
/* #bannerTop span {margin: 2px 10px 0 10px;}*/

#content {margin-top: 22px; clear: both; overflow: hidden; border: 6px solid #ff008a; background: url(../img/bck_content.gif) repeat-y center;}
#content #left {float: left !important; width: 469px; border-right: 6px solid #ff008a; padding: 72px 0 20px;}
#content #right {float: right !important; width: 513px;}


#institucional {color: #fff; background: url(../img/bck_bottom_logo.gif) repeat-x bottom #ff008a; position: relative;}
#institucional .left {width: 300px; padding: 10px 0;}
#institucional .left h2,  #institucional .left p {padding: 0 10px;}
#institucional .left h2 {margin-bottom: 3px; padding-right: 0 !important;}
#institucional .right {width: 149px; background: url(../img/bck_kit_prensa.gif) repeat-x bottom; padding: 5px 8px; position: absolute; top: 6px; margin-bottom: 6px; right: 0;}
#institucional .right h3 {color: #ff008a; padding: 5px 0 8px;}

.manifesto {border-bottom: 6px solid #ff008a; overflow: hidden; position: relative; font: 11px/12px Arial, Helvetica, sans-serif;}
.manifesto .right a {display: block; font-size: 9px; line-height: 11px; color: #ff008a; margin: 5px 0 2px; text-transform: uppercase;}
.manifesto .right a.mov {float: left; background: url(../img/ic_quicktime.gif) no-repeat; padding-left: 21px;}
.manifesto .right a.pdf {float: right; text-align: right; background: url(../img/ic_pdf.gif) no-repeat right; padding-right: 23px;}

.unete, .colaboraciones {padding-bottom: 6px; border-top: 1px solid #fff; overflow: hidden; position: relative; font: 11px/12px Arial, Helvetica, sans-serif;}
.colaboraciones .right h3 {font-size: 12px !important;}
.unete .left, .colaboraciones .left {padding-bottom: 0 !important;}
.unete .right {background: url(../img/bck_linkean.gif) repeat-x bottom #e0dce0 !important; padding: 0;}
.unete .right h3 {font-size: 9px; padding: 0 !important; margin-left: -2px;}
.unete .right, .unete .left {padding: 0;}
.unete .right img {float: right; margin-top: -20px;}
.unete .right a {color: #ff008a;}
.unete .right .wiki {margin-top: 3px;}
.unete .right .wiki a {text-decoration: underline;}
.unete .right .wiki a:hover {text-decoration: none;}

.colaboraciones {border-bottom: 0; padding-bottom: 10px;}
.colaboraciones h2 {margin: 0 -9px;}
.colaboraciones h2.become-es {margin: 0 -9px;}
.colaboraciones h2.become-en {margin: 0 0px;}
.colaboraciones .right {bottom: 0; background: url(../img/bck_colaboraciones.gif) repeat-x bottom #e0dce0 !important; padding: 0;}
.colaboraciones .right p {color: #ff008a; font-size: 11px; line-height: 12px; margin-left: -2px; margin-top: 3px;}
.colaboraciones .right a {color: #ff008a;}
.colaboraciones .right h3 {font-size: 9px; padding: 0 !important; margin-left: -2px; margin-top: 2px;}


/* MENU */

#menu {list-style: none; margin: 6px 0 5px 6px; overflow: hidden;}
#menu li {display: inline; text-transform: uppercase; font: normal 12px/12px Arial, Helvetica, sans-serif;}
#menu li a {display: block; float: left; background: #8a8a8a; color: #fff; padding: 0 5px 0 4px; margin-right: 2px; height: 32px; text-align: center;}
#menu li a:hover, #menu li a.active {background: #ed2690; text-decoration: none;}
#menu li.simple {line-height: 31px;}
#menu li.doble a  {padding-top: 4px; height: 28px;}


/* POSTS */

.post {margin: 10px 9px 15px; clear: both; padding: 5px 0 15px;}
.post h2 {margin: 0 0 10px 0; text-transform: none; font: bold 22px/24px Arial, Helvetica, sans-serif; color: #ED2690;}
.post h2 a {color: #ED2690; font-weight: bold;}
.post a {color: #ff008a; font-weight: bold;}
p.date, p.posted {font: bold 10px/12px Arial, Helvetica, sans-serif !important; color: #8a8a8a; margin-bottom: 3px;}
.post .video, .post .photo {clear: both; margin: 10px 0;}
.post .photo img {width: 457px; height: auto;}
.post p {font: 12px/16px Arial, Helvetica, sans-serif; padding: 0 10px;}
.post p img {margin-left: -10px;}
.credito {margin: -10px 0 10px 0; height: 30px;}
.credito2 {background: url(../img/bck_footer_videos.gif) repeat-y #e2d0dc; margin: -10px 0 10px 0; height: 23px;}
.post .actions {font-size: 16px; margin-bottom: 20px;}
.post .actions a {color: #000; padding-left: 25px; padding-bottom: 10px;}
.post .actions .comparte {background: url(../img/ic_comparte.gif) no-repeat;}
.post .actions .comentarios {background: url(../img/ic_comentarios.gif) no-repeat; padding-left: 39px;}
.post .actions .puntaje {background: url(../img/ic_puntaje.gif) no-repeat;}
.post .actions .puntaje_off {background: url(../img/ic_puntaje_off.png) no-repeat;}
.post .tags {clear: both; font-size: 14px; color: #ff008a; margin-left: 10px; margin-bottom: 15px;}
.post .tags a {color: #ff008a; padding: 0 4px;}
.titulo {text-align: center; margin: 40px 0 20px 0;}

.team img.photo {float: right; margin: 0 10px 20px 20px;}
.team img.perfil {float: left; margin: 0 10px 20px 5px;}
.team p.perfil {padding-left: 90px; margin-top: -15px;}
.team p.perfil2 {padding-left: 90px; margin-top: 15px;}
.team a {color: #ED2690; text-decoration: none;}
.team a:hover {color: #ED2690; text-decoration: underline;}
.team h4 {font-size: 12px !important; font-weight: bold !important; padding: 0 10px;color: #ED2690; margin-bottom: 15px;}
.team a.email {color:#666666 !important; font-weight: normal !important;}

.comentarios {clear: both; padding-bottom: 20px; padding-top: 5px;}
.comentarios h4 {font-size: 16px; margin-bottom: 12px;}
.comentarios h4 .titulo {color: #EC298F; font-weight: bold;}
.comentarios .comentario {border: 1px solid #B3B3B3; padding: 5px 8px; margin-top: -1px;}
.comentarios .comentario p {padding: 0;}
.comentarios .comentario .autor {font-weight: bold !important;}
.comentarios .comentario .fecha {font-size: 10px; text-align: right;}
.comentarios h5 {font-size: 12px; margin: 10px 0; color: #EC298F;font-weight: bold !important;}
.comentarios table {font-size: 13px;}
.comentarios table td {padding: 5px;}
.comentarios input, div.comentarios textarea {border: 1px solid #ED2690; width: 200px; font: 12px/14px Arial, Helvetica, sans-serif; color: #333; padding: 5px 3px;}
.comentarios textarea {width: 97%; height: 100px;}
.comentarios input.btn {background: #ED2690; color: #fff; width: 165px; font-size: 14px; font-weight: bold; padding: 3px 0;}


.prensa h4 {font-size: 14px !important; padding: 0 10px;color: #ED2690; margin-top: 30px;}
.prensa img {float: left; margin: 30px 10px 10px 5px;}
.prensa .download {display: block; background: url(../img/flecha_download.gif) center left no-repeat; padding-left: 15px; font-size: 14px; color: #ED2690; text-decoration: underline; float: right; margin-right: 25px; margin-bottom: 30px;}

.prensa .download:hover {color: #000;}

#anteriores {padding-left: 13px; color: #ff008a; font: bold 20px/21px Arial, Helvetica, sans-serif;}
#anteriores a {color: #ff008a;}
#anteriores a:hover, #anteriores a.active {color: #8a8a8a;} 


#favoritos {padding: 6px 6px 0 15px; font-size: 16px; line-height: 24px; color: #ff008a; border-bottom: 6px solid #ff008a; height: 63px; background: #fff;}
#favoritos a {color: #ff008a; display: block; height: 25px; margin-bottom: 5px;}
#favoritos a:hover {color: #8a8a8a;}
#favoritos .favoritos {float: left; margin-right: 25px; text-decoration: underline;}
#favoritos .rss {float: left; background: url(../img/ic_rss.gif) right no-repeat; padding-right: 30px;}
#favoritos .language {float: right; background: #ff008a; color: #fff; padding: 0 6px;}
#favoritos .language:hover {background: #8a8a8a; color: #fff; text-decoration: none;}
#favoritos form {clear: both; padding-bottom: 3px;}
#favoritos form input {border: 1px solid #ff008a; color: #999; width: 265px; vertical-align: middle; height: 16px;}
#favoritos form input#button {background: #ff008a; color: #fff; width: 35px; height: 20px; margin-left: 5px; text-align: center;}


#videosSemana {padding: 12px 12px 5px; overflow: hidden; background: #fff;}
#videosSemana h2 {background: #ff008a; color: #fff; font: normal 20px/22px Arial, Helvetica, sans-serif; text-transform: uppercase; float: left; padding: 7px; margin-right: 6px; margin-bottom: 15px;}
#videosSemana p {font-size: 10px; line-height: 12px;}
#videosSemana .left {width: 370px;}
#videosSemana .right {width: 115px;}
#videosSemana .right .video {position: relative; margin-bottom: 5px;}
#videosSemana .right .video img {height: auto; width: 115px;}
#videosSemana .right .video .mask {position: absolute; left: 0; bottom: 0;}
#videosSemana .more {background: url(../img/bck_more_videos.gif) repeat-x; border: 1px solid #a4a4a4; border-top: 0; height: 19px; margin-top: -5px; width: 113px;}
#videosSemana .more a {display: block; float: right; color: #000; border-left: 1px solid #a4a4a4; line-height: 19px; text-align: right; padding: 0 10px; font-size: 14px;}
#videosSemana .more a:hover {text-decoration: none; background: #666; color: #fff;}

#dosColumnas {clear: both; border-top: 6px solid #ff008a; color: #ff008a;}
#dosColumnas .left {width: 285px; border-right: 6px solid #ff008a;}
#dosColumnas h2 {font-weight: bold !important; font-size: 19px; margin-bottom: 10px;}

#categorias, #tags, #verTopPosts {padding: 15px 10px;}
#categorias ul {margin: 0; padding: 0; list-style: none; font-size: 14px; text-transform: uppercase; color: #fff;}
#categorias ul a {display: block; background: #ff008a; color: #fff; margin-top: 2px; padding: 6px;}
#categorias ul a:hover {text-decoration: none; color: #000;}
#categorias #celebrities {background: url(../img/ic_celebrities.gif) no-repeat 240px top #ff008a;}
#categorias #estilos {background: url(../img/ic_estilos.gif) no-repeat 237px top #ff008a;}
#categorias #gastronomia {background: url(../img/ic_gastronomia.gif) no-repeat 238px top #ff008a;}
#categorias #musica {background: url(../img/ic_musica.gif) no-repeat 236px top #ff008a;}
#categorias #publicidad {background: url(../img/ic_publicidad.gif) no-repeat 238px top #ff008a;}
#categorias #moda {background: url(../img/ic_moda.gif) no-repeat 237px top #ff008a;}
#categorias #retro {background: url(../img/ic_retro.gif) no-repeat 237px top #ff008a;}
#categorias #libros {background: url(../img/ic_libros.gif) no-repeat 238px top #ff008a;}
#categorias #medios {background: url(../img/ic_medios.gif) no-repeat 237px top #ff008a;}
#categorias #gadgets {background: url(../img/ic_gadgets.gif) no-repeat 238px top #ff008a;}
#categorias #arte {background: url(../img/ic_arte.gif) no-repeat 237px top #ff008a;}
#categorias #lugares {background: url(../img/ic_lugares.gif) no-repeat 238px top #ff008a;}
#categorias #deportes {background: url(../img/ic_deportes.gif) no-repeat 237px top #ff008a;}
#categorias #religion {background: url(../img/ic_religion.gif) no-repeat 237px top #ff008a;}
#categorias #arquitectura {background: url(../img/ic_arq.gif) no-repeat 238px top #ff008a;}
#categorias #investigaciones {background: url(../img/ic_investigaciones.gif) no-repeat 238px top #ff008a;}
#categorias #entrevistas {background: url(../img/ic_entrevistas.gif) no-repeat 237px top #ff008a;}
#categorias #eventos {background: url(../img/ic_eventos.gif) no-repeat 237px top #ff008a;}

#tags ul {list-style: none;}
#tags li {display: inline; padding:  0 3px 0 0; line-height: 16px;}
#tags a {color: #ff008a;}
#tags a.tag1 {font-size: .9em; font-weight: 100;}
#tags a.tag2 {font-size: 1em; font-weight: 100;}
#tags a.tag3 {font-size: 1.1em; font-weight: 100;}
#tags a.tag4 {font-size: 1.2em; font-weight: 100;}
#tags a.tag5 {font-size: 1.3em; font-weight: 100;}
#tags a.tag6 {font-size: 1.4em; font-weight: 100;}
#tags a.tag7 {font-size: 1.6em; font-weight: 100;}
#tags a.tag8 {font-size: 1.8em; font-weight: 100;}
#tags a.tag9 {font-size: 2em; font-weight: 100;}
#tags a.tag10 {font-size: 2.5em; font-weight: 100;}
.vermas {clear: both; display: block; font-size: 14px; text-transform: uppercase; text-align: right; margin-top: 2px;}
.vermas:hover {text-decoration: none; color: #000;}

#verTopPosts a {display: block; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #ff008a; background: url(../img/ic_ver_top_posts.gif) no-repeat right top; width: 210px; height: 22px;}

#dosColumnas .left form input {border: 1px solid #ff008a; color: #999; width: 220px; vertical-align: middle; height: 16px;}
#dosColumnas .left form input#button {background: #ff008a; color: #fff; font-weight: bold; width: 35px; height: 20px; text-align: center;}
#dosColumnas .left form label {display: block; height: 25px;}
#dosColumnas .left form select {border: 1px solid #ff008a; color: #000; width: 260px; vertical-align: middle; margin-top: 8px; text-transform: none;}
#dosColumnas .left form input#text_google {border: 1px solid #ff008a !important; color: #999; width: 215px !important; vertical-align: middle; height: 16px;}
	
#buscarSitio, #buscarGoogle, #buscarColaborador, #sponsors {padding: 10px; font-size: 17px; line-height: 16px; font-weight: bold; text-transform: uppercase;}
#buscarGoogle img {vertical-align: middle;}

#sponsors {border-top: 6px solid #ff008a; margin-top: 10px; padding-top: 18px; text-transform: none; font-weight: normal; line-height: 12px;}
#sponsors ul {list-style: none; width: 265px; margin: 0 auto;}
#sponsors li {background: #ccc; font-size: 11px; color: #000; margin-top: 10px;}
#sponsors li img {margin: 0; width: 265px; height: auto;}
#sponsors .epigrafe {color: #666; text-align: center; background: #ccc; padding: 3px;}
#sponsors .epigrafe .tit {font-weight: bold; text-transform: uppercase;}

#dosColumnas .right {width: 222px;}
#unstyle, #links, #encuestas, #amigos {padding: 10px 5px; border-bottom: 6px solid #ff008a; overflow: hidden;}
#unstyle .tit {margin: 0 -2px 4px;}
#unstyle p.tit1 {font-size: 14px; margin: 0; text-align: center;}
#unstyle p.tit2 {font-size: 12px; margin: 0; color: #8c8c8c; text-align: center;}
#unstyle .photos {margin: 5px -2px 10px 4px; overflow: hidden;}
#unstyle .photo {position: relative; float: left; margin-right: 5px; margin-top: 5px; height: 65px; width: 65px; overflow: hidden;}
#unstyle .photo img {height: 65px; width: 65px;}
#unstyle .photo .mask {position: absolute; left: 0; top: 0; border:0px}
#unstyle .link {display: block; color: #ff008a; font-size: 18px; line-height: 20px; float: left; text-decoration: underline; margin-left: 4px;}
#unstyle .ir {display: block; float: right; background: #ff008a; color: #fff; text-transform: uppercase; font-size: 17px; padding: 5px 12px; margin-right: 4px;}

#fiestas-camp {padding: 0!important; overflow: hidden; border-bottom: 6px solid #ff008a;}
#fiestas-camp img { boder:0!important;}



#links {padding: 15px 5px 15px 10px;}
#links ul {margin: 0; padding: 0; list-style: none; margin-bottom: 10px;}
#links .left, #links .right {width: 100%; border: 0;}
#links a {color: #ff008a; font-size: 12px; line-height: 18px; text-decoration: underline;}
#links a:hover {color: #000;}
#links .vermas {margin-right: 10px; text-decoration: none; font-size: 14px;}

#ads {padding: 15px; border-bottom: 6px solid #ff008a; overflow: hidden; }
#ads div {width: 160px; margin: 0 auto;}

#encuestas {padding-top: 20px;}
#encuestas img {width: 180px; height: auto; margin: 10px 10px 10px 15px;}
#encuestas p {padding: 5px 15px 15px;}
#encuestas .opciones {color: #000;clear: both;}
#encuestas .opciones input {vertical-align: middle;}
#encuestas #votar, #encuestas #resultados {text-transform: uppercase; color: #fff; background: #ff008a; border: 0; font-size: 10px !important; margin: 20px 0; text-align: center; padding: 3px 0;}
#encuestas #votar {float: left; margin-left: 15px; width: 50px;}
#encuestas #resultados {float: right; margin-right: 10px; width: 130px;}
#encuestas .resultado .porcentaje {display: block; float: left; font-weight: bold; color: #EC298F; margin-left: 22px; height: 20px;}
#encuestas .resultado .barra {float: right; width: 145px; background: #A5A7AA; height: 15px; margin-right: 7px;}
#encuestas .resultado .barra div {background: #EC298F; height: 15px;}



#amigos, #amigos div {border: 0;}
#amigos {padding: 20px 5px 15px 10px;}
#amigos ul {list-style: none; width: 200px; margin: 0 auto;}
#amigos li {background: #ccc; font-size: 11px; color: #000; margin-top: 10px;}
#amigos li img {margin: 0; width: 200px; height: auto;}
#amigos .epigrafe {color: #666; text-align: center; background: #ccc; padding: 3px;}
#amigos .epigrafe .tit {font-weight: bold; text-transform: uppercase;}


.comentarios .download {margin-top: 15px;}
.prensa h5 {clear: both; padding-left: 10px;}
.prensa input {padding: 2px !important; width: 285px !important;}
.prensa input.btn {width: 80px !important;padding: 3px 0 !important;}
.prensa form table span {color: #EC298F;}

.post ul {margin: 10px 0 10px 20px; font-size: 17px; line-height: 20px; list-style: none; width: 90px;}
.post ul li {position: relative;}
.post ul a {color: #EC298F;}
.post ul a.active { text-decoration: underline;  background: url(../img/flecha_archivos.gif) no-repeat right; padding-right: 15px;}
.archivos h4 {font-size: 17px !important; font-weight: bold !important; clear: both;}
.post ul.submenu {position: absolute; top: -10px; left: 100px; font-size: 14px; line-height: 18px; width: 300px;}



/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 270px; 
    width: 115px; 
    margin-bottom: 6px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}



#success { 
	
    /* overlay is hidden before loading */ 
    display:none; 
 
    /* standard decorations */ 
    width:250px; 
    background-color:#ED2690; 

    
} 
 
#success div { 
    padding:20px; 
    /*border:1px solid #fff;*/ 
    color: #fff;
    font: bold 16px/17px Arial, Helvetica, sans-serif;
}

#success .close { 
    /*border:1px solid #fff;*/ 
    color: #fff;
    font: bold 12px Arial, Helvetica, sans-serif;
	padding:5px;
	float: right; 
}




.votacion_success { 
	
    /* overlay is hidden before loading */ 
    display:none; 
 
    /* standard decorations */ 
    width:250px; 
    background-color:#ED2690; 
    /* border:1px solid #666;*/ 
 
    /* for modern browsers use semi-transparent color on the border. nice! */ 
    /* border:1px solid rgba(82, 82, 82, 0.698);*/ 
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ 
    /*  -moz-border-radius:8px;*/ 
    /*-webkit-border-radius:8px;*/ 
    margin-left: 333px;
} 
 
.votacion_success div { 
    padding:20px; 
    /*border:1px solid #fff;*/ 
    color: #fff;
    font: bold 16px/17px Arial, Helvetica, sans-serif;
}

.votacion_success .close { 
    /*border:1px solid #fff;*/ 
    color: #fff;
    font: bold 12px Arial, Helvetica, sans-serif;
	padding:5px;
	float: right; 
} 
 

 
/* Google */

#google #content {background: none !important;}
#google #left {padding-bottom: 5px; border: 0;}
#google #right {background: #ff008a; height: 120px;}
#google .google {padding: 20px 0; clear: both; text-align: center;}

.loading img {width: 20px !important;}


/* Fiesta */
#contenedorFiesta{
	margin:0 auto;
	width:800px;
	border:#ED2089 7px solid;
	background-color:#FFFFFF !important;
}
#contenedorFiesta p {
	margin-top: 20px;
}
#contenedorEmailFiesta{
	margin:0 auto;
	width:520px;
	border:#ED2089 7px solid;
	background-color:#FFFFFF;
}
#imgFiesta{
	float:left;
	width:800px;
	height:600px;
}
#imgEmailFiesta{
	float:left;
	width:520px;
	height:520px;
}
#introFiesta{
	float:left;
	width:330px;
	padding:20px !important;
	padding-right:10px !important;
	height:600px;
	background-color:#FFFFFF;
	}

#introEmailFiesta{
	float:left;
	width:480px;
	padding:20px !important;
	background-color:#FFFFFF;
	}
	
.introFiestaTit{
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold !important;
	color:#ED2089;
	}
	
.introFiestaSubt{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold !important;
	line-height:18px;
	color:#ED2089;
	}

.introFiestaSubt2 p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold !important;
	line-height:18px;
	color:#ED2089;
	
	}
	
.introFiestaSubt2 a {
	text-decoration: underline;
	color:#ED2089;
}

	
.introFiestaTxt a{
	font-family:Helvetica, Arial, sans-serif !important;
	font-size:12px !important;
	line-height:15px !important;
	color:#EC008C !important;
	font-weight:bold;
}
	
.introFiestaTxt p{
	font-family:Helvetica, Arial, sans-serif !important;
	font-size:11px !important;
	line-height:15px !important;
	color:#666666 !important;
	}
	
#formFiesta{
	float:left;
	width:420px;
	height:620px;
	padding:10px;
	background-color:#FFFFFF;
	}