/*   
Theme Name: Paniko.cl 10 años
Theme URI: http://rockcompany.cl
Description: Con todo el flow.
Author: Jorge Morales (@jorgerock)
Author URI: http://jorgerock.com
Version: 0.0.0.0.0.1.2.3.43.53.35245
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%; height: auto;}

object.flickr {height: 488px !important;}
object.flickr embed {height: 488px !important;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font-size: 100%; font-family: Georgia, Palatino, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #f9058b;}
a:hover {color: #2bc0ff;}

a img {margin: 0; border: 0;}

video {
  width: 100%    !important;
  height: auto   !important;
}

.alignright {margin: 0 0 10px 10px; float: right;}
.alignleft {margin: 10px 10px 0 0; float: left;}
.aligncenter {margin: 0 auto; padding: 10px;}

div.wp-caption {background: rgba(217,248,255,0.7); text-align: center; font-size: 0.85em;}
div.alignright img {margin-bottom: 10px;}
div.alignright {padding: 15px 10px 10px 10px;}
div.alignleft img {margin-bottom: 10px;}
div.alignleft {padding: 15px 10px 10px 10px;}
div.aligncenter img {margin-bottom: 10px;}
div.aligncenter {padding: 15px 10px 10px 10px;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


@font-face {
    font-family: 'HelveticaNeue';
    src: url('_/font/helneue/helveticaneueltstdcn.eot');
    src: url('_/font/helneue/helveticaneueltstdcn.eot?#iefix') format('embedded-opentype'),
         url('_/font/helneue/helveticaneueltstdcn.woff') format('woff'),
         url('_/font/helneue/helveticaneueltstdcn.ttf') format('truetype'),
         url('_/font/helneue/helveticaneueltstdcn.svgHelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'SteelfishRgRegular';
    src: url('_/font/steelfish/steelfish_rg-webfont.eot');
    src: url('_/font/steelfish/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/steelfish/steelfish_rg-webfont.woff') format('woff'),
         url('_/font/steelfish/steelfish_rg-webfont.ttf') format('truetype'),
         url('f_/ont/steelfish/steelfish_rg-webfont.svg#SteelfishRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SteelfishRgItalic';
    src: url('_/font/steelfish/steelfish_rg_it-webfont.eot');
    src: url('_/font/steelfish/steelfish_rg_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/steelfish/steelfish_rg_it-webfont.woff') format('woff'),
         url('_/font/steelfish/steelfish_rg_it-webfont.ttf') format('truetype'),
         url('f_/ont/steelfish/steelfish_rg_it-webfont.svg#SteelfishRgItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#page-wrap {width: 92%; max-width: 1180px; margin: 20px auto;}

/******* HEADER *******/

div.negrura {background: #333333; height: 30px; width: 100%; margin: 0;}
div.negruraint {width: 92%; max-width: 1180px; margin: 0 auto;}

div.negrura div.social {margin: 0 0 0 0;}
div.negrura div.social a {float: left; display: block; width: 20px; height: 20px; margin: 5px 5px 0 0;
	background-repeat: no-repeat; background-size: cover; background-position: center center;}
div.negrura div.social a.facebook {background-image: url(_/img/facebook.png);}
div.negrura div.social a.twitter {background-image: url(_/img/twitter.png);}
div.negrura div.social a.flickr {background-image: url(_/img/flickr.png);}
div.negrura div.social a.youtube {background-image: url(http://s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png);}

div.negrura span.claves {color: #fff; font-size: 0.85em; font-family: 'HelveticaNeue', sans-serif; display: inline-block; margin: 2px 0 0 10px;}
div.negrura span.claves ul {display: inline-block; padding: 7px 0 0 0;}
div.negrura span.claves ul li {list-style: none; float: left; padding: 0 5px 0 0;}
div.negrura span.claves ul li a {color: #fff; text-decoration: none;}

div.negrura #searchform {position: relative; right: 0; top: 4px; float: right; width: 300px; height: 27px; overflow: hidden;}
div.negrura #searchform div.gsearch {margin: -24px 0 0 0;}
.cse .gsc-control-cse, .gsc-control-cse {background: transparent !important; border: none !important;}

header {width: 100%; clear: both; position: relative;}
header div.fb-like {position: absolute; bottom: 54px; right: 0; width: 350px !important; z-index: 100;}
@media screen and (max-width: 1000px) {header div.fb-like {display: none;}}
header nav {width: 100%; border-top: 2px solid #000; font-family: 'SteelfishRgRegular', sans-serif; font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px; padding: 3px 0 0 0; clear: both; position: relative; height: 40px;}
header nav a {color: #000; text-decoration: none;}
header nav li {display: block; float: left; margin: 0 25px 0 0;}

header p.elblog {font-family: 'SteelfishRgRegular', sans-serif; font-size: 1.4em; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin: -70px 0 70px;}
header p.elblog a {color: #000; text-decoration: none;}


/******* CONTENT *******/

section.content {clear: both; width: 66.1%; float: left; margin: 20px 0 0 0;}
section.content h2 {font-family: 'SteelfishRgRegular', sans-serif;}
section.content h2 a {color: #000; text-decoration: none;}

span.cat {position: absolute; left: 0; font-family: 'SteelfishRgRegular', sans-serif; font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px;}
span.cat a {margin: 0 -5px 0 0; background: #000000; padding: 3px 25px 3px 10px; color: #fff; text-decoration: none;}
span.catmusica a {background: #FF6600 !important;}
span.catlibros a {background: #99CC33 !important;}
span.catcine a {background: #666666 !important;}
span.cattele a {background: #9966FF !important;} 

span.cat a.noticias {background: #8A3B03 !important;}
span.cat a.panikotv {background: #C2C961 !important;}
span.cat a.musica {background: #FF0033 !important;}
span.cat a.música {background: #FF0033 !important;}
span.cat a.libros {background: #99CC33 !important;}
span.cat a.cine {background: #FF6600 !important;}
span.cat a.tele {background: #9966FF !important;}
span.cat a.tecnopop {background: #3397cc !important;}
span.cat a.panikorecomienda {background: #D6A204 !important;}
span.cat a.concursos {background: #28557A !important;}
span.cat a.entrevistas {background: #3397cc !important;}
span.cat a.blog {background: #FF0033 !important;}
span.cat a.uncategorized {background: #99CC33 !important;}
span.cat li {list-style: none; float: left;}

/** Principal **/

section.principal {clear: both; height: 350px; width: 100%;}
@media screen and (max-width: 1024px) {section.principal {height: 100%; max-height: 350px;}}
section.principal h2 {font-size: 2.875em; margin-bottom: 5px; letter-spacing: -1px;}

section.principal div.featured {display: block; width: 48.66%; height: 350px; float: left; position: relative;}
@media screen and (max-width: 1024px) {section.principal div.featured {height: 0; max-height: 350px; padding-top: 50%; background-size: cover; -moz-background-size: cover; background-position: center center;}}
section.principal div.featured figure {padding-top: 100%; background-size: auto 350px; background-position: top left; width: 100%; height: 350px;}
section.principal span.autor a {color: #000; text-decoration: none;}

section.principal div.featured a.perma {display: block; width: 100%; height: 100%;}

section.principal div.featured span.cat {bottom: 3px;}

section.principal div.contenido {display: block; width: 48.66%; float: right;}

section.principal div.entry {line-height: 1.7em; margin: 20px 0 0 0;}

section.principal div.sociales {padding: 10px 0 0 0; clear: both; height: 30px;}
section.principal div.sociales div.fb-like {display: block; float: left; width: 33% !important; margin: 0;}
section.principal div.sociales span.twitterone {display: block; float: left; width: 33%; margin: 0;}
section.principal div.sociales span.gplusone {display: block; float: left; width: 33%; margin: 0;}

section.principal div.customlink {border-top: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; width: 90%; padding: 5px 5%; margin: 10px 0 0 0;}
section.principal div.customlink a {font-family: 'SteelfishRgRegular', sans-serif; font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px; color: #000; text-decoration: none;}


/** Destacados **/

section.destacados {clear: both; margin-bottom: 10px;}
section.destacados h2 {font-size: 1.875em; margin: 15px 0;}
section.destacados article {float: left; width: 31.5%; margin: 20px 2.66% 0 0;}
section.destacados article:last-child {margin: 20px 0 0 0;}
section.destacados div.featured {display: block; width: 100%; max-height: 190px; overflow: hidden; position: relative;}

@media screen and (max-width: 800px) {
	section.destacados article {float: left; width: 48.66%; margin: 20px 2.66% 0 0;}
	section.destacados article:nth-child(2) {margin: 20px 0 0 0;}
	section.destacados article:last-child {display: none;}
}
@media all and (orientation: portrait) {
	section.destacados article {float: left; width: 48.66%; margin: 20px 2.66% 0 0;}
	section.destacados article:nth-child(2) {margin: 20px 0 0 0;}
	section.destacados article:last-child {display: none;}
}

section.destacados div.featured span.cat {bottom: 4px;}

section.destacados div.entry {color: #666666; font-size: 0.85em; line-height: 1.5em;}
section.destacados div.sociales {padding: 10px 0 0 0; clear: both; height: 30px;}
section.destacados div.sociales div.fb-like {display: block; float: left; width: 48% !important; margin: 0;}
section.destacados div.sociales span.twitterone {display: block; float: left; width: 48%; margin: 0;}
section.destacados span.autor {font-size: 0.85em; text-align: right; margin: 10px 0 0; display: block;}
section.destacados span.autor a {color: #000; text-decoration: none;}


/** Categorias **/

section.categorias {clear: both}
section.categorias span.cat {position: static;}

div.cat {font-family: 'HelveticaNeue', sans-serif; width: 48.68%; float: left; margin: 26px 1.7% 0 0; padding: 0 0 10px 0;}
section.categorias div.posts {margin-top: 0px; height: 100%;}
div.catlibros, div.cattele {margin: 30px 0 0 0 !important;}
div.cat article {width: 100%; clear: both;}
div.cat article:first-child {padding-top: 14px;}
div.cat div.featured {width: 23.68%; float: left; margin: 0 0 7px;}
div.cat div.contenido {width: 71.04%; height: 100%; float: right; padding: 5px 0 12px 0; background: url(_/img/gris.png) no-repeat left bottom;}
div.cat h3 a {color: #000; text-decoration: none; font-weight: normal;}


/******* SIDEBAR *******/

sidebar {float: right; width: 32.2%; margin: 20px 0 0 0;}

aside.youtubazo {margin: 30px 0; position: relative;}
aside.youtubazo h2 {font-family: 'SteelfishRgRegular', sans-serif; padding-bottom: 15px;}
aside.youtubazo div.featured {}
aside.youtubazo div.contenido {position: absolute; right: 0; top: 35%; width: 65%; padding: 5%; background: rgba(153,204,51,0.8);; font-family: 'HelveticaNeue', sans-serif;}
aside.youtubazo h3 a {color: #fff; text-decoration: none; font-weight: normal; font-size: 1.5em;}

aside.ultimo {font-family: 'HelveticaNeue', sans-serif; width: 100%; margin-bottom: 30px;}
aside.ultimo h2 {font-family: 'SteelfishRgRegular', sans-serif; padding-bottom: 15px;}
aside.ultimo article {width: 100%; clear: both;}
aside.ultimo div.contenido {width: 98%; height: 100%; float: right; padding: 6px 0 6px 0; background: url(_/img/gris.png) no-repeat left bottom;}
aside.ultimo h3 a {color: #333; text-decoration: none; font-weight: 200;}
aside.ultimo h3 a:hover {color: #333; background: #ffff2b; font-weight: 200;}

a.vermas {width: 100%; display: block; text-align: center; color: #fff; text-decoration: none; background: #000000; clear: both;
font-family: 'SteelfishRgRegular', sans-serif; font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; padding: 4px 0 3px;
}

aside.likebox {margin-top: 30px;}
#fb-root {display: none;}
aside .fb_iframe_widget, aside .fb_iframe_widget span, aside .fb_iframe_widget span iframe[style] {width: 100% !important;}

aside.widget {margin: 30px 0;}
aside.widget h2 {font-family: 'SteelfishRgRegular', sans-serif; padding-bottom: 15px;}
aside.widget ul li {margin: 0 0 10px;}
aside.widget a {text-decoration: none;}



/******* SINGLE *******/

section.pate {width: 100%; margin: 0 auto;}

section.single {width: 63.1%; float: right; margin: 20px 0 0 0;}
section.single time {font-size: 1.2em; display: inline-block; margin: 11px 0 5px 0; padding: 3px 8px; font-family: 'SteelfishRgRegular', sans-serif; background: rgba(255,255,43,0.5);}
section.single h2 {font-family: 'SteelfishRgRegular', sans-serif;}
section.single h2 a {color: #000; text-decoration: none;}

div.meta {width: 98%; font-size: 0.75em; margin: 10px 0 20px 0; padding: 5px 1%; height: 30px; background: rgba(217,248,255,0.7);}
div.meta div.sociales {padding: 5px 0 0 0; clear: both; height: 30px; width: 50%; float: left;}
div.meta div.sociales div.fb-like {display: block; float: left; max-width: 120px; width: 33% !important; margin: 0;}
div.meta div.sociales span.twitterone {display: block; float: left; max-width: 105px; width: 33%; margin: 0;}
div.meta div.sociales span.gplusone {display: block; float: left; max-width: 105px; width: 33%; margin: -2px 0 0 0;}
div.meta div.metatags {width: 45%; float: right;}
div.meta div.metatags span.author {display: block; margin: 6px 10px 0 0; float: right;}
div.meta div.metatags span.author span.fn {font-weight: bold;}
div.meta div.metatags span.author span.fn a {color: #000; text-decoration: none;}
div.meta div.metatags div.postavatar {display: block; margin: 0; float: right; max-width: 30px; max-height: 30px;}

section.single div.entry-content {line-height: 1.6em; width: 100%; padding: 10px 0 0 0;}
section.single div.entry-content p {padding-bottom: 15px;}
section.single div.entry-content h3 {font-family: 'SteelfishRgRegular', sans-serif; font-size: 2.5em; padding: 10px 0 15px;}
section.single div.entry-content blockquote {display: block; font-size: 1.8em; line-height: 1.5em; letter-spacing: 2px; font-family: 'SteelfishRgItalic', sans-serif; margin: 20px 0 30px; padding: 30px 50px 10px; text-align: center; color: #000; background: rgba(153,204,51,0.2);}

section.single div.taxonomy {font-family: 'HelveticaNeue', sans-serif; border-top: 1px solid #ccc; display: inline-block; font-size: 0.85em; padding: 5px 10px 0 0;}
section.single div.taxonomy a {color: #}

section.single div.weas {width: 98%; font-size: 0.75em; margin: 10px 0 20px 0; padding: 5px 1%; height: 80px; background: rgba(217,248,255,0.7);}
section.single div.weas div.postavatar {display: block; margin: 0 10px 0 0; float: left; max-width: 80px; max-height: 80px;}
section.single div.weas p {padding-bottom: 3px;}
section.single div.weas a {color: #000; text-decoration: none;}


sidebar.leftbar {float: left !important; margin-top: 30px;}
aside.relatedposts {width: 100%; margin: 10px 0 10px 0; padding: 10px 0 75px; font-family: 'HelveticaNeue', sans-serif;}
aside.relatedposts h2 {font-family: 'SteelfishRgRegular', sans-serif; padding-bottom: 15px;}
aside.relatedposts article {width: 100%; clear: both;}
aside.relatedposts div.featured {width: 23.68%; float: left; margin: 0 0 7px;}
aside.relatedposts div.contenido {width: 71.04%; height: 100%; float: right; padding: 5px 0 12px 0; background: url(_/img/gris.png) no-repeat left bottom;}
aside.relatedposts h3 a {color: #000; text-decoration: none; font-weight: normal;}


/******* ARCHIVO *******/

section.pate {width: 100%; margin: 0 auto;}

section.archivo {width: 63.1%; float: right; margin: 20px 0 0 0;}
section.archivo time {font-size: 1.2em; display: inline-block; margin: 11px 0 5px 0; padding: 3px 8px; font-family: 'SteelfishRgRegular', sans-serif; background: rgba(255,255,43,0.5);}
section.archivo h2 {font-family: 'SteelfishRgRegular', sans-serif; font-size: 2.5em; text-align: right; border-bottom: 1px solid #ccc; padding: 0 0 5px; margin: 0 0 10px 0;}
section.archivo h2 a {color: #000; text-decoration: none;}
section.archivo article {margin-bottom: 30px;}
section.archivo article h2 {font-size: 1.5em; text-align: left; border: none; margin: 0; padding: 0;}



/******* PUBLICIDAD *******/

aside.ad {width: 100%; height: 250px; margin: -10px 0 5px 0; /* border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ padding: 20px 0;}
div.aduno {width: 300px; height: 250px; display: block; margin: 0 auto;}
div.aduno div {margin: 0 auto; display: block !important; width: 100% !important; height: auto !important;}
div.aduno ins {margin: 0 auto; display: block !important; width: 100% !important; height: auto !important;}

sidebar.leftbar aside.ad {border: none !important;}

section.ad {width: 100%; height: 90px; padding: 20px 0 0; clear: both;}
div.addos {width: 680px; height: 90px; display: block; margin: 0 auto; position: relative; overflow: hidden;}
div.addos div {margin: 0 auto; display: block !important; width: 100% !important; height: auto !important;}
div.adcua {width: 728px; height: 90px; display: block; margin: 0 auto; position: relative; overflow: hidden;}
div.adcua div {margin: 0 auto; display: block !important; width: 100% !important; height: auto !important;}

section.publiheader section.ad {width: 66.1%; float: left;}
section.publiheader section.adtres {width: 32.2%; padding: 20px 0; float: right;}
div.adtres {width: 300px; height: 90px; display: block; background: #fefefe; margin: 0 auto;}

.addos object,
.addos embed,  {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.adcua object,
.adcua embed,  {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

section.adbottom {padding-bottom: 30px;}
/*
div#google_ads_div_680x90a_ad_wrapper iframe {margin: 0 auto; display: block !important; width: 100% !important; height: auto !important;}
div#google_ads_div_680x90a_ad_wrapper iframe body div#google_image_div {margin: 0 auto; display: block !important; width: 100% !important; height: auto !important;}
div#google_ads_div_680x90a_ad_wrapper iframe body div#google_image_div img {margin: 0 auto; display: block !important; width: 100% !important; 

img.img_ad {width: 100% !important;}
*/

@media screen and (max-width: 1137px) {
	section.ad {}
	div.addos {width: 100%;}	
}

@media screen and (max-width: 1013px) {
	aside.ad {}
	div.aduno {width: 100%;}	
}


/******* MINI SITIO *******/

header a.minisitio {max-width: 620px; margin: 0 auto 80px; display: block;}

section.blog {width: 100%; max-width: 700px; margin: 0 auto;}
section.blog article {margin: 0 0 90px;}

section.blog article h2 {font-family: 'SteelfishRgRegular', sans-serif; text-align: center;}
section.blog article h2 a {color: #000; text-decoration: none;}

section.blog article time {font-size: 1.2em; display: block; margin: 11px auto 30px; padding: 3px 8px; font-family: 'SteelfishRgRegular', sans-serif; text-align: center; background: rgba(255,255,43,0.5); width: 64px;}

section.blog article div.entry {font-size: 1.1em; line-height: 1.6em;}
section.blog article div.entry p {margin-bottom: 15px;}
section.blog div.entry h3 {font-family: 'SteelfishRgRegular', sans-serif; font-size: 2.5em; padding: 10px 0 15px;}
section.blog div.entry blockquote {display: block; font-size: 1.8em; line-height: 1.5em; letter-spacing: 2px; font-family: 'SteelfishRgItalic', sans-serif; margin: 20px 0 30px; padding: 30px 50px 10px; text-align: center; color: #000; background: rgba(153,204,51,0.2);}


/******* PANIKO TV *******/

div.panikotv {width: 92%; max-width: 1180px; padding: 25px 0; margin: 0 auto;}
div.panikotv ul li {list-style: none; float: left; width: 120px; margin: 0 25px 0 0;}
div.panikotv ul li a {font-family: 'HelveticaNeue', sans-serif; color: #000; text-decoration: none; font-size: 0.9em;}
div.panikotv ul li:first-child {margin: 0 25px 500px 0;}
div.panikotv ul li div#video {position: absolute; bottom: 230px; height: 400px; left: 4%; display: none; clear: both; width: 92%; max-width: 1180px;}
div.panikotv #ytplayer {width: 640px !important; height: 390px !important; float: left; padding-right: 30px;}
div.panikotv ul li:first-child div#video {display: block;}
div.panikotv ul li div#video.active {display: block;}
div.panikotv ul li div#video h2 {font-family: 'SteelfishRgRegular', sans-serif; font-size: 2em; padding: 0 0 0 00px;}
div.panikotv ul li div#video h2 a {color: #000; text-decoration: none; font-family: 'SteelfishRgRegular', sans-serif;}
div.panikotv ul li div#video h2 a:hover {color: #2bc0ff;}
div.panikotv ul li div#video p {font-size: 1em; padding: 30px 0 0 30px;}

h2.veryoutube {text-align: center; font-family: 'SteelfishRgRegular', sans-serif; font-size: 2em; display: block; width: 92%; margin: 0 auto; clear: both; padding: 0 0 40px 0;}
h2.veryoutube a {text-decoration: none;}

@media screen and (max-width: 1259px) {
	div.panikotv ul li:nth-child(8) {display: none;}	
}

@media screen and (max-width: 1105px) {
	div.panikotv ul li:nth-child(7) {display: none;}	
}

@media screen and (max-width: 947px) {
	div.panikotv ul li:nth-child(6) {display: none;}
	div.panikotv ul li div#video p {display: none;}
}

@media screen and (max-width: 790px) {
	div.panikotv ul li:nth-child(5) {display: none;}
	div.panikotv ul li div#video p {display: none;}
}

@media screen and (max-width: 632px) {
	div.panikotv ul li:nth-child(4) {display: none;}
	div.panikotv ul li div#video p {display: none;}
}



/******* FOOTER *******/

footer {clear: both; width: 100%; background: #F2F2F2; margin: 30px 0 0; position: relative;}
div.foo {width: 100%; background: #dbdbdb;}
div.footer {width: 92%; max-width: 1180px; padding: 20px 0; margin: 0 auto; text-align: center; color: #999999; font-family: 'HelveticaNeue', sans-serif; clear: both;}
div.footer p {font-size: 0.85em;}
div.footer ul {margin: 0; padding: 10px 0 20px 0; text-align: center; font-size: 1.1em; letter-spacing: 1px; text-transform: uppercase;}
div.footer ul li {list-style: none; display: inline; padding: 5px 10px;}
div.footer ul li a {color: #000; text-decoration: none;}
div.footer ul li a:hover {color: #666666;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}


div.comform {width: 30%; float: left; margin: 0;}
div.comform input {width: 94%; border: none; margin: 0 0 5px 0; padding: 5% 3%; background: rgba(255,255,43,0.5); outline: none;}
div.escribe {width: 69%; float: right; margin: 0;}
div.escribe textarea {width: 96%; background: rgba(153,204,51,0.2); padding: 2%; min-height: 107px; border: none;}
input#submit {width: 100%; background: rgba(235,119,23,0.69); text-align: center; border: none; padding: 2% 0; margin: 0 0 30px 0;}

::-webkit-input-placeholder { color:#000; }
::-moz-placeholder { color:#000; } /* firefox 19+ */
input:-moz-placeholder { color:#000; }
	
ol.commentlist {list-style: none; margin: 0 0 30px 0;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {padding: 15px 2%; position: relative; min-height: 80px;}
ol.commentlist div.commentator-info {display: block; width: 210px; float: right;}
ol.commentlist div.commentator-info img {float: left; display: block; margin: 0 10px 0 0;}
ol.commentlist div.data {float: left; width: 120px; font-size: 0.85em;}
ol.commentlist div.data p.name a {color: #000; text-decoration: none; font-weight: bold;}
ol.commentlist div.data p.date a {color: #666666; text-decoration: none; font-size: 0.85em;}
ol.commentlist div.comment-text {font-family: Courier, sans-serif; font-size: 0.9em; margin-right: 20px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px; position: absolute; right: 0; top: 50px; width: 40px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc; text-decoration: none;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: rgba(217,248,255,0.7);}
ol.commentlist li.odd {background: #fff;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}