@charset "utf-8";
/* CSS Document */
/*
REGLAS GENERALES DEL SITIO EN MODO RESPONSIVO
*/
@media only screen and (min-width:481px) and (max-width:768px){
	.logotipo{
		padding: 8px 0 0 0;
		margin: 0;
		float: none;
	}
	.slider1{
		width: 100%;
		height: 200px;
	}
	.bienvenido{
		padding-top: 70px;
	}
	.bienvenido h1{
		width: 50%;
		font-size: 22px;
		padding: 5px 15px;
	}
	.bienvenido2{
		width: 95%;
		font-size: 14px;
	}
	.bienvenido2 p{
		padding: 5px 10px;
	}
	.descripcion p{
		font-size: 14px;
		color: #212f3d;
		padding: 10px 15px;
	}
	.distincion{
		width: 100%;
		padding-left: 0px;
	}
	.distincion .iconosdistincion{
		width: 50%;
	}
	.objetivos h2{
		padding: 10px;
	}
	.objetivos p{
		font-size: 15px;
		text-align: justify;
		padding: 10px;
	}
	.listasinicio{
		width: 45%;
		padding: 5px 10px;
		font-size: 15px;
	}
	.copyright{
		display: none;
	}
	.telefonosdatos, .ubicaciondatos{
		width: 90%;
		text-align: center;
	}
	.copyright2{
		display: inline;
		width: 100%;
		padding: 15px 0px 10px 0px;
		text-align: center;
	}
	.correoroma{
		padding: 10px;
		float: none;
		text-align: center;
	}

	nav ul {
		width: 100%;
		overflow: hidden;
		max-height: 0;
		background: #ddb117;
		padding-top: 0;
		position: relative;
		z-index: 10000;
	}

	nav ul.show {
		max-height: 20em;
		position: relative;
		z-index: 10000;
	}

	nav ul li {
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px dashed #9f9f9f;
	}

	nav ul li a {
		color: #00000;
		display: block;
		padding: 20px;
	}

	.boton {
		margin-right: 5px;
		margin-top: 25px;
		margin-bottom: 27px;
		display: inline;
		border: none;
	}
	.columnasx3{
		width: 49%;
		padding: 10px;
	}

	.formulario{
		width: 100%;
	}
}

@media only screen and (max-width: 480px){
	.logotipo{
		float: none;
	}
	.logonormal {
		display: none;
	}

.logoresponsive {
    display: inline;
}
	nav ul {
		width: 100%;
		overflow: hidden;
		max-height: 0;
		background: #ddb117;
		padding-top: 0;
		position: relative;
		z-index: 10000;
	}

	nav ul.show {
		max-height: 20em;
		position: relative;
		z-index: 10000;
	}

	nav ul li {
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px dashed #9f9f9f;
	}

	nav ul li a {
		padding: 20px;
		color: #00000;
		display: block;
	}

	.boton {
		margin-right: 5px;
		margin-top: 25px;
		margin-bottom: 27px;
		display: inline;
		border: none;
	}
	.slider1{
		width: 100%;
		height: 200px;
	}
	.bienvenido{
		padding-top: 35px;
			}
	.bienvenido h1{
		width: 50%;
		font-size: 22px;
		text-align: center;
		float: none;
		margin: auto;
		padding: 5px 15px;
	}
	.bienvenido2{
		width: 95%;
		font-size: 14px;
		float: none;
		margin: auto;
	}
	.bienvenido2 p{
		text-align: center;
		padding: 5px 10px;
	}
	.descripcion p{
		font-size: 14px;
		color: #212f3d;
		padding: 10px 15px;
	}
	.distincion{
		width: 100%;
		padding-left: 0px;
	}
	.distincion .iconosdistincion{
		width: 100%;
	}
	.objetivos h2{
		padding: 10px;
	}
	.objetivos p{
		font-size: 15px;
		text-align: justify;
		padding: 10px;
	}
	.listasinicio{
		width: 90%;
		padding: 5px 10px;
		font-size: 15px;
	}
	.copyright{
		display: none;
	}
	.telefonosdatos, .ubicaciondatos{
		width: 90%;
		text-align: center;
	}
	.copyright2{
		display: inline;
		width: 100%;
		padding: 15px 0px 10px 0px;
		text-align: center;
	}
	.correoroma{
		padding: 10px;
		float: none;
		text-align: center;
	}

	.titulos h4{
		padding-left: 10px;
	}
	.contenidoservicios h2{
		padding: 10px;
		background: #f4f6f6;
	}
	.columnasx3 {
		width: 100%;
		padding: 10px;
	}

	.contenidocontacto{
		padding:20px 10px;
	}
	.formulario{
		width: 100%;
	}
	.caja-1, .caja-2{
		padding: 0;
	}
}