@charset "utf-8";

/*
default de pagina
*/ 
#contenedor {
	position: relative;
	width: 100%;
	z-index: -10;
	top: 0%;
	left: 0%;
}

#encabezado {
	position: fixed;
	width: 100%;
	height: 17%;
	z-index: -7;
}

#encabezado_hijo {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: -9;
	background-color: #FFF;
}

#logo {
	position: absolute;
	z-index: -10;
	text-align: left;
	width: 50%;
	height: 100%;

}
#logo_imagen {
	z-index: -9;
	top: 0%;
	left: 0%;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 0px;
	height: 100%;
	padding-top: 1%;
	padding-left: 1%;	
}
#contacto {
	position:relative;
	width: 50%;
	height: 100%;
	z-index: -10;
	float: right;
	text-align: right;
	bottom: 0px;
	
}
#contacto_texto{
	z-index: -9;
	position: absolute;
	vertical-align: text-bottom;
	text-align: right;
	height: auto;
	width: auto;
	bottom: 0px;
	right: 3%;
	font-family: BankGothic;
	font-size: 1em;
}
#menu {
	position: fixed;
	width: 100%;
	height: 4%;
	z-index: -9;
	top: 17%;
	background-color: #000;
}


#cuerpo {
	position: absolute;
	width: 100%;
	z-index: -7;
	top: 21%;
}
#contenido_cuerpo {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
}
#cuerpo_nosotros {
	position: fixed;
	width: 100%;
	height: 65%;
	z-index: -10;
	top: 21%;
}
#contenido_cuerpo_nosotros {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
	
}



#final_cuerpo {
	position: absolute;
	width: 100%;
	height: 14%;
	z-index: -10;
}

#pie {
	position: fixed;
	width: 100%;
	height: 14%;
	z-index: -9;
	bottom: 0%;
	background-color: #000;
}

#r_sociales {
	position: absolute;
	z-index: -10;
	text-align: left;
	width: 50%;
	height: 100%;
}

#r_sociales_logo {
	z-index: -9;
	left: 0%;
	width: 100%;
	height: 100%;
	padding-top: 5%;
	padding-left: 1%;
}

#permiso {
	position: relative;
	width: 50%;
	height: 100%;
	z-index: -10;
	float: right;
	text-align: right;
	bottom: 0px;
	vertical-align: middle;
}
#permiso_texto{
	z-index: 2;
	position: absolute;
	z-index: -11;
	vertical-align: text-bottom;
	text-align: right;
	height: auto;
	width: auto;
	top: 30%;
	right: 3%;
	font-family: BankGothic;
	font-size: 1.15em;
	color: #AAA;
}

#facebook_logo {
	position: relative;
	z-index: -10;
	float: left;
	display: inline-block;
	height: 100%;
	width: 3.8%;
}


#twitter_logo {
	position: relative;
	z-index: -10;
	float: left;
	display: inline-block;
	height: 100%;
	width: 3.8%;
}

#youtube_logo {
	position: relative;
	z-index: -10;
	float: left;
	display: inline-block;
	height: 100%;
	width: 3.8%;
}
#espacio {
	position: relative;
	z-index: -10;
	float: left;
	display: inline-block;
	height: 100%;
	width: 1.8%;
}


/*
Inicio****************************************************************************************
*/
.main {
	position: relative;
	width: 100%;
	height: 50%;
	position: absolute;
	padding-top: .5%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 22%;
	z-index: -8;
}

.slides {
	width: 100%;
	text-align: center;
	position: fixed;
	height: 45%;
}

.slidesjs-navigation{
	text-decoration: none;
	display: inline-block;
	padding: 10px 20px;
	float: right;

}
.slidesjs-previous{
	background-repeat: no-repeat;
	background-position: center center;
	height: 11%;
	width: .8%;
	background-color: #000;
	position: absolute;
	left: 5%;
	top: 40%;
	opacity: .65;
	z-index: 3000;
	background-image: url(../images/previous_boton.png);
}
.slidesjs-previous:hover{
	background-image: url(../images/previous_boton.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 11%;
	width: .8%;
	opacity: .8;
	z-index: 3000;
}

.slidesjs-next{
	background-image: url(../images/next_boton.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 11%;
	width: .8%;
	background-color: #000;
	position: absolute;
	right: 5%;
	opacity: .65;
	z-index: 3000;

	top: 40%;
}

.slidesjs-next:hover{
	background-image: url(../images/next_boton.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 11%;
	width: .8%;
	opacity: .8;
	z-index: 3000;
}

.slides.img
{
	width: 100%;

}

#cuadro_fondo {
	position: relative;
	z-index: 19;
	padding-top: 9px;
	left: 5%;
	padding-right: 13px;
	padding-bottom: 13px;
	padding-left: 13px;
	width: 33%;
	top: 24em;
}
#fondo {
	z-index: 2;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .85;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#fondo1 {
	z-index: 2;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#cuadro_frente {
	position: relative;
	width: 450px;
	height: auto;
	z-index: 20;
	background-color: #1A447D;
	left: -25px;
	font-family: BankGothic;
	font-size: 2em;
	color: #FFF;
	text-align: right;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	top: 0px;
}
#letras {
	position: relative;
	width: auto;
	height: auto;
	z-index: 1;
	margin-top: 10px;
	font-family: BankGothic;
	font-size: .95em;
	color: #FFF;
}
/*
Nosotros****************************************************************************************
*/
#cuadro_fondo_nosotros {
	position: absolute;
	width: 110%;
	height: 40%;
	z-index: 1;
	background-image: url(../imagenes/fondo_rombos2.png);
	top: 32%;
}
#fondo3{
	position: absolute;
	background-color: #111;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.85;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#submenu_mision {
	position: absolute;
	width: 18.5%;
	height: auto;
	left: 10%;
	top: 20%;
	z-index: 1;
	font-family: BankGothic;
	font-size: 180%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-image: url(../imagenes/boton_ventajas1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 0.35%;
	padding-bottom: 0.35%;
}
#submenu_vision {
	position: absolute;
	width: 18.5%;
	height: auto;
	left: 10%;
	top: 46%;
	z-index: 1;
	font-family: BankGothic;
	font-size: 180%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-image: url(../imagenes/boton_ventajas1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 0.35%;
	padding-bottom: 0.35%;
}
#submenu_valores {
	position: absolute;
	width: 18.5%;
	height: auto;
	left: 10%;
	top: 72%;
	z-index: 1;
	font-family: BankGothic;
	font-size: 180%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-image: url(../imagenes/boton_ventajas1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 0.35%;
	padding-bottom: 0.35%;
}
#submenu_mision:hover {
	position: absolute;
	width: 18.5%;
	height: auto;
	left: 10%;
	top: 20%;
	z-index: 1;
	font-family: BankGothic;
	font-size: 180%;
	color: #1A447D;
	text-align: center;
	vertical-align: middle;
	background-image: url(../imagenes/boton_ventajas_sobre.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
padding-top: 0.35%;
	padding-bottom: 0.35%;
}
#submenu_vision:hover {
	position: absolute;
	width: 18.5%;
	height: auto;
	left: 10%;
	top: 46%;
	z-index: 1;
	font-family: BankGothic;
	font-size: 180%;
	color: #1A447D;
	text-align: center;
	vertical-align: middle;
	background-image: url(../imagenes/boton_ventajas_sobre.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
padding-top: 0.35%;
	padding-bottom: 0.35%;
}
#submenu_valores:hover {
	position: absolute;
	width: 18.5%;
	height: auto;
	left: 10%;
	top: 72%;
	z-index: 1;
	font-family: BankGothic;
	font-size: 180%;
	color: #1A447D;
	text-align: center;
	vertical-align: middle;
	background-image: url(../imagenes/boton_ventajas_sobre.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 0.35%;
	padding-bottom: 0.35%;
}
#cuadro_principal_nosotros {
	position: absolute;
	height: 70%;
	z-index: 1;
	top: 10%;
	width: 40%;
	right: 10%;
}
#fondo_nosotros {
	z-index: 2;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .85;
}
#cuadro_frente_nosotros {
	position: relative;
	width: 65%;
	height: auto;
	z-index: 1;
	top: -5%;
	text-align: right;
	vertical-align: middle;
	font-family: BankGothic;
	font-size: 2.5em;
	color: #FFF;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#fondo2_nosotros {
	background-image: none;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1A447D;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
}
#contenido_nosotros {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
}

#mision_texto
{
	position: absolute;
	width: 65%;
	height: 80%;
}
#mision_texto_int
{
	z-index: 2;
	font-family: BankGothic;
	font-size: 1.10em;
	color: #FFF;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	vertical-align: middle;
	padding-top: 15%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
}
#mision_img
{
	position:relative;
	width: 34%;
	height: 80%;
	z-index: 1;
	float: right;
}
#mision_img_int
{
	z-index: 2;
	top: 0%;
	left: 0%;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding-top: 1%;
	padding-right: 1%;	
}