@charset "utf-8";
/* CSS Document */

/*FORMULARIO*/

#Iframe-Liason-Sheet {
 max-width: 550px;
 max-height: 1580px;
 overflow: hidden;

}
/* inner wrapper: make responsive */
.responsive-wrapper {
 position: relative;
 height: 0;  /* gets height from padding-bottom setting */
 -webkit-overflow-scrolling: touch;
 overflow: auto;
}
.responsive-wrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 border: none;
}
/* padding-bottom = h/w as a % */
.responsive-wrapper-wxh-550x2000 {
 padding-bottom: 363.6364%;
}

.center-block-horiz {
 margin-left: auto !important;
 margin-right: auto !important;
}  


/* CONTENEDOR 2 NOSOTROS*/

#contenedor2{
	background: #FFF;
	max-width: 100%;  /* ajustar ancho del contenedor */
	min-height: 250px; /* ajustar alto del contenedor */
	margin:0 auto;
	
}

/* NOSOTROS */
#titulo2{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	
	color: #737272;
    text-align: center;
}

/* EDITAR TAMAÑO TEXTO */
#conte2{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	text-align: left; /*  JUSTIFICAR ALINEAR TEXTO*/
	padding: 25px 25px 20px 20px;  /* EDITA  LADOS / ESPACIOS DEL TEXTO*/
	color: #737272;
	
}

/* EDITAR MARGENES TEXTO */
.clase-izq{
	float: left;
	margin: -10px 37px 8px 0px; /* MARGEN DEL TEXTO PEGADO A IMAGEN 37*/
	max-width: 100%;
	min-height: 100%;
}

#conte2 img {
    width: 100%; /*CONTROLA EL TAMAÑO DE IMAGEN Y EL ANCHO DE CADA LADO EN EL RESPONSIVO*/
    max-width: 400px; /* CAMBIA EL TAMAÑO DE LA IMAGEN*/
	border: 6px solid #CCFEFF;	
	border-radius: 5px; 
	
}
/* TERMINA CONTENEDOR 2 NOSOTROS*/


/* CONTENEDOR 3 MISION*/

#contenedor3{
	background: #AA98B0;
	max-width: 100%;  /* ajustar ancho del contenedor */
	min-height: 250px; /* ajustar alto del contenedor */
	margin:0 auto;
	
}

/* NOSOTROS */
#titulo3{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	
	color: #FFF;
    text-align: center;
}

/* EDITAR TAMAÑO TEXTO */
#conte3{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	text-align: left; /*  JUSTIFICAR ALINEAR TEXTO*/
	padding: 25px 60px 20px 60px;  /* EDITA  LADOS / ESPACIOS DEL TEXTO*/
	color: #FFF;
	
}

/* EDITAR MARGENES TEXTO */
.clase-izq{
	float: left;
	margin: -10px 37px 8px 0px; /* MARGEN DEL TEXTO PEGADO A IMAGEN 37*/
	max-width: 100%;
	min-height: 100%;
}

#conte3 img {
    width: 100%; /*CONTROLA EL TAMAÑO DE IMAGEN Y EL ANCHO DE CADA LADO EN EL RESPONSIVO*/
    max-width: 350px; /* CAMBIA EL TAMAÑO DE LA IMAGEN*/
	border: 6px solid #CCFEFF;	
	border-radius: 5px; 
	
}
/* TERMINA CONTENEDOR 3 MISION*/


/* CONTENEDOR 4 VISION*/

#contenedor4{
	background: #AA98B0;
	max-width: 100%;  /* ajustar ancho del contenedor */
	min-height: 320px; /* ajustar alto del contenedor */
	margin:0 auto;
	
}


/* NOSOTROS */
#titulo4{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	
	color: #FFF;
    text-align: center;
}

/* EDITAR TAMAÑO TEXTO */
#conte4{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	text-align: left; /*  JUSTIFICAR ALINEAR TEXTO*/
	padding: 25px 60px 20px 60px;  /* EDITA  LADOS / ESPACIOS DEL TEXTO*/
	color: #FFF;
	
}

/* EDITAR MARGENES TEXTO */
.clase-izq{
	float: left;
	margin: -10px 37px 8px 0px; /* MARGEN DEL TEXTO PEGADO A IMAGEN 37*/
	max-width: 100%;
	min-height: 100%;
}

#conte4 img {
    width: 100%; /*CONTROLA EL TAMAÑO DE IMAGEN Y EL ANCHO DE CADA LADO EN EL RESPONSIVO*/
    max-width: 350px; /* CAMBIA EL TAMAÑO DE LA IMAGEN*/
	border: 6px solid #CCFEFF;	
	border-radius: 5px; 
	
}

/* TERMINA CONTENEDOR 4 VISION*/


@media screen and (max-width:380px) {
	#titulo2{
	
	text-align: center;
	
}
}

@media screen and (max-width:380px) {
	#titulo3{
	
	text-align: center;
	
}
}
@media screen and (max-width:380px) {
	#titulo4{
	
	text-align: center;
}
}


@media screen and (max-width:380px){
/* EDITAR TAMAÑO TEXTO */
#conte2{

	text-align: center; /*  JUSTIFICAR ALINEAR TEXTO*/
	font-size: 13px;
	
}
}



@media screen and (max-width:380px){
		
/* EDITAR TAMAÑO TEXTO */
#conte3{
	text-align: center; /*  JUSTIFICAR ALINEAR TEXTO*/
	font-size: 13px;	

}
}


@media screen and (max-width:380px){
	
		
/* EDITAR TAMAÑO TEXTO */
#conte4{
	text-align: center; /*  JUSTIFICAR ALINEAR TEXTO*/
	font-size: 13px;

	
}
}