@charset "utf-8";

*{
    margin: 0;
    padding: 0;
}

.activo{
background:rgba(255,255,255,0.1);
}

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

a:hover{
	color:rgba(255,255,255,0.8);
}

#actor{
	text-align:left;
}

.arriba{
	float:right;
}

#blanco{
	color: rgba(255,255,255,0.4);
	margin:7px 0;
	font-size:2.4em;
}

#blanco2{
	color: rgba(255,255,255,0.4);
	margin:3%;
	font-size:1.8em;
}

a #blanco2:hover{
	color:rgba(191,1,253,0.9)
	}


body{
	margin: 0 auto;
	background: #000;
	font-size: 100/16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#bgfooter{
	background:rgba(191,1,253,0.1);
	padding:3% 0;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-right: 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  border-left: 0;
  margin:0 0 4%;

}

.breadcrumbs{
	color:rgba(255,255,255,0.4);
	float:left;
	font-size:0.7em;
}

#copy{
	color: rgba(255,255,255,0.3);
	font-size:0.8em;
	width:47%;
	margin:4% auto;
}

.caja-negra{
	background:#090909;
	padding:4% 2% 5%;
	width:96%;
	margin:3% 0;
}

.col-izq{
	background:#010101;
	width:67%;
	float:left;
	margin:2% 0 0;
}

.col-izq-2{
	float:left;
	width:45%;
}

.col-izq-3{
	float:left;
	width:30%;
}


.col-der{
	width:29%;
	float: right;
	margin:3% 0 0;
	padding:0 0 2%;
}

.col-der-2{
	float: right;
	width:45%;
}

.col-der-3{
	float: right;
	width:65%;
}

.col-der-3 li{
    float:left;
    margin:1% 7% 0 0;
    list-style:none;
}

.col-der-3 li a{
	color:rgba(255,255,255,0.6);
	font-size:0.9em;
}

.col-der-3 li a:hover{
	color:rgba(255,255,255,1);
}

.col-der-3 p{
	text-align: justify;
	color:rgba(255,255,255,0.4);
	margin:5% 0;
}

.col-der-3 a{
	text-align:left !important;
	color:rgba(255,255,255,0.3);
	font-size:0.8em;
}

.clearfix{
	clear:both;
	float:none;
}

#clearfix{
	clear:both;
	float:none;
}

.cleardireccion{
	display:none;
	clear:both;
	float:none;
}

#datos{
	color:#FFFFFF;
	float:right;
	width:18%;
	margin:2% 0 0;
}

#direccion{
	color:rgba(255,255,255,0.4);
	float:center;
	text-align:center;
	font-size:0.9em;
	margin:0 3.8%;
	line-height:35px;
}

.empresa{
	float:left;
	width:47%;
	text-align: justify;
	padding:3% 0 5% 0;
}

.empresa h3, .mision h3{
	color:rgba(255,255,255,0.4);
	font-family: 'Conv_HelveticaNeue';
	font-weight:lighter;
	font-size:1.2em;
	line-height:25px;
	letter-spacing:1px;
}

.empresa h3 strong, .mision h3 strong{
	font-family:"Helvetica Neue", Helvetica;
	font-weight:lighter;
}

#escribenos{
	color: rgba(255,255,255,0.4);
	font-family: 'Conv_HelveticaNeue';
	font-size:2em;
	text-align:center;
	font-weight:lighter;
	margin:2% 0 5%;
}

#escribenos div{
	margin:1% 0 -1.5%;
	font-size: 0.7em;
	letter-spacing:1px;
}

#escribenos span{
	font-size: 1.5em;
}

.espacio-menutalento-movil{
	display: none;
	}

#frasecontacto{
	color:#ccc;
	font-size: 2em;
	line-height:40px;
	text-align:center;
	margin:0 auto;
	max-width:1024px;
	width:100%;
}
#frasecontacto span{
	color:#fff;
	font-size: 2em;
	letter-spacing:-1px;
	line-height:60px;
}

.fila-gris{
	background:#111111;
}

.fila-gris, .fila-negra{
	color:#FFFFFF;
	text-align:left;
	padding:1%;
}

.fila-gris span, .fila-negra span{
	float:right;
}

footer figure{
	display:inline-block;
	width:20%;
	opacity:0.4;
	margin:2%;
}

#formacion{
	font-size:1.5em;
	margin:0 0 3%;
}

.galeria{
	width:15%;
	margin:0 0.5%;
}

header, #logo, #menu li a, #home a img, #bgnav{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

header{
	background:#000000;
	width:100%;
	position: fixed;
	top:0;
	z-index:9999;
}

header.large #logo{
    width:14%;
	margin:0.5% 0 1%;
	float:left;
}

header.small #logo{
	width:10%;
	float:left;
	margin:0.5% 0 1%;
}

header.large #menu li a{
	line-height: 60px;
	height: 60px;
}

header.small #menu li a{
	line-height:35px;
	height:35px;
}

header.large #home a img{
	padding: 20px 0 0;
	width: 20px;
}

header.small #home a img{
	padding:10px 0 0;
	width:15px;
}

header.large #bgnav{
	height: 60px;
}

header.small #bgnav{
	height:35px;
	background: rgba(255,255,255,0.05);
	margin:0 0 0.5% 0;
}

#home a img{
	padding:20px 0 0;
	width:20px;
}

#idioma{
	float:right;
	font-size:0.8em;
	margin:10px 0 0;
	font-weight:lighter;
}

img{
	max-width:100%;
	height:auto;
}

#iconoinstagram{
	float:left;
	padding:2% 0 0 2%;
}

#instagram{
	padding:0 2%;
}

.lineadivision{
	height: 1px;
    border: 0;
    background: rgba(255,255,255,0.3);
	margin:3% 0;
}

.lineatitulo, .lineanoticias, .lineanombre{
	height: 1px;
    border: 0;
    background: rgba(255,255,255,0.4);
}

#logo{
	width:146px;
	float:left;
	margin:1% 0;
}

#logocontacto{
	width:20%;
	margin:1% 0;
}

#logofooter{
	width:10%;
	margin:0 3% 0 10%;
	border-left:1px solid rgba(255,255,255,0.4);
	padding:0 0 0 10%;
}

.noticias{
	text-align:center;
	margin:15% auto 7%;
}

.margen{
	width: 100%;
	max-width: 1152px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#mas-actrices{
	float: left;
}

#mas-actores{
	float: right;
}

#mas-actrices, #mas-actores{
	color:#FFFFFF;
	width:25%;
	margin:3% 0 7%;
}

#mas-actrices a, #mas-actores a{
	background:#090909;
	padding:10% 20%;
}

.menufooter{
	color:rgba(255,255,255,0.4);
	float:right;
	text-align:right;
	font-size:0.9em;
	margin:0 5.5%;
}

.menufooter li{
	list-style:none;
	text-align:right;
	line-height:35px;
	text-decoration:none !important;
}

.menufooter li a{
	color:rgba(255,255,255,0.4);
}

.menufooter li a:hover{
	color:rgba(255,255,255,1);
}

.mision{
	color:#FFFFFF;
	float: right;
	width:45%;
	text-align:justify;
	font-weight:lighter;
	line-height:25px;
	padding:3% 0 0 0;
}

.mision div{
	font-family: 'Conv_HelveticaNeue';
	font-size:1.5em;
}

.modulonoticia{
	color: #FFFFFF;
	padding:4% 0 4%;
	height:auto;
}

.modulonoticia div{
	width:20%;
	float:left;
}

.modulonoticia h4, .modulonoticia h4 span, .modulonoticia p{
	float:left;
	margin:0 0 0 3%;
	text-align:left;
}

.modulonoticia h4{
	font-family: 'Conv_HelveticaHv';
	font-size:1.3em;
	width:70%;
	
}

.modulonoticia h4 span{
	font-size:0.6em;
	margin:0;
}

.modulonoticia span{
	float:right;
	font-weight:bold;
}

.modulonoticia p{
	width:75%;
	margin:2% 0 3% 3%;
	letter-spacing:1px;
	line-height:25px;
}

.news{
	font-weight:lighter;
}

.nombre{
	color:#FFFFFF;
	text-align:left;
	font-family: 'Conv_HelveticaNeue';
	font-weight:lighter;
	letter-spacing:1px;
}

.perfil{
	margin:15% auto 8%;
}

#politica p{
	color: rgba(255,255,255,0.5);
	text-align:justify;
	margin:5% 0;
	font-size:0.9em;
}

.producciones, .galeria, .videos{
	display:inline-block;
}

.producciones{
	width:23%;
	margin:0 0.5%;
}

.rasgos, .formacion, .redestalento{
	color:rgba(255,255,255,0.4);
	text-align:left;
	float:left;
	margin:0 6% 0 0;
}

#redes{
	float:left;
	width:20%;
    padding:0 0.5%;
	margin:3% 0 0;
}

#redes i{
	margin:0 3%;
}

.redestalento{
	float:left;
	width:25%;
}

.redestalento a{
	margin:0 2%;
}

.separaredes{
	height:70px;
}

.separaredes2{
	display:none;
	clear:both;
	height:70px;
}

.servicioshome{
	margin:3% auto 8%;
}

.servicios article, .servicioshome article{
	float:left;
	width:17.5%;
	height:30%;
	margin:3% 1% 0;
	color: rgba(255,255,255,0.4);
}

.talento{
	width:30%;
	display:inline-block;
	margin:3% 1.4% 4%;
}

.talentos, .servicios{
	text-align:center;
	margin:15% auto;
}

.talentos article{
	display:inline-block;
	margin:0 1% 2%;
	width:22%;
}

.titulo1{
	color: rgba(255,255,255,0.4);
	font-size:3.5em;
	margin:0;
}

.titulo2{
color: rgba(255,255,255,0.3);
font-size:2em;
margin:0 0 1%;
}

.titulo1, .titulo2{
	font-family: 'Conv_HelveticaNeue';
	font-weight:lighter;
	text-align:left;
}

.titulo3{
	color: rgba(255,255,255,0.3);
	font-family: 'Conv_HelveticaHv';
	font-size:1.6em;
	padding:0 0 5%;
}

.titulo4{
	font-family: 'Conv_HelveticaNeue';
	font-weight:lighter;
	color: rgba(255,255,255,0.3);
	text-align:center;
	letter-spacing:1px;
}

.titulointerna{
	color: rgba(255,255,255,0.4);
	font-family: 'Conv_HelveticaNeue';
	font-weight:lighter;
	font-size: 3em;
}

#tituloinstagram{
	padding:3% 0 4% 2%;
	font-size:1.3em;
	font-weight:lighter;
	color:#000000;
	float:left;
}

#toptitulo{
	margin:3% 0 0;
}

#twitter, #twitter2, #facebook, #instagram{
	background:#FFFFFF;
}

#twitter{
	margin:80px 0 0;
}

.ultimasproducciones{
	margin:5% 0;
}

.videos{
	width:31%;
}


/* ESTILOS ENTRADAS BLOG
---------------------------------------------------	---------------------------------------------------
--------------------------------------------------- */
	
	div.feedburnerFeedBlock p.date {
		color:rgba(191,1,253,0.4);
		font-size:1em;
		float:right;
		margin:0;
		}
	div.feedburnerFeedBlock ul li div {
		display: inline-block;
		margin:0;
		padding:0 5%;
		text-align: justify;
		font-size:1em;
		font-weight:lighter;
		}
	
	div.feedburnerFeedBlock ul li div span{
		margin:0;
		color: rgba(255,255,255,0.4);
		}
		
	div.feedburnerFeedBlock span.headline a {
		font-family: 'Conv_HelveticaNeue';
	    font-weight:lighter;
		font-size: 2em;
		color:rgba(191,1,253,0.6);
		float:left;
		padding:0 0 2% 5%;
		text-align:left;
		}
	div.feedburnerFeedBlock ul li {
		margin-bottom: 3em;
		text-indent: 0;
		}
	div.feedburnerFeedBlock ul {
		list-style: none;
		margin: 0;
	}
	
	div.feedburnerFeedBlock #textoblog{
		color: #FF0004;
	}
	
		div.feedburnerFeedBlock #creditfooter, div.feedburnerFeedBlock .fbsubscribelink{
		display:none;	
	}
	
	noscript p{
		display:none;
	}

/*********************************************************************************************************************************MENU ***************************************************************************************************************************************************/


#bgnav{
	background: rgba(191,1,253,0.2);
	height:60px;
}

#menu{
	max-width: 1152px;
	width: 100%;
	z-index: 9999;
	position: absolute;
}   

    /* Quitamos estilos por defecto de el tag UL */
    #menu ul{
        list-style: none;
    }
        
        /* Centramos y ponemos los textos en mayuscula */
        #menu li{
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
        }
            
            /* Damos estilo a nuestros enlaces */
            #menu li a{
                display: block;
                color: rgba(255,255,255,0.4);
				font-size: 0.9em;
                text-decoration: none;
                height: 60px;
                line-height: 60px;
                padding: 0 64px;
				
            }
            #menu li a:hover{
                background: rgba(255,255,255,0.1);
                color: #fff;
            }
    
    /* Estilos #nav-mobile y lo ocultamos */
    #nav-mobile{
	display: none;
	background: url(../images/nav.png) no-repeat center center;
	float: right;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0px;
	opacity: .6;
	background-image: url(../images/nav.png);
    }   
        /* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */
        #nav-mobile.nav-active{
            opacity: 1;
        }

/******************** MEDIA QUERY MENU ********************/

@media only screen and (min-width : 1026px) {

#menu li a{
    padding: 0 48px;	
            }

}


@media only screen and (min-width : 769px) and (max-width : 1025px) {
	
#menu{
width:100%;
}

#menu li a{
	padding: 0 38px;
            }

}

@media only screen and (max-width: 768px) {
	
	#bgnav{
	background: none;
}
        
    h2{font-size: 40px;}
    
    /* mostramos #nav-mobile */
    #nav-mobile{ display: block;
		top: -75px;
	}

    /* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo  */
    #menu{
        width: 100%;
        float: none;
        padding-top: 10px;
    }
        /* Convertimos nuestra lista de enlaces en un menú horizontal */
        #menu ul{
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
            box-shadow: 0 1px 2px rgba(0,0,0,.5);
            max-height: 0;
            overflow: hidden;
        }
            /* estilos para los LI del menu */
            #menu li{
                background: rgba(97,2,128,0.9);
                border-bottom: 1px solid rgba(255,255,255,0.2);
                float: none;
            }

            /* Quitamos el borde del ultimo item del menú */
            #menu li:last-child{ border-bottom: 0;}
                #menu li a{
                    padding: 15px 0;
                    height: auto;
                    line-height: normal;
                }
                #menu li a:hover{background:#2a2d33}

        /* Agregamos una animación al despligue del menú */
        #menu ul.open-menu{
            max-height: 500px;
            -webkit-transition: max-height .4s;
            -moz-transition: max-height .4s;
            -ms-transition: max-height .4s;
            -o-transition: max-height .4s;
            transition: max-height .4s;
        }
}

@media only screen and (max-width: 480px) {
	
    /* mostramos #nav-mobile */
    #nav-mobile{ display: block;
		top: -65px;
	}	
	
}


/********************************************************************************************************************************************************************************************************************************Responsive CSS - Using Media Queries******************************************************* *****************************************************************************************************************************************************************************************/

@media only screen and (min-width : 769px) and (max-width : 1025px) {
    /**tablet in landscape CSS rules here**/
	
.breadcrumbs{
	margin:0 0 0 2%;
}

.caja-negra{
	width:93%;
	margin:3% 0 3% 2%;
}

.col-der{
	margin:3% 1% 0 0;
}

.col-der-3{
	margin:0 2% 0 0;
	width:63%;
}

.col-izq-3{
	margin:0 0 0 2%;
	width:29%;
}

#datos{
	width:18%;
	margin:2% 2% 0 0;
}

#direccion{
	margin:0 3%;
	line-height:35px;
}

.empresa, .mision{
	float:none;
	width:70%;
	margin:0 auto;
}

.fila-gris, .fila-negra{
	margin:0 2%;
}

.lineatitulo{
	margin:0 2%;
}

.lineadivision{
	margin:3% 2%;
}

#logo{
	padding:0 0 0 1%;
}

#mas-actrices, #mas-actores{
	width:35%;
}

.menufooter{
	font-size:0.9em;
	margin:0 4%;
}

.modulonoticia{
	padding:4% 2%;
}

#politica p{
	margin:5% 2%;
}

.servicios article, .servicioshome article{
	width:16%;
	margin:3% 1.8% 0;
}

.rasgos, .redestalento{
	margin:0 6% 0 2%;
}

.talento{
	width:29%;
}

.titulo1, .titulo4{
	margin:0 0 0 2%;
}

.titulo2{
	font-size:1.6em;
	margin:0 0 1% 2%;
}

.titulo3{
	font-size:1.4em;
}

#toptitulo{
	margin:3% 0 0 2%;
}


}



@media only screen and (min-width : 481px) and (max-width : 768px) {
    /**tablet in portrait CSS rules here**/

.breadcrumbs{
	margin:0 0 0 2%;
}
	
.cleardireccion{
	display: block;
}
	
.col-izq{
	margin:-3% auto 0;
	width:95%;
	float: none;
}

.col-der{
	width:95%;
	float: none;
	margin:0 auto;
}

.col-izq-3{
	margin:0 0 0 2%;
	width:29%;
}

.col-der-3{
	margin:0 2% 0 0;
	width:63%;
}

.col-der-3 li{
margin:2% 3% 5% 0;
}

.col-der-3 li a{
	font-size:0.75em;
}

#copy{
	font-size:0.8em;
	width:80%;
}
	
#datos{
	width:40%;
	margin:2% 10% 0 0;
}

#direccion{
	float:none;
	margin:0 auto;
	text-align: center;
	padding:5% 0 0;
	width:90%;
}

#direccion br{
	display:none;
}

.empresa, .mision{
	float:none;
	width:70%;
	margin:0 auto;
}


#facebook{
	width:47.5%;
	height:370px;
	float: right;
	margin:-50% 2% 25%;
}

footer figure{
	width:25%;
}

.galeria{
	width:14.5%;
}

header, #logo, #menu li a, #home a img, #bgnav{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

header.large #logo{
    width:18%;
	margin:1.5% 0 1% 2%;
	float:left;
}

header.small #logo{
	width:18%;
	float:left;
	margin:1.5% 0 1% 2%;
}

header.large #menu li a{
    line-height:35px;
	height:35px;
}

header.small #menu li a{
	line-height:35px;
	height:35px;
}

header.large #home a img{
   padding:20px 0 0;
	width:20px;
}

header.small #home a img{
	padding:20px 0 0;
	width:20px;
}

header.large #bgnav{
	height:10px;
}

header.small #bgnav{
	height:10px;
}

#instagram{
	width:44%;
	height:375px;
	float:right;
	margin:0 2% 0;
}

.lineadivision{
	margin:3% 2%;
}

.lineatitulo{
	margin:0 2%;
}

#mas-actrices, #mas-actores{
	width:35%;
}

#mas-actrices a, #mas-actores a{
	font-size:0.9em;
	padding:10% 15%;
}

.menufooter{
	font-size:0.9em;
	margin:2% 7%;
}

#politica p{
	margin:5% 2%;
}

#redes{
  float:left;
  width:30%;
  margin:7% 0 0;
}

.rasgos, .redestalento{
	margin:0 6% 0 2%;
}

.servicios article, .servicioshome article{
	width:28%;
	height:450px;
	margin:3% 2.5% 0;
}

#toptitulo{
	margin:3% 0 0 2%;
}

#twitter, #twitter2{
	width:45%;
	height:360px;
	float:left;
	margin:5% 2% 0;
}

.titulo2{
	font-size:1.6em;
	margin:0 0 1% 2%;
}


.titulo1, .titulo4{
	margin:0 0 0 3%;
}


}



@media only screen and (min-width : 321px) and (max-width : 480px) {
    /**phone in landscape CSS rules here**/
	
.arriba{
	margin:0 7% 0 0;
}

#blanco2{
	margin:3% 4.5%;
}
	
.breadcrumbs{
	margin:0 0 0 2%;
}
	
.col-izq{
	margin:-7% auto 0;
	width:95%;
	float: none;
}

.col-izq-2{
	margin:0 auto;
	float:none;
	width:80%;
}

.col-der-2{
	margin:10% auto 0;
	float:none;
	width:80%;
}

.col-izq-3{
	float:none;
	width:80%;
	margin:0 auto;
}

.col-der{
	width:74%;
	float: none;
	margin:0 auto;
}

.col-der-3{
	float: none;
	margin:0 auto;
	width:85%;
}

.col-der-3 li{
margin:2% 10% 3% 1%;
}

.col-der-3 li a{
	font-size:0.75em;
}

#copy{
	font-size:0.7em;
	width:80%;
}

#datos{
	width:50%;
	margin:3% 14% 0 0;
	color:#FF0004;
}

#direccion{
	text-align: center;
	padding:5% 0;
	width:90%;
	line-height:25px;
}

#direccion br{
	display:none;
}

.empresa, .mision{
	float:none;
	width:70%;
	margin:0 auto;
}

.espacio-menutalento-movil{
	display: block;
	width:19%;
	height:30px;
	}


footer figure{
	display:inline-block;
	width:36%;
	opacity:0.4;
	margin:5%;
}

.fila-gris, .fila-negra{
	padding:3%;
	margin:1% 7%;
}

#formacion{
	text-align:left;
	margin:10% 0 3% 0;
}

.galeria{
	width:26%;
	margin:1%;
}

header, #logo, #menu li a, #home a img, #bgnav{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

header.large #logo{
    width:25%;
	margin:2.5% 0 1% 2%;
	float:left;
}

header.small #logo{
	width:25%;
	float:left;
	margin:2.5% 0 1% 2%;
}

header.large #menu li a{
    line-height:35px;
	height:35px;
}

header.small #menu li a{
	line-height:35px;
	height:35px;
}

header.large #home a img{
   padding:20px 0 0;
	width:20px;
}

header.small #home a img{
	padding:20px 0 0;
	width:20px;
}

header.large #bgnav{
	height:10px;
}

header.small #bgnav{
	height:10px;
}

.lineadivision{ 
	margin:5% 7%;
}

.lineatitulo{
	margin:0 2%;
}

#logofooter{
	width:90%;
	margin:0 auto;
	border-top:1px solid rgba(255,255,255,0.4);
	border-left:0;
	padding:5% 0 0;
}

#logofooter img{
	width:40%;
}

#mas-actrices, #mas-actores{
	width:40%;
}

#mas-actrices a, #mas-actores a{
	padding:10%;
	font-size:0.9em;
}

.menufooter{
	font-size:0.9em;
	margin:2% 8%;
}

.modulonoticia{
	padding:4% 3.5%;
}

.modulonoticia h4{
	font-size:1.2em;
	line-height:30px;
}

.noticias{
	text-align:center;
	margin:19% auto 7%;
}

.perfil{
	margin:20% auto 8%;
}

#politica p{
	margin:5% 7% 15%;
	font-size:0.8em;
}

.producciones{
	width:40%;
	margin:1%;
}

.rasgos, .formacion{
	margin:0 0 0 7%;
}

.redestalento{
	margin:7% 0 0 7%;
	width:90%;
}

#redes{
float:none;
  width:50%;
  margin:0 auto;
}

#redes i{
	margin:10% 4%;
}

.servicios article, .servicioshome article{
	width:80%;
	height:450px;
	margin:3% auto 0;
	float:none;
}

.talento{
	width:45%;
}

.talentos, .servicios{
	margin:20% auto 15%;
}

.talentos article{
	margin:0 1% 2%;
	width:43%;
}

.titulo1{
	margin:0 0 0 3%;
}

.titulo2{
	font-size:1.6em;
	margin:0 0 1% 7%;
}

.titulo4{
	text-align: center;
	font-size:0.8em;
	margin:5% 0 0;
}

#toptitulo{
	margin:7% 0 0 7%;
}

.videos{
	width:80%;
	margin:2% 0;
}


}



@media only screen and (max-width: 320px) {
    /**phone in portrait CSS rules here**/
	
.arriba{
	margin:0 7% 0 0;
}
	
.breadcrumbs{
	margin:0 0 0 2%;
}

.col-izq{
	margin:-11% auto 0;
	width:95%;
	float: none;
}

.col-izq-3{
	float:none;
	width:80%;
	margin:0 auto;
}

.col-der{
	width:85%;
	float: none;
	margin:0 auto;
}

.col-der-3{
	float: none;
	margin:0 auto;
	width:85%;
}

.col-der-3 li{
margin:2% 10% 3% 1%;
}

.col-der-3 li a{
	font-size:0.75em;
}

#copy{
	font-size:0.7em;
	width:100%;
}

.col-izq-2{
	margin:0 auto;
	float:none;
	width:80%;
}

.col-der-2{
	margin:10% auto 0;
	float:none;
	width:80%;
}


#datos{
	display: none;
}

#direccion{
	text-align: center;
	padding:5% 0;
	width:90%;
	line-height:25px;
}

#direccion br{
	display:none;
}

.empresa, .mision{
	float:none;
	width:80%;
	margin:0 auto;
}

.empresa h3, .mision h3{
	font-size:1em;
	letter-spacing:0.5px;
}

footer figure{
	display:inline-block;
	width:36%;
	opacity:0.4;
	margin:5%;
}

.galeria{
	width:40%;
	margin:1%;
}

.fila-gris, .fila-negra{
	padding:7% 3%;
	margin:1% 7%;
}

#formacion{
	text-align:left;
	margin:10% 0 3% 0;
}

header, #logo, #menu li a, #home a img, #bgnav{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

header.large #logo{
    width:35%;
	margin:2.5% 0 1% 2%;
	float:left;
}

header.small #logo{
	width:35%;
	float:left;
	margin:2.5% 0 1% 2%;
}

header.large #menu li a{
    line-height:35px;
	height:35px;
}

header.small #menu li a{
	line-height:35px;
	height:35px;
}

header.large #home a img{
   padding:20px 0 0;
	width:20px;
}

header.small #home a img{
	padding:20px 0 0;
	width:20px;
}

header.large #bgnav{
	height:10px;
}

header.small #bgnav{
	height:10px;
}

.lineadivision{ 
	margin:5% 7%;
}

.lineatitulo{
	margin:0 2%;
}

#logofooter{
	width:90%;
	margin:0 auto;
	border-top:1px solid rgba(255,255,255,0.4);
	border-left:0;
	padding:5% 0 0;
}

#logofooter img{
	width:40%;
}

#mas-actrices, #mas-actores{
	width:45%;
}

#mas-actrices a, #mas-actores a{
	font-size:0.8em;
	padding:7% 10%;
}

.menufooter{
	font-size:0.9em;
	margin:2% 5%;
}

.modulonoticia{
	padding:4% 3.5%;
}

.modulonoticia h4{
	font-size:1.2em;
}

#politica p{
	margin:20% 9%;
	font-size:0.8em;
}

.producciones{
	width:40%;
	margin:1%;
}

.rasgos, .formacion{
	margin:0 0 0 7%;
	width:90%;
	font-size:0.9em;
}

.redestalento{
	margin:7% 0 0 7%;
	width:90%;
}


#redes{
  padding:3% 5%;
  width:5%;
}

#redes i{
	margin:10% 0;
}

.servicios article, .servicioshome article{
	width:80%;
	height:450px;
	margin:3% auto 0;
	float:none;
}


.talentos, .servicios, .noticias, .perfil{
	margin:25% auto 15%;
}

.talento{
	width:43%;
}

.talentos article{
	margin:0 2% 3%;
	width:42%;
}

.titulo2{
	font-size:1.6em;
	margin:0 0 1% 7%;
}

.titulo1{
	margin:0 auto;
	text-align:center;
}

.titulo4{
	text-align: center;
	font-size:0.8em;
	margin:5% 0 0;
}

.titulointerna{
	font-size: 2.6em;
}

#toptitulo{
	margin:10% 0 0 7%;
}

.videos{
	width:80%;
	margin:2% 0;
}

}