/*
Theme Name: x-studio
Author: Urano Publicidad & Medios
Author URI: http://uranopublicidad.com/
Description: Tema desarrollado en exclusiva para x-studio.tv
Version: 1.0
Text Domain: xstudio
*/
#submenu.nav-pills > li.active > a {
    color: #000!important;
}
.wp-post-image1{
margin-top: 52px!important;	
}
.margen-submenu-project{
	    margin-left: 180px!important;
}
.margen-submenu-project1{
	    margin-left: -55px!important;
}
.margen-submenu-studio{
	    margin-left: 180px!important;
}
.margen-submenu-studio1{
	    margin-left: -95px!important;
}
.padding-menu-res{
	height: 800px;
}

.minuscula{
text-transform:lowercase;
}
.clear{
	 float: left;
	 clear: both;
}
#slider{
  position:fixed;
  /*overflow:hidden;*/
padding-bottom:-20px;
margin-top: 50px!important;
}
p{
text-align:justify;
}
/*.info{
	opacity: 0.6;
	transition: transform 300ms; 
	display: block;
	width: 100%;
	height: auto; 
}
.texto{
	font-family: 'Open Sans', sans-serif; 
	color:#fff; 
	font-size: 14px; 
	text-align: center;
	font-weight: 300;   
	margin-top: -110px;
	position: absolute;
    left: 50%;
	display: none;
	transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.img-interventions{  
	max-width: 100%;
    max-height: auto;
}
.img-interventions:hover img{
   -webkit-filter: brightness(10%);
   filter: brightness(10%);  
}
.img-interventions:hover .texto{
    position: absolute; 
	display: block;
}*/
.img-interventions {
  position: relative;
  width: 50%;
}
.img-interventions:hover img{
	-webkit-filter: brightness(10%);
   filter: brightness(10%); 
    -moz-filter: brightness(10%);
    -o-filter: brightness(10%);
    -ms-filter: brightness(10%);
      background:hsla(0,0%,0%,0.5);
}
.image {
  display: block;
  width: 100%;
  height: auto;
}

.info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.img-interventions:hover .info {
  opacity: 1;
}

.texto {
  font-family: 'Open Sans', sans-serif; 
	color:#fff; 
	font-size: 14px; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	color:#666666;

}
.social {
	width: 32px;
	float: right;
	padding-left: 3px;
	padding-right: 3px;
}
.padding-header-xs{
	margin-bottom: 3em;
} 
.padding-header-md{
	margin-bottom: 0.5em;
}
.padding-submenu-xs{
	margin-bottom: 110px;
} 
.padding-submenu-md{
	margin-bottom: 2.5em;
}
.logo {
	display: block;
	max-width: 85%;
	height: auto;
	margin: 20px 0px 20px -1px!important;

}
.margen-menu-sup{
padding-top:25px;
}
.margen-sub {
margin-top:-20px;
z-index: 999;

}
.margen-submenu-sup{
	margin: 0px 0px 01px 0px; 
}
.margen-reds-sup{
	margin: -10px 0px 20px 0px;
}
.margen-reds-superior{
	margin: 20px 0px 20px 0px;
}
.margen-reds-superior1{
	margin: 20px 0px 20px 0px;
}

.margen-superior {
	padding-top: 5em;
}
#header{  
	background: white; 
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0px; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /*position: fixed; Hacemos que la cabecera tenga una posición fija */
	z-index: 2;
}
.header1{  
	background: white; 
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0px; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /*position: fixed; Hacemos que la cabecera tenga una posición fija */
	z-index: 2;
}
#submenu-projects{ 
	background:white;
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: -20px; /* Posicionamos la cabecera al lado izquierdo */
    /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
	z-index:1; /* Hacemos que la cabecera tenga una posición fija */
	margin-top: 2em;
}
.margen-header-inf-xs{
	margin-bottom: 0px;
}
.img-cuadricula {
	display: block;
	max-width: 100%;
	max-height:100%;
	margin-top:30px!important;
}
.img-cuadricula-news {
	display: block;
	max-width: 100%;
	max-height:100%;
	margin-top:50px;
}
/*.img-completa {  
	margin-right: -2px;
	margin-left: -2px;
}*/

.letra-cuadricula {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color:#666666;
}
.alto-h1 {
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
.alto-h2 {
	font-size: 15px;
	margin-bottom: 10px;
}
html, body {
	font-family: "open sans", sans-serif !important;
	height:100%;
	width:100%;
	margin: -2px;
}
.titulo-news {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color:#000;
	font-weight:700;
	margin-top:5px;
}
.readmore {
	font-weight:700;
	color:#666666;
}
 a.readmore:hover,
 a.readmore:focus{
 	color: #000;
 	font-weight: 700;
 }
 #footer{
	height: 0px;
	width: 100%;
	background-color: white;
	padding-top: 0px;
}

.titulo-pryecto{
	letter-spacing: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 50px;
	
}
.lugar{
	font-size: 14px;
	font-weight: 300;
}
.margen-img-proyectos{
	margin: 20px 0px 20px 0px;
}
p.parrafo-proyecto{
	font-size: 13px;
}



/* Ajustes Urano */

#gallery-1 img {
    border: 1px solid #ffffff!important;
}

.size-full {
	width: 100%;
    height: auto;
    display:block;
}

.gallery-icon portrait {
		text-align: center;
	width: 100%!important;
    height: auto;
    display:block;

}

/* **** MENÚ PRINCIPAL ********** */
#menu-principal{   
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu-principal a {
    color: #666;
    }

#menu-principal a:hover, a:active {
    color: #333;
    }
#menu-principal a:active{
	color:#000;
}
#menu-principal li {
    font-family: 'Open Sans', sans-serif; 
    float: left;
    padding: 0px 8px;
    color: #666;
    font-weight: 700;
    list-style: none;
    font-size: 13px;
    color:#666;
    text-transform: uppercase;
    display: inline;
}


/* **** SUBMENU PROYECTOS********** */
#menu-proyectos {   
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu-proyectos  a {
    color: #666;
    }

#menu-proyectos  a:hover {
    color: #333;
    }

#menu-proyectos  li {
    font-family: 'Open Sans', sans-serif; 
    float: left;
    padding: 0px 7px;
    color: #000;
    font-weight: 300;
    list-style: none;
    font-size: 14px;
    color:#000;
    text-transform: lowercase;
    display: inline;
}
#menu-studio  li {
    font-family: 'Open Sans', sans-serif; 
    float: left;
    padding: 0px 7px;
    color: #000;
    font-weight: 300;
    list-style: none;
    font-size: 14px;
    color:#000;
    text-transform: lowercase;
    display: inline;
}
ul.fuente>li{
	font-size: 13px;
	color:#666;
}
a.link-error{
	color: #000;
}
li.current-menu-item > a{
	color: #000!important;
	font-weight: 700!important;
}
.ancho-titulo{
	height:400px;
	padding : 15px;
}
.ancho-contenido{
	height:50px;
	margin-top: -15px;
}

.read-more-link  {
	color:#000000!important;
	font-weight: 700!important;
}
.margen-ano {
	margin-top: 25px;
	margin-bottom: 25px;
}
ul>li.active>a{
	color: black!important;
	font-weight: 700!important;
	background-color: #fff!important
}
ul>li.active>a:hover{
	color: black!important;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color: #fff!important;
}
.awards {
margin-left:50px;
margin-bottom:50px;
font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #666666;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.margen-img-hover{
	padding:  8px;
}


.centrar{
	margin: 0 auto;
}
.slider-pro {
    position: relative;
    margin: 50px 0px 0px 0px!important;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
@media screen and (max-width: 767px) { 
	.wp-post-image1{
margin-top: -110px!important;	
}
	.titulo-pryecto {
    letter-spacing: 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px!important;
}
#menu.nav {
    padding-right: 30px!important;
    margin-bottom: 0;
    list-style: none;
    float: right;
    padding-left: -20!important;
}
#submenu.nav {
    padding-right: 5px!important;
    margin-bottom: 0;
    list-style: none;
    float: right;
}
.margen-reds-superior{
	margin: 20px 0px 20px 0px;
}

.slider-pro {
    position: relative;
    margin: 0 auto!important;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#header{  
	background: white; 
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: -110px; /* Posicionamos la cabecera pegada arriba */
	position: relative;/*position: fixed; Hacemos que la cabecera tenga una posición fija */
	z-index: 2;
}
.header1{  
	background: white; 
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0px; /* Posicionamos la cabecera pegada arriba */
	position: relative;/*position: fixed; Hacemos que la cabecera tenga una posición fija */
	z-index: 2;
}
.logo {
    display: block;
    max-width: 150%!important;
    height: auto;
    margin: 20px 0px 20px -10px!important;
}
.ancho-titulo{
	height:450px;
	padding : 15px;
}
ul>li>a{
	font-size: 13px;
}
.noticias {
	height: 500px!important;

}
}


@media screen and (min-width: 991px) { 
	#scroll{
		overflow-y: hidden;
	}
	.margen-submenu-project {
		margin-left: 0px;}
	.margen-submenu-studio {
		margin-left: 0px;}
		
}

@media screen and (min-width: 700px) and (max-width: 800px) { 
.logo {
    display: block;
    max-width: 150%!important;
    height: auto;
    margin: 20px 0px 20px -10px!important;
}
.texto {
  font-family: 'Open Sans', sans-serif; 
	color:#fff; 
	font-size: 14px; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
}
}


.margen-news {
	min-height: 10px;

}




.separado
{
	height: 50px;
	clear: both;

}

/*inicia el hover de books*/
.ancho-texto{
	width: 600px;
}
/*.mosaico{
	display: none;
	width: 55%!important;
	height:450px!important;
	position: fixed;
	/*margin: -100% 0% 0% 0%; 
	margin:-50% 0% 0% -25%;/*
	left: 50%;
	top:57%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	padding-bottom: 35px;
	
}
.pos .portada-libro:hover .mosaico{
	display: block;
	position: fixed;
	background-color: red;
}*/

p.titulo-hover {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color:#fff;
	font-weight:700;
	padding-top:8px;
}
#WindowLoad
{
    position:fixed;
    top:25px;
    left:00px;
    z-index:3200;
    filter:alpha(opacity=65);   
   -moz-opacity:65;   
    opacity:0.65;
    background:#999;
    overflow-y: hidden; 
     -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
#contenedor-books
{
    position:fixed;
    top:25px;
    left:00px;
    z-index:3200;
    filter:alpha(opacity=65);   
   -moz-opacity:65;   
    opacity:0.65;
    background:#000;
    overflow-y: hidden; 
     -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
#cerrar{
  background-image:url("http://www.x-studio.tv/wp-content/themes/x-studio/img/cerrar.jpg");
  background-repeat:no-repeat;
  height:30px;
  width:30px;
  background-position:center;
}

/*.mosaico{
	display: none;
	 

}
.portada-libro:hover .mosaico{
	display: block;
	background-color: black;
	color: #fff;	 
	position:relative;
}*/
/*.portada {
	background: url("img/portada.jpg") no-repeat;
	-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
	height: 95%;
	width: 100%;
} */
#submenu.nav-pills > li.current-menu-parent > a {
    border-radius: 4px;
    color: #000;
}