@charset "utf-8";
/* CSS Document */
/* Mapa Google de Página About */
.map-responsive{
    overflow:hidden;
    padding-bottom:98%;
    position:relative;
    height:0;
	}
	.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	}

/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
  width: 100% !important;
}

#facebooklike{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 30px;
}

#vision {
		padding-left: 110px;
		padding-right: 110px;
		padding-top: 2px;
	}

#mision {
		padding-left: 110px;
		padding-right: 110px;
		padding-top: 2px;
	}
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* STYLES GO HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Botones Formulario de contacto */
	#console .btn  {
		margin-bottom: 8px;
	}
}
 
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	/* Titulo de las páginas */
	.page-header h1 { 
	margin-left:10px; 
	font-size:24px;
	}
	/* Botones Formulario de contacto */
	#console .btn  {
		margin-bottom: 8px;
	}
}

@media only screen and (max-width : 360px) {
	/* Titulo de las páginas */
	.page-header h1 { 
	margin-left:10px; 
	font-size:26px;
	}
	/* Botones Formulario de contacto */
	#console .btn  {
		margin-bottom: 8px;
	}
	
	#vision {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
	}
	
	#mision {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
	}
}

@media only screen and (max-width : 375px) {
	#vision {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
	}
	
	#mision {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
	}

}

@media only screen and (max-width : 414px) {
	#vision {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
	}
	
	#mision {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
	}

}
 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* STYLES GO HERE */
}

@media only screen and (max-width : 800px) {
/* STYLES GO HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* STYLES GO HERE */
 
/* iPhone 5 (portrait &amp; landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
/* STYLES GO HERE */
}

