@charset "utf-8";

/*---------------- GENÉRICAS ----------------*/

body{font-size:13px; font-family:verdana, arial; color:#333; background:url(../img/background-header.png) repeat-x;}
header {margin:0 auto; position:relative; width:750px; height:58px; padding-top:22px; font-size:11px; font-weight:bold;}
hgroup {width:515px;}
h1 {float:left; margin:-6px 20px 0px -13px; width:175px; height:38px; overflow:hidden;}
h2 {position:absolute; top:50px; left:0px; font-size:11px; color:#FFF; font-weight:normal; font-style:italic;}
h3 {margin:30px 0 15px; font-size:19px; color:#C00; font-weight:bold;}
h4 {margin-bottom:7px; font-size: 11px; line-height:1.5; color:#999;}

nav {padding-top:13px;}
nav a {margin-right:5px; padding: 7px 10px; border:2px solid #FFF; border-radius:7px; color:#FFF;}
nav a:hover {color:#FF0; padding:10px;}

section {margin:0 auto; width:750px; color:#333;}

article {float:left; width:515px; text-align:justify;}
article a {color:#03F;}
article  a:hover {text-decoration:underline;}

aside {float:left; margin-left:35px; width:207px; font-size:12px; font-weight:bold;}
aside ul {overflow:hidden; background-color:#FFF;}
aside ul li {margin:10px 10px 0px 0px; line-height:1.5;}
aside ul li a {float:left; margin:0px 10px 10px 0px; padding:10px; border:1px solid #FFF; border-radius:6px; background-color:#EEE; color:#BBB;}
aside ul li a:hover {color:#333; border:1px solid #999;}

aside ul li:first-child {margin-top:0px;}
aside ul li:first-child a {color:#FFF;}
aside ul li:first-child a:hover {color:#FF0;}
aside ul li.volver a {color:#FFF; background-color:#CCC;}
aside ul li.volver a:hover {color:#666;}
aside ul li.masContenidos a {color:#BBB; background-color:#EEE;}
aside ul li.masContenidos a:hover {color:#333;}

footer {clear:both; margin:0 auto; width:750px;}
address {height:30px; padding:5px 10px; font-size:11px; background-color:#333; color:#FFF;}
address a {color:#0BF;}
address a:hover {background-color:#0BF; color:#FFF;}

cite {color:#C00; font-weight:bold;}
audio {margin-top:15px; display:block;}
blockquote {font-style:normal;}
mark {margin-top:20px;}

.displayNone {display:none;}
.floatLeft {float:left;}
.floatRight {float:right;}
.notaPie {font-size:11px;}
.error {color:#C00;}

/*---------------- NAV ----------------*/

.bgEntrevistas, ul.nubeComic li.bgEntrevistas a, .imgEntrevistas a:hover {background-color:#F90;}
.bgVideos, ul.nubeEntrevistas li.bgVideos a, .imgVideos a:hover {background-color:#093;}
.bgBlog, ul.nubeVideos li.bgBlog a, .imgBlog a:hover {background-color:#C3C;}
.bgComic, ul.nubeBlog li.bgComic a, .imgComic a:hover  {background-color:#960;}
.bgPlaylist, .imgPlaylist a:hover {background-color:#06C;}
.bgTwitter, .imgTwitter a:hover  {background-color:#4ED3FF;}

/*-------------- SOCIAL MEDIA ----------------*/

.socialMedia {margin:52px -30px 15px; float:right; width:230px;} 
.fb-comments {margin-top:30px;}
/*.tweet:before {content: "-";}*/
.twitter-share-button {margin-top:3px;}

/*-------------- BREADCRUMBS ----------------*/

section.entrevistas h4.breadcrumbs a {color:#F90;}
section.entrevistas h4.breadcrumbs a:hover {background-color:#F90; color:#FFF;}

section.videos h4.breadcrumbs a {color:#093;}
section.videos h4.breadcrumbs a:hover {background-color:#093; color:#FFF;}

section.blog h4.breadcrumbs a {color:#C3C;}
section.blog h4.breadcrumbs a:hover {background-color:#C3C; color:#FFF;}

section.comic h4.breadcrumbs a {color:#960;}
section.comic h4.breadcrumbs a:hover {background-color:#960; color:#FFF;}

/*--------------- RESEÑAS ----------------*/

.reseña, section.somos article div {float:left; margin:0px 0 25px; padding:13px 15px; line-height:1.9; border:1px solid #CCC; border-radius:6px; font-style:normal; background-color:#EEE; border-radius:0px 0px 10px 10px; margin:0px 0px 5px;}
.reseña p, section.somos article div p {font-size:11px;}
.reseña img, section.somos article div img {float:left; margin-right:10px; border:1px solid #CCC;}
.reseña a, .leyenda a, section.somos article div a {color:#C00;}
.reseña a:hover, .leyenda a:hover, section.somos article div a:hover {text-decoration:underline;}
.reseña span, section.somos article div span {font-style:italic; color:green;}

/*---------------- HOME ----------------*/

section.home img {border-radius:10px;}
section.home hgroup {width:710px;}
section.home hgroup:last-child {margin-bottom:30px;}
section.home article {width:750px; margin-top:5px; margin-bottom:20px; text-align:left;}
section.home article a:hover {padding:10px; border-radius:10px; text-decoration:none; color:#FFF; font-weight:bold;}
section.home article a:hover img {display:none;}

.imgEntrevistas a, .imgBlog a, .imgVideos a, .imgPlaylist a {float:left; width:230px; height:153px; margin:0px 15px 10px 0px; overflow:hidden;}
.imgEntrevistas a:hover, .imgBlog a:hover, .imgVideos a:hover, .imgPlaylist a:hover {width:210px; height:133px; font-size:20px;}

/*---------------- ENTREVISTAS ----------------*/

section.entrevistas article {text-align:left;}
section.entrevistas article dialog{float:left; margin-top:15px; line-height:1.9;}
section.entrevistas article  dialog dt {font-weight:bold;}
section.entrevistas article  dialog a:hover {background-color:#03F; color:#FFF; text-decoration:none;}
section.entrevistas article  dialog dd {margin-bottom:10px; line-height:1.5;}
section.entrevistas img {border-radius:10px 10px 0px 0px;}
section.entrevistas .reseña img {border-radius:0px;}

/*---------------- VÍDEOS ----------------*/

section.videos article {line-height:1.9;}
section.videos iframe {float:left; margin-top:20px; width:515px; height:290px;}

/*---------------- BLOG ----------------*/

section.blog img {border-radius:10px;}
section.blog article p {margin-top:20px; line-height:1.9;}
section.blog .reseña {margin-top:25px;}

/*---------------- COMIC ----------------*/

section.comic img {border-radius:0px;}

/*---------------- NUBE ----------------*/

section.nube article aside {width:750px; margin-left:0px;}
section.nube article aside ul li:first-child {margin-top:10px;}
section.nube article aside ul li a {color:#FFF;}
section.nube article aside ul li a:hover{color:#FF0; text-decoration:none;}

section.nube ul.nubePortada li a {background-color:#C00;}
section.nube ul.nubeEntrevistas li a {background-color:#F90;}
section.nube ul.nubeVideos li a {background-color:#093;}
section.nube ul.nubeBlog li a {background-color:#C3C;}
section.nube ul.nubeComic li a {background-color:#960;}
section.nube ul.nubePlaylist li a {background-color:#06C;}
section.nube ul.nubeTwitter li a {background-color:#4ED3FF;}

/*---------------- CONTACTO ----------------*/

section.contacto article, section.somos article, section.nube article {margin-bottom:30px; width:auto;}
section.contacto article p:last-child {margin-top:20px;}

/*---------- SOMOS ----------------*/

section.somos article {text-align:left;}
section.somos article div {width:720px;}

/*---------- TABLA ALEXA ----------------*/

table {width:515px;}
caption {margin:20px 0px 20px 20px; padding-left:15px; text-align:left; font-size:11px; line-height:1.5;}
tr, td {vertical-align:top;}
th {padding-bottom:10px; text-align:left;}
th.publicacion {width:495px; font-size:12px; color:#999;}
td.publicacion {padding-bottom:10px; font-size:17px;}
td.publicacion .descripcionWeb {font-size:11px; margin-top:3px; color:#999;}
td.posicion {width:20px; padding:3px 15px 0px 2px; font-size:13px; font-weight:bold; color:#FFF; text-align:center;}

tr.top10 td.posicion {background:url(../img/top10.png) no-repeat;}
tr.top20 td.posicion {background:url(../img/top20.png) no-repeat;}
tr.top30 td.posicion {background:url(../img/top30.png) no-repeat;}
tr.top40 td.posicion {background:url(../img/top40.png) no-repeat;}
tr.top50 td.posicion {background:url(../img/top50.png) no-repeat;}
tr.top10 td.publicacion a {color:#C00;}
tr.top20 td.publicacion a {color:#F30;}
tr.top30 td.publicacion a {color:#F60;}
tr.top40 td.publicacion a {color:#F90;}
tr.top50 td.publicacion a {color:#FC0;}

td.pais {width:25px; padding-right:15px;}
td.argentina {background:url(../img/bandera-arg.png) no-repeat;}
td.puertoRico {background:url(../img/bandera-prico.png) no-repeat;} 
td.mexico {background:url(../img/bandera-mex.png) no-repeat;} 

.alexaRank {font-size:11px; color:#333; float:right;}
.rankIndice {font-size:11px; color:#999; float:right;}