/*
Theme Name: Upsocl v3
Theme URI: 
Author: Santiago Lira
Author URI: 
Description:
Version: 1.0
License: GNU General Public License
License URI: 
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Relacionados
-------------------------------------------------------------- */

.barra-divisorio {width: 100%; border-bottom: 10px dotted #ddd;}
.titulo-extra {  margin-top: 50px; font-weight: 600; font-size: 2.4em; border-top: 1px solid #ddd; padding-top: 30px;}

#related-head {padding-top: 10px; overflow: auto; margin-right:-10px;}
.lista-relacionados {width: 122px; float:left; margin-right:10px;}
.lista-relacionados img {max-width: 100%; display: block; width: auto; height: auto;}
.relhead {position: relative; }
.relhead a {font-size:12px; line-height: 15px; font-family: 'Droid Sans', 'Raleway', sans-serif;}

.lista-relacionados a span {display: none; position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.6); color: #ddd; width: 105px; padding: 5px; height: 71px; overflow: hidden;
}

.lista-relacionados a:hover span {
  display: block;
}

#FBtop { height: 40px; }
#FBtop .btngral {   background-color: #2d609b; margin-bottom: 10px; font-size: 0.95rem;text-rendering: optimizeLegibility; text-align: center; line-height: 40px; cursor: pointer; height: 40px; width: 100%; float: left; }
#FBtop .btngral a {color: white; text-decoration: none; height: 100%; width: 100%;   display: block;}

.visibleheader {position: fixed; top: 0px; width: 100%; left: 0px; z-index: 10000;}

@media screen and (min-width: 600px) {
 #FBtop { display: none; }
}


/* =Structure
-------------------------------------------------------------- */




body {
font-family: arial; font-size:13px; line-height: 20px; margin:0px;
}

#ad-iphone-sup {display:none;}

.single-texto h2 {font-size: 1.9em; line-height: 1.5em;}

h1, h2, h3, h4, h5 {font-family: 'Raleway', sans-serif; font-weight:400; }
h1 {font-size:2.0em; line-height:1.5em;}
h2 {font-size: 1.3em; line-height:1.4em;}
h3 {font-size: 1.2em; line-height:1.4em;}
h4 {font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 200;   line-height: 24px;}

#main {
	
}


#page {
	display: block;
	width: 1050px;
        padding: 0 20px;
        margin: 0 auto;
	background: white;
}
#primary {
	float: left;
	margin: 0;
	max-width: 65.81196581196582%;
}

#primary ul, #primary ol {font-family: 'Droid Sans', 'Raleway', sans-serif; font-size: 15px;
line-height: 17px;}

#primary ul li, #primary ol li {padding-bottom: 5px;}

#ad-image {margin-right:auto; margin-left:auto; max-width:580px;}

#content img {max-width:100%;     
display: block;
    width: auto;
    height: auto;
clear: both }

.wpb-esh-wrapper {width:100% !important;}

#content {
	margin: 0;
	width: 728px;
}

#content p {
font-family: 'Droid Sans', 'Raleway', sans-serif; font-size:15px; line-height: 28px; color:#666;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 300px;
	padding-top:10px;
}

.postimage { max-width:100%; max-height:248px;}
.grid-div { position:relative;  margin-bottom: 10px; margin-left:1%; max-width:24%; float:left; }
.titulo-grid {float:left; margin: 0px; margin-top:5px; height:90px; overflow: hidden;} 
.titulo-grid h2 {font-size: 1.0em; text-transform: uppercase; margin: 0px; line-height: 1.4em;}
.titulo-grid a {color: #000000;  text-decoration:none; }
.titulo-grid a:hover {color: #929292;}
.grid-div img {max-width: 100%; display: block; width: auto; height: auto;}
#related-ad {clear:both;}
.single-texto {clear:both;}
#imagentop {position: relative; clear:both;}
#imagentop img {clear:both;}
#credito-img {position:absolute; bottom: 10px; right:5px;}
#credito-img a {text-decoration: none; background: #fff; padding: 5px 10px;}

#colophon {clear: both; display: block; width: 100%;}

.rpwe-block h3.rpwe-title {font-size: 14px !important; text-transform: uppercase; margin: 0px; line-height: 20px;}
.rpwe-block a {color: #000000;  text-decoration:none;}
img.rpwe-thumb  {padding:0px !important; margin:10px 0px !important;}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#instframe iframe {max-width: 100%;}


/* =Home
-------------------------------------------------------------- */
.home #primary, .category #primary, .tag #primary, .search #primary, .error404 #primary, .author #primary, .archive #primary, .page-id-239969 #primary {max-width:100% !important; width: 100%;}
.home #content, .category #content, .tag #content, .search #content, .error404 #content, .author #content, .archive #content, .page-id-239969 #content {width:100% !important;}
#contHomeleft {width:100%; float: left;}
#contHomeright {width:30.5%; float: right; margin-right: 24px;}
#cont-home {width: 31%; float:left; margin: 20px 10px; }
#cont-home h2 { margin: 10px 0px; line-height: 1.2em; font-size: 1.4em; font-weight:600;}
#cont-home h2 a {}
.homeimage img {width: 100%; height: auto;}
.titulo-home {min-height:90px;}
.autor-home {padding: 10px 0px; border-top: 1px solid #ddd; color:#929292; min-height:20px;}
.autor-home a {text-decoration: none; color: #929292;}
.autor-home .entry-meta {float:left;}
.grid-nav {clear:both;}
.grid-nav a {color: white !important; text-decoration: none;}
#social-pick {position:absolute; top: 10px; right: 0px;}
#patro-div {position:absolute; top: 0px; left: 0px;}
.grid-home {position: relative;}
.lista-home {width: 31%; float: left; position: relative; margin: 20px 0px 0px 10px;}
#rel-branded .lista-home {width: 100%;     margin: 20px 0px 0px 0px;}
.listaimage img {max-width: 100%; display: block; width: auto; height: auto;}
.titulo-lista a {color: #fff !important;}
.titulo-lista {position: absolute; bottom: 0px; left: 10px;}
#portada-tit {position: absolute; bottom: 0px; left: 10px;}
.home-first {position: relative;}
.homefst-tit a {color: #fff !important; font-size:25px; line-height: 35px;}
#cont-home-gd {float:left; margin: 20px 10px 0px 10px; }
.alm-btn-wrap {overflow: visible !important;}
.alm-reveal {min-width: 200px;}
.pincategoria {height: 62px !important; width:auto !important;}

.barra-home {height: 72px; margin-top:10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.barraderecha {width:33%; float:right; margin-left:10px;}
.titulo-barrahome {position: relative; height:72px; overflow:hidden;}
.titulo-barrahome h2 a {font-size: 15px;}
.titulo-barrahome h2 {margin: 0px; height: 72px; overflow: hidden;}
.titimperdible {font-size: 20px; border-bottom: 3px solid #ddd; text-align: center;}
.titleright {display: none;}

#related-head {padding-top: 10px; overflow: auto; margin-right:-10px;}
.lista-populares {width: 320px; float:left; margin-right:10px; margin-bottom: 10px;}
.lista-populares img {max-width: 100%; display: block; width: auto; height: 80px;}
.lista-populares .relhead a {font-size:20px;  line-height: 22px; font-family: 'Droid Sans', 'Raleway', sans-serif;}
.lista-populares a span {display: none; position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.6); color: #ddd; width: 300px; padding: 10px; padding-top: 15px; height: 142px; overflow: hidden;}
.lista-populares a:hover span {display: block;}

@media screen and (max-width:900px){
#contHomeleft, #contHomeright {width:100%;}
#contHomeright {float: left; margin:0px;}
.barra-home {width: 46%; float: left; margin: 20px 10px; height: auto;}
.barraderecha {width: auto; margin-left: 0px;}
.titulo-barrahome {clear: both; min-height: 90px;}
.titleright {display: block;}
.contPopulares {display:none;}
.contExtras {display:none;}
}
@media screen and (max-width:480px){
#contHomeleft, #contHomeright {width:100%;}
#contHomeright {float: left; margin:0px;}
.barra-home {width: 46%; float: left; padding: 10px 5px 10px 5px; margin: 0px;}
.barraderecha {width: auto; margin-left: 0px;}
.titulo-barrahome {clear: both; min-height: 90px;}
.titulo-barrahome h2 {margin-top: 10px; text-transform: uppercase; line-height: 14px; font-family: 'Raleway', sans-serif; font-weight: 600; height: auto;}
.titulo-barrahome h2 a {font-size: 12px !important;}
}

/* =Patrocinado
-------------------------------------------------------------- */
#ad-mensaje{
clear:both; color: #0a5675; border-bottom: #ddd 1px dotted;
  font-family: 'Droid Sans', 'Raleway', sans-serif;  line-height: 24px; padding: 10px 0px; clear:both;   margin-top: 10px; font-size: 14px !important;}
#ad-mensaje a {font-size: 14px !important; border-bottom: #ddd 1px dotted;vcolor: #000 !important;}
.autor-patrocinado  {font-size: 16px !important; font-family: 'Droid Sans'; padding-top: 17px !important;   width: 100% !important; }
.autor-patrocinado a {font-size: 16px !important;}

/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}

#head-container {
width: 100%;
position: relative;
z-index: 99;

}

#branding {
font-family: 'Raleway', sans-serif;
font-weight:400;
font-size:15px;
text-transform: uppercase;
background: #fff;
padding-top:1px;
height:80px;
display: block;
padding: 0 20px;
margin: 0 auto;
background: white;
width: 1050px;

}

#adsuperior {max-width: 970px; margin: 10px auto; clear: both;}
#ad-cont-1 {line-height:0px; margin-bottom: 10px;}

#ad-header { width:728px; max-height:90px; padding-bottom:10px; margin-top:20px; margin-left: auto; margin-right: auto; clear: both;}
#ad-topTop {width:320px; margin-left: auto; margin-right: auto; clear:both; margin-bottom: 10px;}
@media screen and (min-width:480px) { 
#div-gpt-ad-cm2, #div-gpt-ad-cm {float: left; margin-right: 20px; margin-bottom: 20px;}
}

#branding a {color:#000;}
#branding a:hover {color:#dddddd;}

#logodiv {float:left; margin-right:10px;}
#logodiv .logoportada {max-width: 197px;}
#logodiv .logocategoria {max-width: 62px;}

.barra-like {float:left; padding-top:25px; }
.barra-like h3 {margin:0px; float:left; font-size:13px; text-transform:none;}
#likedbut {float:left; margin-left:10px;}
.ytb-header {float:left; margin-left:10px;}
#fb-siguenos {display:none;}
.socialtop {max-width:790px; min-height:45px;}
#socialbox {float:right; width:55%}
.pin-link, .fb-link, .tw-link {float:left; list-style:none; margin-left:5px;}
#link-pt {float:right; margin-right:35px;}
#link-pt a {font-size:10px; text-transform:none;}

.spu-facebook {margin-right: 10px;}

#author-avatar img { padding: 0px 10px; border-left: 1px solid #edebeb;}
#author-avatar p {display:block; margin: 0px;}
#author-avatar { width:45%; float:left; padding-top:8px; border-top: 1px solid #edebeb;}
#author-avatar a { color: #df7e5c; text-decoration: none; font-size:12px; margin-right:15px;}

#author-top {float:left; width:35%}
#topmenu {float:left;  }
#socialpages { width:150px; float:right; padding:0px; margin:0px; list-style:none; }
#socialdiv {float:right; width:250px;}
.share-buttons a {
vertical-align: middle;
text-decoration: none;
color:#fff;
font-family: 'Droid Sans', 'Raleway';
font-weight: 300;
padding: 10px 40px;
}
.share-creatividad a {padding: 10px 20px !important;}

/* =Shares Btns
-------------------------------------------------------------- */

.share-buttons .btngral {
margin-bottom:10px;
margin-top: 5px;
width: 45%;
float:right;
margin-right: 2px;
color: #fff;
font-size: 0.95rem;
text-rendering: optimizeLegibility;
text-align: center;
line-height: 40px;
position: relative;
display: inline-block;
cursor: pointer;
height: 40px;
}

.share-buttons .twitter {background-color: #00c3f3;}
.share-buttons .facebook {margin-right: 2px; background-color: #2d609b;}
.share-buttons .pinterestbt {background-color: #c42329;}
.share-buttons .mailBtn {background-color: #666666;}

.share-creatividad .btngral {width: 30%;}

.share-bottom .btngral {width: 49.5%; margin-right: 0px;}
.share-bottom .mailBtn {display:none;}
.share-bottom .facebook {margin-right: 1%}
.share-bottom a {padding: 10px 90px;}

@media screen and (max-width:900px){
#socialbox {width:100%;}
.share-buttons .btngral {width: 50%; margin-right: 0px;}
.share-buttons a {padding:0px;}
.socialtop .share-creatividad .btngral {width: 33.3%; margin: 0px;}
#socialbox {width:100%;}
.share-bottom .mailBtn {display:inline;}
.share-bottom .btngral {width: 33.3%; margin-right: 0px;}
}


/* =Menu
-------------------------------------------------------------- */

#responsive-menu li a {font-family: 'Raleway';}

#barraMenu {min-width:1090px; height:50px; background: #F5F5F5; font-family: 'Raleway'; font-weight: 400; font-size: 18px;}
.barra-contanier {display: block; width: 1050px; padding: 0 20px; margin: 0 auto;}
div.srchButton {width:20px; float:left;}
#search-container {padding-top:15px; float:right;}

div.srchButton input {
    background:url(/wp-content/themes/upso3/images/busqueda.png) no-repeat;
    cursor:pointer;
    width: 20px;
    height: 20px;
    border: none;
}

#header_search {
font-size: 14px;
color: #626262;
font-style: normal;
width: 125px;
line-height: 18px;
margin: 0px 6px 3px 3px;
}

#access {
	display: block;
	float: left;
	height:39px;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 30px;
	padding: 10px 1em;
	text-decoration: none;
	color: #000;
}
#access ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
	background: #ddd;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background:#ffffff;
	color: #626262;
}
#access ul ul a:hover {
	background: #cecece;
}
#access ul li:hover > ul {
	display: block;
}

.sub.menu {z-index:9999;}

/* =Content
-------------------------------------------------------------- */

  #ad-dentro {
float: left;
width: 300px;
height: 250px;
margin-right: 10px;
}

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}

.entry-title a {text-decoration: none; color: #000;}
.entry-title a:hover {color: #ddd;}

#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}


.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.embed-container {
	position: relative;
	padding-top: 30px;
}

.embed-container iframe,  
.embed-container object,  
.embed-container embed {
	top: 0;
	left: 0;
	width: 100%;
}


.fb-container iframe {width: 100% !important; }

#overlay-span {
display:none;
width:200px;
position: absolute; top:50px; 
margin: 0;
padding: 0;
margin-left: 0px;
margin-top: 1em;
z-index: 500;
filter: alpha(opacity=0);
-webkit-transition: opacity .4s, top .25s;
-moz-transition: opacity .4s, top .25s;
-o-transition: opacity .4s, top .25s;
transition: opacity .4s, top .25s;
float: left;}

#post-adicional {background: #000; padding: 40px; margin-top: 20px;}
#post-adicional p, #post-adicional a, #post-adicional h2 {height: 0px; line-height: 0px !important; margin: 0px; color: #000 !important; text-decoration: none;}
#post-adicional .wp-caption, #post-adicional .twitter-tweet {display:none;}
#post-adicional h3 {color: #fff; margin-top: 0px; font-size: 18px;}
#adiconal-titulo {}
#adiconal-titulo p {height: 20px; color: #fff !important;}

.youtube1 { z-index:1; float: left; margin-bottom:10px;  }

.fb-comments  {width:100% !important;}
.fb-comments  span {width:100% !important;}
.fb-comments  iframe {width:100% !important;}

.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}



/* Notices */
.post .notice,
.error404 #searchform {
	background: #fff;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	margin: 0 0 1em;
	padding: 0;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}

.categor{margin-left:10px; margin-top:10px; margin-bottom:10px;}
 
/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
        padding: 0px;
	padding-bottom: .5em !important;
	text-align: center;
}
.wp-caption img {
	margin-bottom: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {background: black; color: white; font-size: 24px; position: absolute; top: 10px;  font-family: 'Raleway', sans-serif; padding: 10px 0px; font-weight: 400; width: 100%; }
.gallery img {border: none !important; }
.gallery-caption a {color: white; font-size: 24px; text-decoration: none; padding: 0px 30%;}
.gallery {position: relative;}
.wp-smiley {margin: 0;}


.imgifs {width: 100% !important;}

#image-navigation .previous-image, #image-navigation .next-image {background: #000; float:left;}

#image-navigation .previous-image a, #image-navigation .next-image a {color: white; font-size: 16px; padding: 5px 15px; font-family: 'Raleway', sans-serif;   font-weight: 400; text-decoration: none; line-height: 30px; background: black;}
#image-navigation .previous-image { margin-right: 10px;}


@media screen and (max-width:500px){
#image-navigation {width: 100%; clear:both; margin-top: 20px;}
#image-navigation .previous-image, #image-navigation .next-image {width:49%; }
#image-navigation .previous-image a, #image-navigation .next-image a {padding: 5px 15%; }
#image-navigation .previous-image {margin-right: 2%;}
}



/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	max-width: 60%;
}
input[type=text],
input#s {
	margin:0;
	max-width: 60%;
}
textarea {
	max-width: 80%;
}

.wpcf7 input {height:30px;}
#form-left input {max-width:280px; width:280px;}
.wpcf7 textarea {width: 100%; max-width:100%;}
.wpcf7 .wpcf7-select {
background:#fff;
width:280px;
height: 30px;
display: inline-block;
color: #404040;
font-size: 16px;
line-height: 31px;
margin-top: 15px;
overflow: hidden;
font: 14px 'Raleway', sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0px;
}

.newsletter-subscription { padding: 0px 50px; }

input.newsletter-email {
margin: 10px 0px 5px 10px;
width: 95%;
height: 50px;
padding: 0px 0px 0px 10px !important;
line-height: 32px;
float: left;
display: block;
color: rgb(153, 153, 153);
border: 1px solid #c7c7c7;
font-size: 25px;
font-family: 'Raleway', sans-serif;
}

input.newsletter-submit {
font-family: 'Raleway', sans-serif;
width: 90%;
border: medium none;
float: left;
font-size: 25px;
color: rgb(255, 255, 255);
cursor: pointer;
display: block;
height: 50px;
box-shadow: 0px 1px 1px 0px rgb(51, 51, 51);
border-radius: 2px;
text-shadow: 0px 0px 1px rgb(51, 51, 51);
margin: 5px 15px 0px 3px;
background-color: #3a3a3c;
background-image: -moz-linear-gradient(center bottom , #364558 15%, #E364558 85%);
}

.widget-area .widget_search input[type="submit"] {
color: #fff;
background-color: #3a3a3c;
border: none;
margin-top: 0px;
}



/* Class for labelling required form items */
.required {
	color: #cc0033;
}

/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

.widget-title {text-transform: uppercase; border-bottom: solid 1px #000; padding-bottom:10px; font-size:22px;}

#footer-ad {clear: both; max-height:90px; max-width:728px;}

#secondary img {max-width: 100%;
display: block;
width: auto;
height: auto;}

#social-links img {padding-top: 10px;}

/* =Footer
-------------------------------------------------------------- */

#colophon {padding: 1em 0 0;}
#footer-nav {max-width: 790px; text-align:center; padding-top: 10px; margin-bottom:10px;}
#footer-nav a {display: inline; margin-left: 15px; font-size:12px; color:#626262; text-decoration: none;}
.home #footer-nav {display:none;}

/* =Sharing
------------------------------------------------------------- */

/* =Popup
-------------------------------------------------------------- */

.spu-powered {display:none !important;}
.invisible {opacity: 0; }
.visible {opacity: 1; }

.invisible1 {display:none; }
.visible1 {display:inline; }

#ctrl-after {position:fixed; width:100%; height: 100%; background: #000; top: 0; left: 0;
z-index: 100; opacity: 0.65;}

#after-pop {position:fixed;  top:15%; right:50%; opacity: 1 !important; z-index: 99999; margin-right:-300px;}
.popup-cont{ width:600px; background: #fff; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; -webkit-box-shadow: 0 0 15px #664422; -moz-box-shadow: 0 0 15px #664422; box-shadow: 0 0 15px #664422;}

.spu-content h2 {line-height: 2em; text-align: center; font-size: 42px; color: #000000;}
.spu-box {-webkit-border-radius: 0px !important; border-radius: 0px !important;}

.socialpop {margin-top:5px; min-height: 50px; }
.popupexit {width:300px; background:#df7e5c; color:#fff; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 15px #664422; -moz-box-shadow: 0 0 15px #664422; box-shadow: 0 0 15px #664422; margin-left:auto; margin-right:auto; cursor: pointer; line-height:40px; margin-top:5px; font-size: 18px; text-align: center;}

.popup-cont #spu-msg {margin: 0px 0px 10px 0px; padding-top: 10px;}

#after-pop #spu-msg-cont {padding:0px;}
#after-pop .newsletter-subscription {padding-left: 30px;}
.popnews {margin-top:30px;}
.popnews input.newsletter-email {width: 300px !important;}

#newsletter-cont {margin-top:10px; margin-left: 10px; padding:20px 0px; max-width:790px; clear:both; border: none;text-align: center; background: #f2f3f4;}
.news-title {text-align: center; font-family: 'Raleway', sans-serif; font-size: 30px; font-weight:400; line-height:50px;}
.news-message {text-align: center; font-family: 'Raleway', sans-serif; font-size: 14px; line-height:30px;}

#welpopup {padding: 20px; font-family: 'lato';}
#welpopup h1 {margin-bottom: 20px;}
#welpopup p {font-size: 16px; line-height: 18px; margin-bottom: 20px;}
#welpopup .popfb, #welpopup .poptw {float: left; margin-left: 20px;}
#welpopup .popsoc { width: 80%; margin: 10px auto 30px auto; height: 50px;}
.snp-theme-html { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}

@media screen and (max-width:700px) { 
.popup-cont{ width:450px;}
#after-pop {margin-right:-225px; }
.spu-content h2 {line-height: 2em; font-size: 1.7em;}
}

@media screen and (max-width:480px) { 
#welpopup h1 {font-size: 20px; margin-bottom: 10px;}
#welpopup p {font-size: 14px; }
#welpopup .popfb {margin-bottom: 10px;}
.popup-cont{ width:300px;}
#after-pop {right:50%; margin-right:-150px; }
.pincategoria {height: 42px !important; width:auto !important;}
.ctrl-bar {display:none;}
#spu-title {padding: 0px;}
.socialpop {display: none;}
}

@media screen and (max-width:300px) { 
#after-pop {display:none;}
}

/* =Media
-------------------------------------------------------------- */
@media screen and (max-width:1200px){

}

@media screen and (max-width:1050px){
#author-avatar .fb-like {display:none;}
.home #content, .category #content, .tag #content, .search #content {max-width:100%; margin-left:auto; margin-right:auto;}
}

@media screen and (max-width:900px){
#page {width: 728px;}
#primary {width: 728px;}
#branding {width: 728px;}
#barraMenu {min-width:768px;}
#adsuperior {width: 728px;}
.barra-contanier {width: 728px;}
#secondary {display:none;}
#cont-home {width: 46%; float:left; margin: 20px 10px; }
#overlay-span {display:none;}
.lista-home, #cont-home-gd {display:none;}
.barra-like h3 {display:none;}
.barra-like {border-radius: 4px; padding: 5px 10px 10px 10px; border: 1px solid #cdd7ec; background: #f2f4fa; height: 40px;
display: -moz-inline-stack; display: inline-block;vertical-align: top; width:128px;}
#likedbut {width:85px; margin-left:20px;}
#fb-siguenos {display:block; text-transform:none; font-size:12px; margin-bottom:3px;}
.barra-like {margin-top:5px;}
#search-container {display:none;}
#related-head {display:none;}
.ytb-header {display:none;}
}

@media screen and (max-width:760px){
#author-avatar {width:100%; padding-bottom: 10px;}
#adsuperior {display:none;}
#page {width: 93.75%; padding: 0 3.125%;}
#branding {width: 93.75%; padding: 0 3.125%;}
#primary {width: 100%;}
#content {width: 100%;}
#link-pt {display:none;}
#access {display:none;}
#footer-ad  {width:300px; max-height: 250px; margin: 10px auto; clear:both; }
.post-article-related-content{display:none}
#primary {max-width:100%}
#logodiv img {margin: 0px 0px 10px 0px;}
#author-top {display:none;}
#socialbox {width:100%;}
.post h1 {font-size:2em; line-height: 1.5em;}
.newsletter-subscription {padding:5px;}

.ytb-header {display:none;}
#overlay-span {display:none;}
.grid-div {max-width:48%;}
#ad-header { width:300px; max-height:250px; padding-bottom:10px; margin-top:20px; margin-left: auto; margin-right: auto;}
}

@media screen and (max-width:480px){
#ad-cont-1 {width: 300px; margin-left: auto; margin-right: auto;}
#related-ad {display:none;}
.spu-box { left: 10px !important;}
.spu-box h2 {line-height: 1.2em;}
#ad-iphone-sup {display:inline; padding-bottom:10px;}
.titulo-grid {font-size:9px; text-transform: uppercase; line-height: 1.4em, sans-serif; font-weight: 400; overflow: hidden; height: 105px; min-height: 90px;}
.titulo-grid h2 {font-size: 1.4em; font-weight: 600;}
#page {padding: 0 10px;}
#cont-home {width: 46%; float: left; padding: 10px 5px 10px 5px; margin: 0;}
.titulo-home {font-size:9px; text-transform: uppercase; line-height: 1.4em;font-family: 'Raleway', sans-serif; font-weight: 400; overflow: hidden; height: 100px; min-height: 90px;}
.autor-home {display:none;}
.home .barra-like {display:none;}
.socialtop {overflow:auto;}
.post h1 {font-size: 34px; font-weight: 600; line-height: 38px; margin-top: 0px;}
.news-title {font-size:22px;}
input.newsletter-submit, input.newsletter-email  {font-size:16px;}
#newsletter-cont {margin-left:0px;}
#branding {height:74px; padding-left:10px; }
.barra-like { margin: 0px 0px 20px 0px; height:15px; width: 96%; height: 20px; padding: 5px 2%; line-height: 20px;}
#fb-siguenos{display:inline; float:left; width:160px;}
#likedbut {display:inline; width:85px; margin-left:0px; float:left;}
.ytb-header {display:inline; margin-top: 5px;}
#spu-title {font-size: 20px;}
.ytb-header {display:inline;}
#logodiv .logoportada {max-width: 80%; padding-top:10px;}
#logodiv .logocategoria {max-width: 16%; padding-top:10px;}
}
@media screen and (max-width:380px){
#logodiv {width:70%; margin-left: 10%; margin-right: 20%;}
#logodiv img {max-width: 100%; display: block; width: auto; height: auto;}
#click-menu {top:15px !important;}
#logodiv .logocategoria {max-width: 16%; position: absolute; top: 0px; right: 22%;}
.logoalternativo {    margin-left: 5% !important; margin-right: 25% !important;}
}

.spu-button {margin-top: 20px; margin-left:15px; margin-left: 15px; display: inline-table; margin-top: 12px; vertical-align: middle; }

#spu-main {border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 15px #664422;
-moz-box-shadow: 0 0 15px #664422;
box-shadow: 0 0 15px #664422;
  max-width:600px;
}

#spu-close {margin-top: 5px; text-decoration: none !important; color: #09b691;
font-family:"Lucida Grande",Verdana;
}

#spu-bg {background: #000000;}

.ctrl-bar {
  height:27px;
border-radius: 4px 4px 0 0;
text-align: right;
border-bottom: 1px solid #eaeaea;
background: #F5F5F0;
background-color: #fbf8f4;
background-image: -moz-linear-gradient(top, #fffafa, #f5f5ec);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffafa), to(#f5f5ec));
background-image: -webkit-linear-gradient(top, #fffafa, #f5f5ec);
background-image: -o-linear-gradient(top, #fffafa, #f5f5ec);
background-image: linear-gradient(to bottom, #fffafa, #f5f5ec);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffafa', endColorstr='#fff5f5ec', GradientType=0);
}
#spu-msg-cont {padding:16px;}
#spu-msg {
	margin:0 0 22px;
    font-family:"Lucida Grande";
  	text-align:center;
}
.step-clear {
	clear:both!important;
}
#cont-bl {
padding-bottom: 10px;}
#cont-ama {
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
transition: opacity .25s, height .25s;
-webkit-transition: opacity .25s, height .25s;
-moz-transition: opacity .25s, height .25s;
-o-transition: opacity .25s, height .25s;}
#spu-title {
	font-family: 'Muli',"HelveticaNeue-CondensedBold","Helvetica Neue",Arial,sans-serif !important;
	font-size:28px;
	padding:12px 0 9px 10px;
	text-align:center;
  font-weight:bold;
}

@media screen and (max-width: 640px) 
{

  #spu-main {width:80%;}  
}