/*
Theme Name: Sociogenesis Revista
Theme URI: https://www.uv.mx/sociogenesis/
Description: Tema basado en Universo UV
Author: jl.simon
Template: universo
Version: 0.1.0
*/
@import url('../universo/style.css');





body{ padding:0; margin:0; color:#000; font-family: Arial, Helvetica, sans-serif;  font-size:16px;
-webkit-font-smoothing: none; /* Looks very thin and awful */
-webkit-font-smoothing: subpixel-antialiased; /* It is the default and looks bolder */
-webkit-font-smoothing: antialiased; /* Looks pretty much the same than Windows */
}

a{
	color: #333;

}
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #222;
}

a:hover {
	color: #222;
	text-decoration: underline;
}

a:active {
	color: #222;
}

#header .superior{ display:block !important; clear: both; text-align:left;float: right; overflow: hidden;}

#header span{ font-size:1.14em;  }
#header span a{ color:#fff; background: #036; padding: 0.4em 1.4em !important; display: block;}
#header .superior small{ display: block; margin-top: 5px;  font-size:0.9em; text-align: center;  }

#header figure{  padding:0;    overflow:hidden; float: left;   width: 16%;  }
#header figure img{margin: 0 !important;}
#header a.logo img{ padding-right:0 !important;}
#header div{ display:block !important; text-align: left !important;}

.cintilla{ color:#666; background:#fff;    height:auto !important; float: right;; width: 83%; 
     font-size: 24px;line-height: inherit;    }
#header h1{ color: #036; font-size:1.35em !important; float: left; margin-top: 2em; padding-left: 10px;  }     
#header h1 a { font-weight: 700 !important; font-size: 48px !important; display: inline !important; }
.cintilla a,.cintilla small{color:#666;} 


.cintilla .periodo{ font-size: 14px !important;  color: #666; display:block; margin-bottom: 20px;}
.cintilla span{ font-size: 14px !important; padding-top: 55px !important;  float: none !important; }

.contenedormenubuscar{ background: #fff; border-top: 1px #ccc solid; border-bottom:1px #ccc solid;   }
#Buscar{ display:block !important; float: right; width:25%; margin-top:-10px; }

#Buscar input{ padding:0.75em 0.7em; border:1px #999 solid;  color:#999; float: left; width: 90%; }

#Buscar button{ background:url(images/lupa.png) top center no-repeat; padding:0 ; width:32px; height:30px; margin-top: 5px;  
text-indent:-999em;border:none; margin-left: -40px;   }
#Buscar button:hover{ cursor:pointer;background:url(images/lupa-E.png) top center no-repeat !important; }


#MenuTop{ background:#fff; padding-top:0px; padding-bottom: 0; margin: 0 auto; clear: both !important; float: none !important;   max-width: 1259px; border-left:1px #ccc solid; overflow: hidden;}
#MenuTop li{ font-size:1em;  border-left: none; border-right: 1px #ccc solid;}
#MenuTop li a{ color: #000 !important;  padding: 0.5em 0.7em; display: block;}
#MenuTop li.current-menu-item a, #MenuTop li a:hover{color: #fff !important }
#MenuTop li.current-menu-item, #MenuTop li.current-menu-parent {background: #036; ; border-bottom:none !important; margin-bottom:0;font-weight:700;}
#MenuTop li:hover{ border-bottom:none !important; margin-bottom:0; font-weight:400; background: #036; color: #fff !important; }
#MenuTop li.current-menu-parent a{color: #fff !important;}
.home #main .main-content, .archive #main .main-content {    margin: 0 auto;    max-width: 1016px;  padding: 2.5em 0 2em 0;}
 
.single #main, .page #main, .anypage #main{margin: 0 auto;    max-width: 1259px;} 

.entry-header{ margin-bottom:0;}

.archive #content, .search-results #content{ margin-top:0 !important; width:100%; padding-bottom:5px !important;}
hr{ border:1px #fff solid; display:none; }
#content .entry-titulo mark{ font-size:1.2em;}

.home #main, .archive #main {padding:0; background: url("images/fondo.jpg") no-repeat 0 0;    }
.category #main, .tag  #main{ background: none;}
.category #main .main-content, .tag  #main .main-content{padding: 0;}
/*.home #main .main-content{ width:84.5%; margin:0 auto; outline:1px #000 solid; }*/
.archivenumeros, .home #content{width:100% !important; margin:0 auto !important;  overflow: hidden;}
.MetaDatos h2{ border-bottom: none; }
.anteriores .MetaDatos h2{ margin-top:0 !important;}

#ContenedorHome{   max-width:734px;float: left; display:block; overflow: hidden; }

.flexslider .slides h4 {    font-size: 1.1em !important;}
#Slider{  overflow: hidden;  }
.flexslider{ margin:0 !important; padding:0 !important; border: none !important; background: none !important; }
.flexslider .slides img{height:335px !important;border: 2px #fff solid;     max-width: 99.45% !important;}
/*#Slider .flex-viewport{overflow: auto !important;    display: inline-block !important;}*/
.PieNota {
    background:url(images/1pxtransparencia.png);
border-bottom: none;

    position: absolute;
    max-width: 100%;
    width: 100%; margin-bottom: 0;
    display: inline-block;
    bottom: 1px;
    /*left: 0;*/
    padding: 13px 26px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    
}
.flexslider .slides a{ color:#fff !important; font-size: 22px;}
.flexslider .slides h4{ font-weight:400 !important;  padding-bottom: 0 !important;}
.PieNota span{ font-size:0.75em !important}

.flex-control-paging li a.flex-active{ background:#000 !important;}
.flex-control-paging li a{background:#C0BCB9 !important;    }
.flex-direction-nav .flex-prev{ left:10px !important; }
.flex-direction-nav .flex-next{ right:10px !important; }
.flex-control-nav{ bottom: 0 !important; position:relative !important;  margin-top:10px !important; margin-bottom:0 !important; text-align:left !important;  }
.flex-control-nav li{ text-align:left !important;}

.MetaDatos h2 {   font-size: 1.5em;}

#prev, #next{ float:left; width:3.5%;  height:100px; color:#fff; text-indent:-999em;  }
#prev{ margin-right:1%; background:#00ab4e url(images/flechabannerOD.png) no-repeat center center; opacity:0.90;}
#prev:hover, #next:hover{opacity:1;}
#next{ margin-left:1%; background:#00ab4e url(images/flechabannerOI.png) no-repeat center center;opacity:0.90; }

#sidebar2{ width:22.1%; float: right; padding: 0; border: 1px #fff solid; }
#sidebar2 h3{ display:none;}
#sidebar2 .widget_sp_image-description{ text-align:center; border:1px #fff solid; border-top:none;box-shadow:none; padding:7px 10px; margin-top:0; color:#000; background: #fff; font-weight: 700;}
#sidebar .widget_seriestoc p{color:#666; font-weight:400;}

aside .widget_seriestoc > img{ width:auto !important;}
#sidebar2 .widget_sp_image-description a,#sidebar2 .widget_sp_image-description .pdfinterior{ background:url(images/pdf.png) no-repeat right 5px; padding:10px 40px 12px 5px; color:#666;   }
#sidebar .widget_seriestoc p a{ background:url(images/pdf.png) no-repeat center 0 ; padding:8px 0 !important;  }
.archive #content.anteriores .serieslist-ul{ padding-left:25px; list-style:}
.archive #content.anteriores .serieslist-ul{ list-style:decimal;}
.archive #content, .search-results #content{ border-left:none;  margin:0; padding:0;}
.archive #content .entry-titulo mark{ display:none;}
.archive .serieslist-box .entry-titulo p a{background:url(images/descargar-pdf.png) no-repeat center 0 ; width:122px;}
.home .copy, .archive .copy{ color:#000; font-size:1.1em; padding:2em 0; font-weight: 700; text-align: left;}

.tag  .copy{ background:none !important; color:#666 !important; font-weight: 400; }
.tag  footer{ background:none !important;}
.home #footer, .archive #footer { padding-top:0; padding-bottom:0;}
.marcoinferior, .PrincipalCentrofooter section{ margin: 0 auto;    max-width: 960px; }

.PrincipalCentrofooter{ clear:both; overflow:hidden;    font-size:0.95em; color:#000; line-height: 1.5em; padding: 2.5em 0em; text-align: left !important;background: #fff; }


a.vernumero{ background-color:#58575C;}
a.vernumero.open{ background-color:#69686F;}

#footer span{ padding: 0;}
.home #footer .copy, .archive #footer .copy{ float: left; width: 55% !important;}
.category #footer .copy{ float: none; width: 100% !important;text-align: center; font-weight: 400;}
#footer #RedesSoc{ width:40%;padding:0; margin-top: 0 !important;  }
#footer i{ display:none;}
#footer ul{float:left;   left:50%; position: relative;}

#footer  #RedesSoc li{     text-align:right; padding-left:0; margin: 0px 10px; text-align: center; float:left;    position:relative;    right:50%;  }
#footer  #RedesSoc a{color:#fff; font-size:0.9em; text-decoration:none; display:block;  }
#footer .Facebook{ background:url(images/face.png) no-repeat right ;height:30px; width: 30px;}
#footer .Twitter {    background: url(images/tweet.png) no-repeat 0 center;height:30px; width: 30px;}
#footer .contacto {  background:url(images/mail.png) no-repeat right ; height:30px; width: 37px;}


#sidebar{ margin-left:1%; width:33.1%; float:left; margin-top:1.2%;}
.posts .entry-titulo h2{ text-align:left;}
.archive .posts figure.imgset img{ height:280px !important;  }
.fullwidth{ width:100%;}
.fullwidth  #content { border-left:none !important; }
.fullwidth .posts .entry-content{ padding-bottom:0;}


/* ---------[ Responsive Design ]--------- */


@media only screen and (max-width: 380px) {
    #header figure{ width: 50%;}
    #header h1, .cintilla span{ margin-top: 0; padding-top: 0 !important; text-align: center; width: 100%;}
    #header .cintilla{ width: 99%; margin: 0; text-align: center;}  
    .cintilla span{ font-size: 12px !important; line-height: 17px; float: none !important; margin-bottom: 10px; display: none !important;}
    .cintilla .periodo{ margin-bottom: 5px;}
    #header figure {        margin: 0 auto;        display: block;         clear: both;        float: none;}  
    #header span{ padding-bottom: 5px;}
    #footer section{ padding: 0 1em !important;}
    
       

#header a.logo img{ border-right:none; margin-bottom:0 !important;}
#ContenedorHome, .home #footer .copy{ width:100% !important; }
small{ width:100%; margin:7px; }
.PrincipalCentrofooter .first-widget{ width:100%;}
#footer{ background: inherit !important;}
#footer .copy, #footer #RedesSoc, .PrincipalCentrofooter .last-widget{ width:99.5% !important; margin-left:1% !important;}
#Slider{ margin-bottom:15px;}
.banner2{ display:none;}
.flexslider .slides h4{ font-size:0.85em !important;}
 #Buscar{ width:100%; margin:10px 0 0 5px; padding:0;  }

#MenuTop, nav a#pull, #MenuTop ul, .contenedormenubuscar {  background: #f5f5f5;color: #000;}
#MenuTop a#pull:focus { background:#fff; color:#000; border-radius:0px;}
nav a#pull:after{ background: url(images/nav-icon.png);}
.PieNota{ bottom: 10px;}
}

@media only screen and (min-width: 381px) and (max-width: 480px) {	
    #header figure{ width: 22%;}
    #footer .copy, #header .cintilla{ width: 99% !important; margin: 0; text-align: center;}  
    #header h1, .cintilla span{ margin-top: 0; padding-top: 0 !important; text-align: center;}
    .cintilla span{ font-size: 12px !important; line-height: 17px; float: none !important; margin-bottom: 10px;}
    .cintilla .periodo{ margin-bottom: 0px;}
   #footer section{ padding: 0 1em !important;}

    #header span{ padding-bottom: 5px;}
     #Buscar{ width:100%; margin:15px 0 0 15px; padding:0; }
     

small{ width:100%; margin:9px 0;}
#ContenedorHome,.home #footer .copy{ width:100% !important; }
.PrincipalCentrofooter .first-widget{ width:100%;}
#footer #RedesSoc, .PrincipalCentrofooter .last-widget{ width:100%;margin-left:1% !important;}
#Slider{ margin-bottom:15px;}
#ContenedorHome{ width:99%; }
.flexslider .slides h4{ font-size:0.95em !important;}


#MenuTop, nav a#pull, #MenuTop ul, .contenedormenubuscar {  background: #f5f5f5;color: #000;}
#MenuTop a#pull:focus { background:#fff; color:#000; border-radius:0px;}
nav a#pull:after{ background: url(images/nav-icon.png);}
.PieNota{ bottom: 5px;}
}
	

@media only screen and (min-width: 481px) and (max-width: 770px) {
    
     #header h1, .cintilla span{ margin-top: 0; padding-top: 0 !important; text-align: center; width: 100%;}
    .cintilla .periodo{ margin-bottom: 0%; }
    .cintilla span {        font-size: 14px !important; padding-top: 0!important;}
    #footer .copy, #header .cintilla{ width: 99% !important; margin: 0; text-align: center;}      
    small{ width:100%; margin:5px 0;}
    #MenuTop li{ border: 1px #ccc solid;}
    #MenuTop li a { width: auto !important; padding: 0.5em 0.75em !important;}
 #Buscar{ width:100%; margin:15px 0 0 0; padding:0; }
.PrincipalCentrofooter .first-widget, .home #footer .copy, .archive #footer .copy { width:100% !important;}
#footer #RedesSoc, .PrincipalCentrofooter .last-widget{ width:100%;margin-left:1% !important;}
.archivenumeros, .home #content{ width:99% !important; }
#ContenedorHome{ width: 99.7%; margin-bottom: 0;}
.home #content{ width: 100%;}
#sidebar2{   display: block !important;  width: 25%;}  
#Slider{ margin-bottom:0;}
.flexslider .slides h4{ font-size:1em !important;}
#footer{ background: inherit!important;}
#footer section{ padding: 0 1em !important;}
}



@media only screen and (min-width: 771px) and (max-width: 960px) {
    
    #header .cintilla{  float: left !important; width: auto !important; }         
    .cintilla span {    font-size: 14px !important;}
    #header h1, .cintilla span{ margin-top: 0; padding-top: 0 !important; text-align: center;  }
    .cintilla .periodo {margin-bottom: 0;}
    #sidebar2 { float: right !important; width: 32% !important; clear: both !important; border: none;}
    #ContenedorHome{ width: 65%;}
#MenuTop{  width:100%;}
 #Buscar{  margin:15px 0; padding:0; }
#Buscar input{ width:75%;}

.archivenumeros, .home #content{ width:96% !important;}
#MenuTop li{ border: 1px #ccc solid;}
 #MenuTop li a { width: auto !important; padding: 0.4em 0.5em !important;}
  .PrincipalCentrofooter .last-widget{ width:100%;}
#footer section{ padding: 0 1em !important;}
#footer #RedesSoc{ width: 30% !important;}
#footer .copy { padding-top: 1em; padding-left: 1em;}

}

@media only screen and (max-width: 820px) and (min-width: 790px){
    #sidebar2 {    display: block !important;}
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {
    #sidebar2 { float: right !important; width: auto !important; clear: both !important;}
    #ContenedorHome{ width: 65%;}
    .home .copy{ padding-top: 0.5em; padding-left: 1em; }
 #Buscar{ width:25%; }
#MenuTop li{ font-size:1em !important;}
#MenuTop li a { width: auto !important; }
#Buscar input{ width:70%;}
#Buscar button{ margin-left:0; }
#Buscar{ display: none !important;}

.archivenumeros, .home #content{ width:90% !important;  }

#MenuTop li{ font-size:.82em !important; }

#footer section{ padding: 0 1em !important;}

}
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
	#Buscar input{ width:72%; }
}