/* Clases según contenido, no por dispositivo */
@media (max-width: 4000px) {

}

@media (max-width: 1500px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
	.c-img {height: 208px;}
	.n-texto h3 {min-height: 92px;}
	.n-img {max-height: 114px;}
	.mapita {right: 20rem;}
	.formulario-fijo {top: 13%; width: 28%;}
	.datos-curso, .enfasis {width: 80%;}
}

@media (max-width: 994px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {left:0;}
	.navbar-default .navbar-nav>li>a {padding:15px 6px;}
	.datos .btn-default {padding: 6px 0; font-size: 10px;}
	.redes .fa {margin: 3px;}
	.triangulo {border: 15px solid transparent;}
	.cyan {border-right: 15px solid #0eadce;}
	.orange {border-right: 15px solid #FF9800;}
	.blue {border-right: 15px solid #0f195a;}
	.comunicate .fa-phone {width: 26px; padding: 2px; border: #fff solid 2px; margin: 0 4px;}
	.comunicate span {padding: 2px 0 1px;}
	.comunicate a {font-size: 1.4em;}
	.posicion-fija {top: -30px;}
	.tipo, .area, .inicio {width:100%; position: relative; left: 0;}
	.c-img {height: 230px;}
	.mapita {right: 13rem;}
	.logo-footer {max-width: 100%;}
}

@media (max-width: 900px) {

}

@media (max-width: 767px) {
	.partea {height:30%; height:30vh;}
	.parteb {height:70%; height:70vh; padding: 3em;}
	#intranet .navbar-toggle {border: 1px solid #9E9E9E; margin-right:0;}
	#intranet .navbar-toggle .icon-bar {background-color: #fff;}
	#intranet .navbar-nav {width:100%;}
	#intranet .dropdown-menu>a {display:inline-block; vertical-align: top; text-align: center; color:#FFF; width: 100%;}
	#intranet .navbar-nav li.divider {padding-top: 1px;}
	#intranet .cabecera {
		min-height: 220px;
		margin-top: 0;
		background-position: 80%;
	}
	#intranet .cabecera h2 {
		padding: initial;
		padding-top: 3em;
		text-align: left;
	}
	.boletin {display:none;}
	.comunicate {display:none;}
	.datos .orange {display:none;}
	.datos .cyan {display: none;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {left:0; top: -50px;}
	.navbar-default .navbar-nav>li>a {padding:4px;}
	.botonera button {width:40%; margin: 4px;}
	.c-img {height: 240px;}
	.tipo, .area, .inicio {width:100%; position: relative; left: 0;}
	.v-titulo {min-height: 75px;}
	.c-titulos {min-height: 108px;}
	.mapita {right: 4rem;}
	.nosotros-item {
	    position: relative;
	    width: 100%;
	    top: 0;
	    border-radius: 0;
	    box-shadow: none;
	}
	.img-nosotros {height: 290px;}
	.c-texto p {min-height: 72px;}
	.main-news {margin-bottom: 1em;}
	.listas .tarjeta-sans {
		width: 33%;
		margin: 0;
		margin-bottom:1em;
	}
	.curso-virtual .icono-logo {display: none;}
	.cada-curso .info_cada-curso {
		padding-left: 1em;
		margin-top: 2em;
	}
	.intranet-cursos {position: relative;}
	#intranet .navbar-brand > img {display: none;}
}

@media screen
  and (min-device-width: 480px)
  and (max-device-width: 640px)
  and (orientation: landscape) {
  	.seminarios .col-xs-6 {width: 100%;}
  	.videos .col-xs-4 {width:100%;}
  	.c-img {height: 272px; max-height: 272px;}
  	.videos, .seminarios, .nosotros, .noticias {padding:0;}
  	.js-scroll-to-top {bottom: 0;}
  	.logo-fijo {margin-left: 0!important;}
  	.c-titulos {min-height: 84px;}
  	.pantalla {padding-top:1em;}
  	.mapita {right: 0rem; font-size: 1em; bottom: 3rem;}
  	.logo-footer {max-width: 100%; width: 26%; margin: 0 37%;}
  	footer .col-xs-2, footer .col-xs-3 {width: 100%;}
  	.videos .tarjeta-sans {margin-bottom: 1em;}
  	.clientes-todos .client {width:80%;}
  	.listas .tarjeta-sans {width: 32%;}
  	.formulario-inscripcion {position: relative;}
  	.formulario-fijo {width:100%; position:relative; top:0;}
  	.datos-curso {width: 100%; margin: 0; position: relative; margin-top: 5em;}

  	.cabecera-curso {padding-top: 1em; height: auto; background: #ddd url('../img/cabecera-cursob.jpg') no-repeat top left; background-size: contain; margin-top: 80px; padding-bottom:0;}
	.cabecera-curso2 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/express-niif-virtual.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0; margin-top: 80px;}
	.cabecera-curso3 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/express-niif.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0; margin-top: 80px;}
	.cabecera-curso4 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/presentacion.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0; margin-top: 80px;}
	.cabecera-curso5 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/libros-electronicos.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0; margin-top: 80px;}
	.cabecera-curso6 {padding-top: 1em; height: auto;  background: #ddd url('../img/cursos/precios-transferencia.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0; margin-top: 80px;}
	.cabecera-curso7 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/programa-finanzas-niif.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0; margin-top: 80px;}
	.cabecera-curso8 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/seminario-impacto.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0; margin-top: 80px;}

  	.titulo-curso {font-size: 3rem; margin-top: 2em;}
  	.cabecera-curso h3, .cabecera-curso h4 {display: none;}
  	.formulario-fijo {width: 100%; position: relative; bottom: 0;}
  	.formulario-inscripcion {position: relative; width: 100%; left: 0; bottom: 0; margin-top: 1em;}
  	.photo {margin: 1em auto 0; width: 40%;}
  	.llamativo {padding: 1em;}
  	.news {margin-top: 5em;}
}

@media (max-device-width: 425px) {

	.boletin {display:none;}
	.comunicate {display:none;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		left: 0;
    	position: absolute;
    	top: -50px;
    }
	.datos .orange {display:none;}
	.datos .cyan {display: none;}

	#intranet .navbar-brand {width: 40%;}
	#intranet .navbar-brand>img {padding:1rem;}
	#intranet .curso-virtual {display:none;}
	#intranet .cada-curso p {display:none;}
	#intranet .cada-curso .expositor {display:none;}
	#intranet .redes {padding:0;}
	.imagen-modulo {padding: 1em;}
	.modal.in .modal-dialog {display:none;}
	.modal-open .modal {display: none;}
	.logo-fijo {margin: 18px 0!important;}
	.videos, .seminarios, .nosotros, .noticias {padding:0;}
	.tipo, .area, .inicio {width:100%; position:inherit;}
	.inicio {left:0;}
	.c-img {height: 250px;}
	.c-titulos {margin:0;}
	.seminarios .todo {margin: 1em 0; width: 100%; font-size: 12px;}
	.videos .tarjeta-sans {margin-bottom:8px;}
	.noticias .btn-default {margin: 0 0 1em; width: 100%; font-size: 12px;}
	.pantalla {padding-top: 2em;}
	.informacion {display:none;}
	.mapita {bottom: 24px; width: 90%; margin: 2em 5% 0; left: 0;}
	.contacto {min-height: 566px;}
	.formulario {padding: 1em;}
	.restaurador-jalar {left:1rem;}
	.nosotros .titulo {margin-top:1em;}
	.img-nosotros {height: 220px;}
	.nosotros-iso {right: 3em;}
	.check {top: 16%;}
	.nosotros-item {position: relative; width: 100%; padding:1em; padding-top:0; border-radius: 0; box-shadow: none; top: 1em;}
	.nosotros-item h3 {margin-top:0;}
	.aparte h2 {margin-top: 2em;}
	.botonera button {width: 90%; margin-left: 5%;}
	.posicion-fija {top: -30px;}
	.clientes-todos .client {width: 90%;}
	.noticias h2.titulo {margin-top: 2em;}
	.listas .tarjeta-sans {margin: 0 0 1em;}
	.main-news {margin-bottom:1em;}
	.logo-footer {max-width: 30%; margin: 0 35%;}
	.js-scroll-to-top {bottom:0;}
	.formulario-inscripcion {position: relative; top: inherit; right: inherit; width:100%;}
	.formulario-fijo {position: relative; top: inherit; right:0; width:100%;}
	.datos-curso {width: 100%; font-size: 10px; position: relative; margin-bottom: 1em; margin-top: 10em;}

	.cabecera-curso, .cabecera-curso2, .cabecera-curso3, .cabecera-curso4, .cabecera-curso5, .cabecera-curso6, .cabecera-curso7, .cabecera-curso8 {margin-top: 80px;}
	.cabecera-curso h3, .cabecera-curso h4 {display:none;}
	.cabecera-curso {padding-top: 1em; height: auto; background: #ddd url('../img/cabecera-cursob.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}
	.cabecera-curso2 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/express-niif-virtual.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}
	.cabecera-curso3 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/express-niif.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}
	.cabecera-curso4 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/presentacion.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}
	.cabecera-curso5 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/libros-electronicos.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}
	.cabecera-curso6 {padding-top: 1em; height: auto;  background: #ddd url('../img/cursos/precios-transferencia.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}
	.cabecera-curso7 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/programa-finanzas-niif.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}
	.cabecera-curso8 {padding-top: 1em; height: auto; background: #ddd url('../img/cursos/seminario-impacto.jpg') no-repeat top left;
    background-size: contain; padding-bottom: 0;}

	.titulo-curso {font-size: 2rem; text-shadow: 0 2px 4px rgba(0,0,0,0.6); min-height: 44px;}

	.subtitulo-curso, .sub-subtitulo {display: none;}

    .llamativo {padding: 1rem 1em; font-size: 2rem; line-height: 1;}
    .deposito h3 {font-size: 1em;}
    .deposito p {line-height: 1.5;}
    .nombre-expositor {text-align: center; font-size: 21px; font-weight: 700;}
    .expositor {padding: 1em 0 2em;}
    .photo {width: 70%; margin: 2em 15% 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8)}
    .nosotros-item {margin-bottom: 4em;}
    /*.n-texto {min-height: 96px;}*/
    .seminarios .col-xs-6 {width:100%;}
    .videos .col-xs-4 {width:100%;}
    .contacto .col-xs-6 {width: 100%;}
    footer .col-xs-2, footer .col-xs-3 {width: 100%;}
    .listas .tarjeta-sans {width: 100%;}
    .agradecimiento {margin-top: 7em;}
    .shitsumon .experiencia li {padding-left: 24px;}
    .kotae time {float: none; margin-top: 12px;}
}

@media (max-device-width: 375px) {
	.datos-curso {margin-top: 6em;}
}

@media (max-device-width: 320px) {
	.logo_intranet {top: 10%;}
	.bg-intranet .formulario-ingreso button {margin-top:1rem;}
	.parteb {padding: 1rem 2rem;}
	.logo-footer {max-width: 46%; margin: 0 27%;}
}