#slides-mobile {display:none!important;}
#mobile {display:none;}
@media (max-device-width:1100px){
	#slides li{
	  -webkit-background-size: 230%!important;
	  -moz-background-size: 230%!important;
	  -o-background-size: 230%!important;
	  background-size: 230%!important;
	  background-attachment: scroll!important;
	  background-position: center
  }
  #slides-mobile {display:none!important;}
}

@media screen and (max-width:1024px) {
#slides-mobile {display:none!important;}
	#header .unsam {display:none;}
	#slides h1{font-size:80px; line-height:75px;}
	#slides h3{font-size:20px; line-height:20px; margin:20px auto;}
	#slides h4{font-size:16px; line-height:20px;}
	#slides span {font-size:16px; margin:0 10px;}

	#slides .titulo {max-width:560px;}
	#slides .autores {margin:20px auto;}

	#boxes .simple{width:50%;}
	#boxes .doble{width:50%; text-align: center;}
	#boxes .doble:before{padding-top:100%;}
	#boxes .doble .wrapper .cover {padding:0!important}

	#ads {display:none;}

	#footer {font-size:13px; line-height:20px;}
	#footer .container {width:auto; margin:0 30px;}
	#footer ul {width:100%;}
	#footer li {margin:0;}
	#footer .container > ul > li{margin-left: 10px;}
	#footer .oldsite {display:none!important;}
	#footer .logo {margin-bottom:30px;}
	#footer .menu {width:100%;}
	#footer .menu a{height:20px; margin-bottom:10px;}

	#lista-4-col .container {max-width:771px!important;}
	#lista-3-col .container {max-width:690px!important}

	#header {position:absolute; height:auto; background-color:#000!important;}
	#header .container {width:auto; margin:0 30px;}

	#header .logo {width:100%; margin:20px 0;}
	#header .logo a {display:block; width:100px; height:30px;}
	#header .right {width:100%; margin:0; float:left;}

	#header.sticky {background-color:#FFE7E7!important;}
	#header.sticky .logo {width:auto; margin:20px 0; float:left;}
	#header.sticky .right {width:auto; margin:20px 0; float:right;}

	#header .menu {display:none; width:100%; height:auto; margin:0 0 15px 0;}
	#header .menu li {display:block; width:100%; margin:0; padding:15px 0; height:30px; border-top:1px solid #222222;}
	#header .menu li a {font-size:16px; line-height:30px;}

	#header .buscar {display:none;}

	#header .mobile {display:block; width:30px; height:30px; position:absolute; top:20px; right:0;}
	#header .mobile a {display:block; position:absolute; width:30px; height:30px; top:0;}
	#header .mobile .open {display:block;background-image:url(../img/open.png); background-size:cover;}
	#header .mobile .close {display:none;background-image:url(../img/close.png); background-size:cover;}

}



@media screen and (max-width:800px) {
#slides-mobile {display:none!important;}

	#copyright .left {display:block; width:80%; margin:30px auto 0 30px;}
	#copyright .right {display:block; width:80%; float:left; margin:30px auto 60px 30px;}
	#copyright .right a {margin:0 15px 0 0;}

	#slides {margin-top:-70px;}
	#slides h1{font-size:70px; line-height:65px;}

	#lista-4-col .container {max-width:524px!important;}
	#lista-3-col ul {margin:30px 0;}
	#lista-3-col li {margin:0;}
	#lista-3-col .container {max-width:300px!important;}

	#blog .prev, #blog .next {font-size:0;}
	#footer .sponsors {width: 100%!important;clear:both;float:none!important;padding-top: 40px!important;text-align: center;}
	#footer .sponsors a{display: inline-block!important;float:none!important;}
}

@media screen and (max-width:640px) {
	#slides {display:none!important;}
	#mobile {display:block!important;}
	#slides-mobile {display:block!important;}
	#header .container {margin:0 20px;}
	#footer .container {margin:0 20px;}

	#slides h1{font-size:50px; line-height:45px; margin: 5px auto 0;}
	#slides h3{font-size:16px; margin:15px auto;}
	#slides h4,#slides h5{font-size:14px;}
	#slides span {font-size:14px; margin:0 5px;}

	#slides .titulo {max-width:420px;}
	#slides .autores {margin:15px auto;}

	.slides-pagination a {margin:15px;}

	#boxes .simple{width:100%;}
	#boxes .doble{width:100%;}

	#content .container{margin:30px auto}

	#content .titulo,
	#content .copete,
	#content .autores,
	#content p {padding:0 30px 0 20px; }

	#content h1{font-size:50px;line-height:45px;}
	#content h3{font-size:15px; line-height:25px;}
	#content h4{font-size:13px; line-height:18px;}
	#content p{font-size:16px; line-height:25px;}

	#autores ul li {padding:30px 30px 30px 20px;}

	#pregunta h1{font-size:50px; line-height:45px;}
	#pregunta h1 a {margin:0 10px;}
	#pregunta h1 a:hover{border-bottom:2px solid #FFCCCC; }
	#pregunta h1 a.active{border-bottom:2px solid #FFCCCC; }

	#suscripcion .wrapper{width:80%; margin:0 auto; padding:0 20px;}
	#suscripcion input.email {width:80%; float:none; margin:auto; text-align: center;}
	#suscripcion input.send{border:none; color:#FFF; background-color:#000; float:none; margin:30px auto 0;display:block!important;}
	#suscripcion input.send:hover {opacity:0.2;}

	#lista-4-col .container {max-width:277px!important}
	#encabezado .sello {display:none!important;}

	#anfibia h3{font-size:15px; line-height:25px; padding:0 30px 0 20px; }
	#anfibia p{font-size:16px; line-height:25px; padding:0 30px 0 20px; }

	#content #cuerpo p.aligncenter,
	#content #cuerpo p.alignleft,
	#content #cuerpo p.alignright,
	#content #cuerpo img.alignright,
	#content #cuerpo img.alignleft,
	#content #cuerpo img.aligncenter {width:auto; text-align:left; margin:30px auto; float:none; padding:0;}

	#content #cuerpo p.aligncenter,
	#content #cuerpo p.alignleft,
	#content #cuerpo p.alignright {padding:0 80px 0 20px;}

	#content #cuerpo img {width:100%!important;; height:auto!important;;}
	#content #cuerpo a img {width:100%!important;; height:auto!important;max-width:100%!important;margin: 10px 0!important;}

	#content #galeria {width:100%; height:auto;}

	.fancybox-close {top:15px!important;right:15px!important;}
	.facetwp-type-alpha{word-break: break-all}
	#wpmem_reg .form, #wpmem_login .form{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding: 0 20px!important;
	}
	#recomendados .simple,
	#micrositio .simple{
		width: 100%!important;
	}
	#footer .contacto {width:100%; padding-top:30px; border-top:1px solid #E7D0D0; margin-top:30px;}
	#footer .sponsors {position:absolute; right:0;}
	#blog .fecha{height: 50px;}


}

@media screen and (max-width:640px) and (min-height:360px) {

	body{
		padding-top: 75px;
	}
	#slides {display:none!important;}
	#mobile {display:block!important;}
	#slides-mobile {display:block!important;}
	#footer {text-align:center;}
	#footer .logo {width:100%; float:none; padding-bottom:30px; margin:0 auto 30px; border-bottom:1px solid #E7D0D0;}
	#footer .logo a {width:100px; margin:auto;}
	#footer .sponsors {position:relative; width:100%; margin:30px auto 0; border-top:1px solid #E7D0D0;}
	#footer .sponsors a{display:block; float:none; }
	#footer .sponsors a.unsam {margin:30px auto 0;}
	#footer .sponsors a.lmundi {margin:30px auto 0;}
	#footer .sponsors a.fnpi {margin:30px auto 0;}
	#footer .container > ul > li{

		text-align: left;
		padding-left: 10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		margin: 0;
	}
	#footer .container > ul > li.menu{
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 0;
		width: 50%;
		text-align: center;
	}
	#footer .container > ul > li.contacto{
		width: 100%!important;
		text-align: center;
	}
	#footer .container > ul > li.logo{
		margin: 0 auto;
		float: none;
	}
	#footer .sponsors{
		text-align: center!important;
		float: none!important;
		margin-bottom: -40px;
		clear: both;
		border-top: none;
	}
	#footer .sponsors a{
		margin: 40px 10px!important;
		display: inline-block;
	}
	.single-post #content #cuerpo{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding: 0 10px;
	}
	#lista-notas ul,
	#lista-notas li,
	#lista-blog ul,
	#lista-blog li,
	.page-staff .wrap-1020 .container ul,
	.page-staff .wrap-1020 .container ul li{
		margin: 0!important;
	}
	.page-staff .wrap-1020 .container ul li{
		width: 100%!important;
		padding: 20px 0!important;
	}
}

@media screen and (max-width:360px) {
    #slides {display:none!important;}
	#mobile {display:block!important;}
	#slides-mobile {display:block!important;}
	#header.sticky {display:block!important;}
	#header.sticky .container {margin-right:5px!important;}
	.print  {display:none!important;}
	.search  {display:none!important;}

	.slides-navigation a {display:none!important;}
	#blog .next, #blog .prev {display:none!important;}

}

@media screen and (max-height:360px) {
	
	#slides {margin-top:-70px!important;}
	#header.sticky {display:none!important;}
	.simple:before{padding-top:50%!important;}
	.doble:before{padding-top:50%!important;}

}
