@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400);
html, body{height:100%}
*{font-family: 'Roboto', sans-serif;}
h1,h2,h3{ font-weight:100; font-family:'Roboto Slab', sans-serif;}
h4,h5,h6,h7{font-weight:300px}
li, p{ font-weight:400}
strong{font-weight:700}

.zopim iframe{min-height:inherit; width:inherit; display:inherit}
.player{height:40px; width:300px; border:none; position:absolute; top: 0; left: 0;}
.navbar-brand>img{max-width: 210px; margin: 13px 0;}
/*NAVBAR*/
#internal-links{background-color:#767875; padding:10px 0}
#internal-links a{ font-weight:300; color:#BEBEBE; text-decoration:none;}
#internal-links span{  padding: 0 15px;  color: #fff;}
#internal-links a:hover{color:#FDFDFD}
#navbar{z-index:10}
.navbar{min-height:80px}
.navbar.navbar, .navbar-default.navbar{background-color:#FFF; margin:0}
.navbar .navbar-brand{padding:0 15px; height:85px; transition: all 0.2s ease-in-out;}
.navbar .navbar-brand:hover{background-color:}
.navbar .navbar-nav>li>a{ padding: 30px 9px;}
.navbar-toggle{border-radius:0; background-color:#047832!important; padding:10px; margin:23px 15px;}
#box-socialmedia-b .smedia-btn{background-position: 0 25px;}
#box-socialmedia-b .smedia-btn:hover{background-position: center 0px;}

/*GENERAL*/
.img-responsive{margin:0 auto}
.box-shadow{-webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.45);-moz-box-shadow:0px -3px 5px 0px rgba(0, 0, 0, 0.45);box-shadow:0px -3px 5px 0px rgba(0, 0, 0, 0.45); padding-bottom:20px}
h2.title{/*border-bottom: 1px solid #02612A;*/ background-image:url(../img/banner_title.png); background-position:center bottom; background-repeat:no-repeat;  padding: 15px 15px 15px 0; font-family: 'Roboto Slab', serif; font-size:40px; text-align:center}
h2.title.w{ background-image:url(../img/banner_title_w.png)}
h1.title{font-size:34px}
h1.title a{font-family: 'Roboto Slab', serif; color:#FFF; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
h1.title a:hover{color:#65bd24; text-decoration:none;}
h3.title{font-weight:bold; font-size:25px; padding: 10px 5px; border-bottom: solid thin #929496;}
iframe{display:block; width:100%;}
iframe.v-gallery{border-radius: 20px; display:block; width:100%; height:auto; min-height:130px;}



/*HOME*/
.banner{background-position:center; background-size:cover; max-height:350px; height:40%; background-repeat:no-repeat; background-attachment:fixed; overflow:hidden}
#home-banner{background-image:url(../img/keyboard.jpg)}
#home-banner img{margin-top:1%;}
.video-box{padding:0}
#video-home{padding: 0; min-height:400px}
#video-reto{padding: 24px 0 0 0; min-height:400px}
#quees{margin-bottom:40px; padding: 40px 15px;}
.box-txt-grey{background-color: #343933; color: #fff; border-bottom: solid 5px #027933; font-size: 16px; min-height: 400px; padding:45px 15px}
.box-txt-grey p{ font-weight: 300;}

/*HOME MARCAS*/
.box-marcas{padding:50px 0;}
.box-marcas>div{overflow:hidden; perspective: 150px;}
.box-marcas>div:last-child{min-height:inherit}
.box-marcas .desc-box{padding: 15px 5px; transition: all 0.5s ease-in-out; cursor:default}
.desc-box h3{font-size:20px}
.desc-box:hover h3{padding: 0 0 9px; border-bottom: solid 1px #027632; margin: 20px 0 5px 0;}
.desc-box p{font-size: 12px;}
.desc-box:hover p{}
.box-marcas img{margin:0; float:left; transition: all 0.5s ease-in-out;}
.box-marcas img:hover{transform: rotateY(20deg);}

/*HOME - LICENCIATURAS*/
#box-licenciaturas{padding:80px 0;}
#box-licenciaturas h1.title a{color: #047734;}
#box-licenciaturas .container{overflow:hidden}
#box-licenciaturas h2.title {  color: #fff; padding: 15px 15px 5px 15px; margin: 15px 0 30px 0;}
.lic-box{margin:0 0 15px 0; padding:0;}
.lic-box .w-box{padding:15px}
.w-box h1.title{margin: 10px 0 0px 0; padding:0 15px;}
.w-box hr{  margin: 5px 0 15px 0;}
.lic-box p{font-size:12px; color:#21261F; padding:0 15px}
.lic-box p.desc{font-size:14px;}
.lic-box a.link-img{overflow:hidden; display:block}
.lic-box img{transition: all 0.5s ease-in-out;}
.lic-box img:hover{transform: scale(1.1) rotate(3deg);}
/*BTN-LICS*/
.box-text{background-color:rgba(255, 255, 255, 0.31)}
.btn-text{text-align: center; font-size: 25px; color: #04642C;}
.btn-left{
	border-radius:0;
	background-color: #87B74C!important;
	background: url(arrow.png);
	margin: 0;
	height:47px;
	padding: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.box-socialmedia-lic{list-style:none; margin:0 auto; padding:0; width:180px}
.box-socialmedia-lic .smedia-btn{ width:40px; height:40px; margin:3px 10px}
.txt-desc-box .btn-text{color:#fff}
.box-socialmedia-lic .smedia-btn:hover{background-position: center -60px;}
 /*HOME - LIC- Colors*/
 .box-color-lic{padding:0}
 .box-color-lic>div{padding:0}
 .box-color-lic h3.title{color:#fff; border-color:#fff; text-align:center}
 .box-color-lic p.desc{color:#fff; text-align:center; font-size:23px; font-weight:200}
 div.txt-desc-box{padding:59px 15px}
 #ltv{/*background-color:#33691E*/ background-image:url(../img/bg_tv_g.jpg); background-size:cover; background-attachment:fixed; background-position:center}
  #ldm{/*background-color:#004D40*/ background-image:url(../img/bg_ldm_g.jpg); background-size:cover; background-attachment:fixed; background-position:center}
   #lai{/*{background-color:#607D8B*/ background-image:url(../img/bg_lai_g.jpg); background-size:cover; background-attachment:fixed; background-position:center}
 .carousel-caption p a{color:#65BD24; background-color:#262B25; padding:2px 5px; border-radius:2px; margin-left:2px}
 .carousel-caption h3 a{color:#65BD24;}

 /*HOME - ICONS*/
 #beneficios{ margin:0; background-color:#343933; color:#fff; padding:50px 15px}
 #beneficios>.container>div{ margin:15px 0}
 #beneficios img{ max-width:50px}
 #beneficios h2.title{ padding:0 15px 15px 0; margin:0 0 50px;}
 /*HOME - RETO*/
 #reto .list{list-style-image:url(../img/bullet.png); padding:0; list-style-position:inside; margin: 15px 0;}

 /*HOME - SMEDIA*/
 iframe#twitter-widget-0{min-height:600px}

/*HOME - BOXES*/
#box-cubos{ margin:20px 0;}
#box-cubos div{height:160px;  text-align: center;}
#box-cubos a, #box-cubos a strong {color:#fff; font-family: 'Roboto Slab', serif; font-size: 19px;}
#not1{background-color:#343933}
#not2{background-color:#64BD25}
#not3{background-color:#B7DB77}
#not4{background-color:#E2E2E2}
#not5{background-color:#393E38}
#not6{background-color:#393E38}

/*HOME - PORTAFOLIO*/
#portfolio{ border-bottom:5px solid #047734}
#portfolio>div, #portfolio>div>div{padding:0}
#portfolio .carousel-caption{left: inherit;  right: 0; bottom:0; text-align: right; padding:10px 15px 20px 10px; background-color:rgba(0,0,0,0.40); overflow:hidden;
transform: translate(0px, 46px); transition: all 0.5s ease-in-out;}
#portfolio .item:hover .carousel-caption{transform: translate(0px, 0px);}
#portfolio .carousel-caption h3{ margin:10px 0 5px}

/*LIC*/
.banner-lic{ background-position:center; background-size:cover; height:450px;}
#ldm-banner{background-image:url(../assets/banners/diseno_y_produccion_multimedia_banner_page.jpg)}
#ltv-banner{background-image:url(../assets/banners/television_y_produccion_audiovisual_banner_page.jpg)}
#lai-banner{background-image:url(../assets/banners/consultoria_y_gestion_de_imagen_banner_page.jpg)}
#talk-banner{background-image:url(../licenciaturas/img/banner_new.jpg)}
#cer-banner{background-image:url(../licenciaturas/img/banner_2020new.jpg)}
#italk-banner{background-image:url(../licenciaturas/img/italkbanner.jpeg)}
#top-banner{background-image:url(../licenciaturas/img/pro_banner.jpg)}
#adm-banner{background-image:url(../assets/banners/page_admision?2022.png)}


/*img-banners*/
#ltv #box-ltv, #ldm #box-ldm{ background-position: center right; background-repeat: no-repeat; background-size: contain; min-height: 450px;}
#lai #box-lai{background-position: center left; background-repeat: no-repeat; background-size: contain; min-height: 450px;}
#ltv #box-ltv{background-image: url(../img/cameraman.png);}
#ldm #box-ldm{background-image: url(../img/bg_ldm.png);}
#lai #box-lai{background-image: url(../img/bg_lai.png);}


.lic .w-box{ background-color:#fff; margin-top:-100px; -webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.45);
box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.45);}
.lic .w-box>h4{font-size: 35px; font-weight: 100; margin: 10px 0 0 0;}
.lic .w-box>h3{padding:5px 0 5px 0; margin: 0 0 5px; font-size: 40px; font-weight: 400; color: #76BD1D;}
.lic .w-box .desc *, .lic .w-box .title{font-family: 'Roboto Slab', serif}
.box-lic{padding:15px}
.box-lic iframe{min-height:500px; margin:0 0 30px 0}
.box-lic p{font-family: 'Roboto Slab', serif; font-size:16px}
ul.list-desc{ list-style-image:url(bullet.png); padding:0 0 0 30px}
ul.list-desc li{padding:10px 0}
.box-plan ul.list-desc li{padding:2px 0}
.box-plan ul.list-desc{margin-bottom:20px}
.box-plan h4.title{border-bottom:solid 1px #DAD7D7;font-weight: 400; font-family: 'Roboto Slab', serif; padding:0 0 5px 0}
.box-plan h3.subtitle{margin: 0 0 10px; font-weight: 400; font-family: 'Roboto Slab', serif; color:#257339}
iframe#ytplayer-lic{min-height:300px}
.rvoe{ margin:0 0 10px; padding:0; color: #767676; font-family: 'Roboto Slab', serif;}
/*LIC - LDM*/

/*FOOTER*/
.footer{border-top: 2px solid #047734; margin:0; background-image:url(../img/bg_footer.jpg); background-size:cover; background-position:center; color:#fff}
.footer #name{margin:50px auto 40px}
h4.line{margin: 10px auto; padding: 0;}
hr.short{width:84px}
.linkopacity{display: block; margin: 0 auto; color:#fff}
.linkopacity:hover{color:#B9B9B9; text-decoration:none}
#asm-footer{padding:15px;}
#asm-footer h3 strong{font-family: 'Roboto Slab', serif; font-weight:400}
#box-socialmedia img{ max-width:30px; margin:5px 10px}
.footer div.cer{background-color:#767875; padding: 15px 0 0;}
#links-footer{ list-style:none; margin:0; padding:0}
#links-footer li{display: inline-block; padding:15px; margin:5px}
#links-footer li a{color:#fff}
#links-footer li a:hover{color:#B9B9B9; text-decoration:none; padding-bottom:3px; border-bottom:1px solid #fff}
#links-footer li:after{content: "/";  opacity: .5;  position: relative;  right: -14px;  top: -2px;}
#links-footer li:last-child:after {content: "";}

.navbar-right#box-socialmedia-b{width: 112px;}
#box-socialmedia, #box-socialmedia-b{list-style:none; width:200px; margin:0 auto; padding:0}
.smedia-btn{background-position:center top; background-size:cover; width:30px; height:30px; float:left; margin:5px 10px; transition: all 0.5s ease-in-out;}
.navbar .smedia-btn{width:25px; height:25px; }
.smedia-btn:hover{background-position:center -45px}
#youtube{background-image:url(../img/toutube_line.png);}
#fb{background-image:url(../img/fb.png);}
#tw{background-image:url(../img/tw.png);}
#insta{background-image:url(../img/insta.png);}
#in{background-image:url(../img/in.png);}
#box-socialmedia-b .smedia-btn{margin: 26px 1px; float: right;}
#box-socialmedia-b #youtube{background-image:url(../img/toutube_line-b.png);}
#box-socialmedia-b #fb{background-image:url(../img/fb-b.png);}
#box-socialmedia-b #tw{background-image:url(../img/tw-b.png);}
#box-socialmedia-b #insta{background-image:url(../img/insta-b.png);}
#box-socialmedia-b #in{background-image:url(../img/in-b.png);}

/*CONOCENOS*/
#conocenos h1, #conocenos h3{ font-family: 'Roboto Slab', serif; font-weight:300}
#conocenos p{font-size:15px}
#ytplayer-conoce, #ytplayer-conoce-dos, #ytplayer-conoce-tres{padding:15px 0; min-height:400px}
.text-video{padding:50px 15px}
#box-color{background-color: #047832; border-bottom: solid 3px #575757; border-top: solid 3px #575757; color: #fff;}

/*ADMISI�N*/
.pdf-viewer{display:block; min-height: 750px; z-index:1}
#formexamen{padding: 15px; background-color: #fff; -webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.45);margin-top: 30px;}

/*CONTACTO*/
#contacto-banner{ overflow:hidden}
#contacto-box{ background-color:#fff;}
div#map-canvas {height: 400px; margin-top: -50px; padding: 0px; position:fixed!important; width:100%; z-index:-1;}
img.mapsimg{float:left; margin-right:10px}
#firstHeading{padding: 8px 0; font-size: 17px; font-family: 'Roboto Slab', serif; margin: 0; font-weight:400}
h4.redtext{color:#D81823; font-size:30px}
#bodyContent{ float:left; padding:10px 0}
hr.maps{border-color: #027639; margin: 10px 15px;}
blockquote{ border-left:inherit}
blockquote.informes{ text-align:center;}
#form-contact{margin-top:30px; margin-bottom:30px; border-bottom:solid 1px #333; padding:15px 15px 30px;}
blockquote.informes strong{font-size: 30px; font-family: 'Roboto Slab', serif;font-weight: 400;}

#fecha .form-control{width:33.3%; float:left;}

.updatefile{margin:100px 15px 50px; padding:10px 15px; background-color: #F5F5F5;}
.updatefile2{margin:0px 15px 50px; padding:10px 15px; background-color: #F5F5F5; }
/*directorio*/
.directorio-box{ background-color:#fff; margin-top:50px; padding:50px 15px}
.directorio-box>h3{color: #6ac32f; font-weight: 400;}
.directorio-box>h3.title{color:#262b25}
h3.dir{color: #14783d; font-weight: 400; font-size:26px}
.directorio-box>p{margin-bottom:5px}
.directorio-box>.email{margin-bottom: 25px; text-decoration:none}
/*RESPONSIVE*/
@media (max-width:1415px){
.txt-desc-box .btn-text{font-size: 16px;}
.btn-left{height:37px}
}
@media (min-width:767px) and (max-width:1080px){
	.navbar .navbar-brand{height:85px}
	.navbar-brand>img{margin:12px auto}
	#box-socialmedia-b .smedia-btn{margin: 20px 5px;}
}
@media (max-width:1025px){
	.btn-left{ height:54px}
	.lic .w-box>h4{font-size: 20px;}
	.lic .w-box>h3{font-size: 27px;}
	.navbar .navbar-nav>li>a {padding: 30px 8px;}
}
@media (min-width:767px) and (max-width:860px){
.navbar-brand>img{ max-width:169px}
.navbar .navbar-brand{  padding: 0 5px;}
}

@media (min-width:1200px) and (max-width:1600px){
	.desc-box h3{transform: translate(0px, 15px);}
}
@media (min-width:768px) and (max-width:991px){
	#box-socialmedia-b .smedia-btn{ margin:0 5px 15px 5px}
}
@media (max-width:992px){
	.navbar .navbar-nav>li>a{ padding: 30px 10px;}
	#internal-links .navbar-nav{ margin:0 15px; float: right}
	.box-marcas>div{min-height: 214px;}
}
@media (max-width:1200px){
	.box-txt-grey{padding:15px}
	.box-marcas>div{min-height: 220px;}
	#navbar .container{width: 100%;}
	#box-socialmedia-b{width:inherit}

	.box-color-lic p.desc{font-size:17px}
	.txt-desc-box .btn-text{font-size: 16px;}
	.btn-left img{margin: 5px 0;}
	.smedia-btn{width: 25px;}
}
@media (max-width:768px){
	.box-txt-grey{ min-height:inherit;}
	.btn-smedia{margin-top:15px}
	.navbar .navbar-nav>li>a {padding:30px 8px; font-size: 11px;}
	.navbar .navbar-nav .open .dropdown-menu>li>a{color:#333}
	.navbar .navbar-nav .open .dropdown-menu>li>a:hover, .navbar .navbar-nav .open .dropdown-menu>li>a:focus{color:#257339!important}
	.text-video{padding:15px 15px}
	#conocenos h1, #conocenos h3{ margin:5px 0 10px}
	#ltv #box-ltv, #ldm #box-ldm, #lai #box-lai{background-image:none}
	.navbar-nav{max-width:501px}
	#box-socialmedia-b{width: 58px; margin: 12px 0 0 0px;}
	#box-socialmedia-b .smedia-btn{margin: 0 2px 0px 2px;}
}
@media (max-width:480px){
	.meshim_widget_components_ChatButton .mobile{transform: inherit!important;}
	.meshim_widget_components_chatButton_ButtonBar .button_text{display:none!important}
	.banner{max-height: 300px; height: 30%;}
	.scroll-fix .navbar-brand, .scroll-fix .navbar-brand img{height: 60px;}
	.scroll-fix .navbar-brand img{max-width: 160px; margin: 1px 5px;}
	.navbar-toggle{margin: 25px 18px;}
	.scroll-fix.navbar {min-height: 60px;}
	.scroll-fix .navbar-toggle{padding: 15px 10px; margin: 8px 25px}
	.lic-box{margin: 30px 0;}
	#beneficios h5{font-size:12px}
	.box-txt-grey{padding:20px 15px}
	.desc-box h3{ margin:0}
	#fecha .form-control{width:100%; float:inherit;}
	.player{width:105px!important}
	#box-socialmedia{width: 180px;}
	.vertical-panel-content{display: none}
	.owl-carousel .owl-item img{height: 100vh; width: auto;}
}
@media (max-width:767px){
	.navbar .navbar-nav>li>a{font-size: 14px;}
}