@media only screen and (min-width:1200px){.video-js-box{margin:50px 0px 0px 140px}
}
@media only screen and (min-width:980px){.wrapper,#img_fondo a.wrapper,#topmenu>div{width:980px;margin:0 auto}
#img_fondo{height:370px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:980px){.wrapper,#img_fondo a.wrapper{width:100%}
#img_fondo{height:370px}
#img_fondo>img{left:50%;margin-left:-490px;position:absolute;top:0}
header div>img{margin:50px 0 30px;width:50%}
header div>h1{margin:50px 30px}
header div>h1 img{width:80%}
.header-container header nav ul{padding:0 0 20px;width:80%;margin:0 auto}
.header-container header nav ul li{padding:10px 2px 0}
.header-container header nav ul li a{line-height:0}
#destacados>a h4{font-size:1.4em}
.actividades{padding:15px 10px}
.actividades .slides button.slick-prev{left:-10px}
a.acceso{font-size:1.5em}
.home.main-container figure img{width:100%}
.enlaces li a{height:170px}
.enlaces li a img{width:inherit}
.enlaces li a h4{font-size:1.2em}
ul.fotosup li .foto{height:100px}
.interior.main-container{background:0 none;padding:0}
.interior #videos{padding:0}
.header-container .social{margin-right:0;right:10px;width:inherit}
.header-container .social p{display:none}
h3{font-size:1.9em}
#acceso>p{font-size:1.8em}
ul.fotogran li,ul.imggrande li{width:48.5%}
ul.fotogran li>a h3,ul.imggrande li>a div.txt span.tit{background:none #222;font-size:1.15em;margin:-40px 0 0}
ul.imgtxt li a img{width:30%}
.interior .cap{padding:15px 10px}
.interior .menu{margin-left:10px}
.interior .menu+div{width:75.5%}
footer{padding:0 10px}
}
@media only screen and (max-width:900px){.interior .menu+div{width:73%}
.interior .cap>div{width:40%}
.interior .cap>.fotofondo{display:none}
}
@media only screen and (max-width:820px){body{overflow-x:hidden}
header div>img{width:40%}
.header-container header nav ul li a{background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/flecha10.png') no-repeat scroll left -8px transparent;font-size:1em}
.home h2{background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/subtitle.png') no-repeat scroll center center / 35% auto transparent}
.enlaces li a{height:150px}
ul.pasos li strong{font-size:1.5em}
#solicitainformacion>span{font-size:2em}
#acceso form input[type="button"]{font-size:.8em}
#acceso form input[type="text"]{padding:7px 15px}
#solicitainformacion input[type="submit"],.home #solicitainformacion a{font-size:.9em;padding:10px 0 6px}
.home iframe{height:370px}
.interior #acceso>p{font-size:1.2em;padding:15px 10px 11px}
.interior #acceso form input[type="text"],.interior #acceso form input[type="email"],.interior #acceso form select{padding:4px 10px 6px}
ul.imgtxt li a h4{font-size:.875em}
ul.imgtxt.col3 li a h4{font-size:1em}
ul.fotogran li{min-height:270px}
ul.fotogran li>a{height:160px}
ul.imgtxt.col3 li{width:49.5%}
.interior .menu+div{width:73%}
.interior #acceso{margin-top:0;width:100%}
.interior #acceso form{font-size:.85em}
#acceso form input[type="text"]{margin-bottom:5px}
.interior ul.listado-cuadricula2{margin-bottom:30px}
.footer-container{padding:0 10px}
.footer-container footer #cierre>div{width:100%!important;text-align:center!important;padding:10px 0}
.footer-container footer #cierre>div>a{margin:0 5px}
.footer-container footer>div+div a img{width:40%}
.footer-container footer .menus>ul>li>a{min-height:30px}
}
@media only screen and (max-width:810px){.interior .menu+div{width:70%}
}
@media only screen and (max-width:740px){.js #menu{display:none}
.js .slicknav_menu{display:block}
.home .header-container #topmenu div>div+div{display:block;float:none;padding:2px;position:absolute;text-align:center;top:35px;width:100%}
.header-container #topmenu div>div+div{display:none}
h1.grande{margin-top:40px}
.home #solicitainformacion{display:none}
header div>img{width:35%;margin:30px 0}
#destacados>a h4{width:75%}
.enlaces li a{height:130px}
.interior .cap{min-height:inherit}
.interior.main-container>div{background:0 none;padding:0 10px}
.interior .menu{width:100%;position:static!important;margin-left:0}
.interior .menu a.banner{display:block;width:100%;background-color:#ecbc00;text-align:center}
.interior .menu+div{width:100%}
.interior .menu li{display:inline}
.interior .menu li a,.interior .menu li a.selected,.interior .menu li a.act{background:none #ecbc00;border:0 none;border-radius:3px;font-size:0.95em;margin:0 2px 5px;padding:6px 10px 4px;width:inherit}
.interior .menu li a.selected+ul,.interior .menu li a.act+ul{display:block}
.interior .menu li a.selected+ul li a,.interior .menu li a.act+ul li a{background-image:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/flecha_hijo.png');background-repeat:no-repeat;background-position:7px 8px}
.interior .menu li a:hover,.interior .menu li a.selected,.interior .menu li a.selected2{background:none #00406c;color:#fff;text-decoration:none}
.interior .menu li div{display:none}
.interior .contenido{margin-top:0;padding:0}
}
@media only screen and (max-width:660px){body{font-size:75%}
header div>h1{margin:40px 10px}
#breadcrumbs div{line-height:0;padding:0 3px 0 0}
#breadcrumbs div span{display:inline-block;line-height:0}
.interior #acceso{margin-top:-10px}
#acceso form div>a{display:block;float:none;padding:0 0 6px;text-align:center;width:100%}
#acceso form input[type="button"]{float:none;width:100%}
ul.fotogran li>a{height:130px}
ul.fotogran li>a h3{font-size:1em}
ul.imgtxt li a img{display:none}
}
@media only screen and (max-width:600px){body{font-size:75%}
#img_fondo>img{width:860px;margin-left:-436px}
header div>img{width:30%}
#acceso{width:100%!important;margin:20px 0}
.header-container .social{top:-35px;left:0;width:150px;height:30px}
#destacados>a h4{width:100%;height:25%;padding:10px;font-size:1.2em}
#destacados>a img{width:140%}
ul.col4 li{width:48.5%}
.actividades>div{float:none;width:100%}
#sidebar{float:none;width:100%}
#sidebar a.banner{background-color:#ecbc00;display:block;text-align:center;width:100%}
.titular{font-size:1.8em}
#oferta #bx-pager a.active{background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/flecha11x.png') no-repeat scroll right center rgba(0,0,0,0)}
.interior .contenido,.interior.titulo .contenido{padding:0;width:100%}
.interior #acceso,.interior.titulo #acceso{font-size:1.1em;padding:0 2%;width:100%;margin-top:20px}
.interior #videos>div{width:100%}
.interior .social{text-align:center}
.interior .social li{display:inline-block;float:none}
.interior .menu{width:100%}
ul.imgtxt li{display:inline-block;width:32%}
ul.imgtxt li a img{display:block}
ul.pasos.gran li strong{min-height:60px}
ul.pasos.gran.hori li strong{min-height:inherit}
ul.fotogran li>a h3,ul.imggrande li>a div.txt span.tit{margin:-80px 0 0}
.interior .cap .tema{width:90%}
.interior .cap .tema h1{min-height:90px;position:static;width:70%}
.interior .cap .tema img{display:none}
ul.listadod3 li{width:49.5%}
.footer-container footer .menus{display:none}
.footer-container footer .menus+div{padding:0 0 20px}
.footer-container footer>div+div a img{width:inherit;max-width:70%}
}
@media only screen and (max-width:550px){header div>h1{width:180px}
.interior .cap{padding:15px 0}
.interior .cap>.fondo{display:none}
.interior .cap>a{background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/logo_interior2.png') no-repeat scroll left top / 100% auto transparent;display:block;float:right;height:60px;width:160px}
.interior .cap>div{width:60%}
.interior .cap>a .logointerior{display:none}
ul.imgtxt li a img{display:none}
ul.fotogran li,ul.imggrande li{width:100%}
ul.fotogran li>a h3,ul.imggrande li>a div.txt span.tit{margin:-40px 0 0}
.footer-container footer>div>a img{width:70%}
}
@media only screen and (max-width:500px){header div>img{display:none}
#destacados>a h4{height:38%}
ul.listado.imggrande.hori.dos li{width:100%;float:none}
ul.listado.imggrande.hori.dos li .img{width:30%}
ul.listado.imggrande.hori.dos li .txt{width:70%}
}
@media only screen and (max-width:440px){.enlaces li a h4{max-width:85%}
.enlaces li a img{width:120%}
iframe{height:200px}
.interior .cap>a img{width:25%}
.interior .cap>div{width:50%}
ul.imgtxt li{width:100%}
ul.imgtxt li a img{display:block}
ul.imgtxt.col3 li{width:100%}
ul.fotogran li{width:100%;min-height:inherit}
ul.fotogran li>a{height:230px}
ul.pasos li{background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/ofrece1.png') no-repeat scroll center 10px / 70% auto transparent;padding:100px 5px 10px}
ul.pasos li+li{background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/ofrece2.png') no-repeat scroll center 10px / 70% auto transparent}
ul.pasos li+li+li{background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/ofrece3.png') no-repeat scroll center 10px / 70% auto transparent}
div.csc-textpic-intext-right .csc-textpic-imagewrap{float:none;margin:0 0 20px;width:100%}
.noticia .txt{float:none;width:100%}
.noticia .news-single-img{float:none;width:100%}
div#video_151{width:343px !important;height:198px !important;margin:40px 0px 0px 10px}
}
@media only screen and (max-width:400px){#destacados>a{float:none;display:block;width:100%}
#destacados>a h4{font-size:1.5em;height:25%}
.enlaces li{width:100%}
ul.col4 li{width:100%}
.interior .cap>img{width:25%}
ul.fotogran li>a{height:170px}
ul.listadod3 li{width:100%}
ul.listadod3 li .img img{width:100%}
.interior ul.listado-cuadricula2 li{width:100%;height:inherit!important}
.interior ul.listado-cuadricula2 li:nth-child(2n+1){border-right:0 none!important}
}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}
.slicknav_menu .slicknav_icon{float:left;margin:0}
.slicknav_menu .slicknav_no-text{margin:0}
.slicknav_menu .slicknav_icon-bar{display:block;width:30px;height:4px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:3px}
.slicknav_nav{clear:both;background-color:#3583b9}
.slicknav_nav ul,.slicknav_nav li{display:block}
.slicknav_nav li{border-bottom:1px solid #5D9CC7}
.slicknav_nav li:hover{}
.slicknav_nav li:hover a{}
.slicknav_nav .slicknav_arrow{float:right;margin-top:6px;width:13px;height:8px;display:block;text-indent:-4000px;background:url('../../typo3conf/ext/mas_websuax/Resources/Public/Fundacion/img/fle13.png') no-repeat 0 0 transparent}
.slicknav_nav .slicknav_item{display:block;cursor:pointer}
.slicknav_nav a{display:block}
.slicknav_nav .slicknav_item a{display:inline}
.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}
.slicknav_menu:after{clear:both}
.slicknav_menu{*zoom:1}
.slicknav_menu{font-size:14px}
.slicknav_btn{margin:6px;position:absolute;right:0;top:0;z-index:2}
.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;display:none}
.slicknav_menu .slicknav_icon-bar{background-color:#fff}
.slicknav_menu{background:transparent;padding:0;position:absolute;left:0;top:0;z-index:99999;width:100%}
.slicknav_nav{color:#fff;margin:0;padding:0;font-size:0.875em}
.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;position:relative;z-index:1}
.slicknav_nav ul ul{background:#696969;border-top:1px solid #5D9CC7}
.slicknav_nav ul ul li{border-bottom:1px solid #747474}
.slicknav_nav ul{padding:0;margin:0 0 0 0px}
.slicknav_nav .slicknav_item{padding:10px 15px 10px 36px;margin:0px 0px}
.slicknav_nav a{padding:10px 15px;margin:0px 0px;text-decoration:none;color:#fff;font-weight:lighter;font-size:.95em;font-family:'GloberRegular','Calibri',Arial,Sans-Serif;letter-spacing:-0.025em;text-transform:uppercase}
.slicknav_nav a:hover{color:#fff}
.slicknav_nav .slicknav_item a{padding:0;margin:0}
.slicknav_nav .slicknav_item:hover{background:#0064ab;color:#fff}
.slicknav_nav ul ul a:hover{background-color:#555}
.slicknav_nav .slicknav_txtnode{margin-left:15px}