/*
Archivo de estilos para plantilla responsive, versión 1.2
Última actualización 04/08/15
*/

@charset 'UTF-8';

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	body {
		padding: 0;
	}
	.wrapper {
		border: none;
		border-radius: 0;
		padding-bottom: 180px;
	}
	.next_button, .prev_button {
		width: 25px;
	}
	.next_button a, .prev_button a {
		background-size: 210%;
	}
	header .logotipo_pavco {
		margin-bottom: 0%;
		margin-top: 4%;
		margin-left: 0%;
	}
	header .titulo_curso {
		margin-top: 0%;
		margin-bottom: 2%;
	}
	.content_titulo_modulo {
		margin-left: -15px;
		margin-right: -50px;
	}
	.content_lista_modulos li .content_lista_modulos_title {
		width: 55.5% !important;
	}
	.wrapper {
		margin-bottom: 0;
		min-height: auto;
	}
	footer {
		height: 170px;
	}
	footer .logo_mexichem {
		left: 50%;
	    margin-left: -80px;
	    position: absolute;
	    top: 56%;
	    width: 160px !important;
	}
	.content_titulo_modulo {
	    display: block !important;
	    float: none;
	    margin-left: auto !important;
	    margin-right: auto !important;
	    max-width: 403px;
	    padding: 0 10px;
	    text-align: center;
	    margin-top: 12% !important;
  	}
  	.content_titulo_modulo .content_titulo_modulo_text {
		display: inline-block !important;
		border-bottom-left-radius: 55px;
		border-top-left-radius: 55px;
		margin: 25px 0 0 0 !important;
		width: 100% !important;
  	}
	.content_titulo_modulo .content_titulo_modulo_text h2 {
		line-height: 46px;
	}
	.content_titulo_modulo.estilo_1 .content_titulo_modulo_icon {
		border: none;
		box-shadow: 0 0 0 8px #8C67AC inset, 0 0 0 11px #fff inset;
	}
	.content_titulo_modulo.estilo_2 .content_titulo_modulo_icon {
		border: none;
		box-shadow: 0 0 0 8px #B9D230 inset, 0 0 0 11px #fff inset;
	}
	.content_titulo_modulo.estilo_3 .content_titulo_modulo_icon {
		border: none;
		box-shadow: 0 0 0 8px #27B56C inset, 0 0 0 11px #fff inset;
	}
	.content_titulo_modulo.estilo_4 .content_titulo_modulo_icon {
		border: none;
		box-shadow: 0 0 0 8px #45BFC5 inset, 0 0 0 11px #fff inset;
	}
	.content_titulo_modulo.estilo_5 .content_titulo_modulo_icon {
		border: none;
		box-shadow: 0 0 0 8px #00ABEB inset, 0 0 0 11px #fff inset;
	}
	.content_titulo_modulo.estilo_6 .content_titulo_modulo_icon {
		border: none;
		box-shadow: 0 0 0 8px #4E499E inset, 0 0 0 11px #fff inset;
	}
	.imagen_con_cita div {
		left: 9.6%;
		top: 7%;
		bottom: inherit;
	}
	.content_titulo_tema .content_titulo_tema_text {
		height: auto !important;
		padding: 3px 21px 6px 52px !important;
		max-width: 88% !important;
		border-bottom-left-radius: 30px;
		border-top-left-radius: 30px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
	footer .logo_mexichem {
		margin-top: 0.9%;
	    right: 2%;
	    width: 160px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {

}