@import url("reset.css");

/*--- Estilos Generales ---*/

@font-face{
	font-family: "quick";
	src: url("../fonts/quicksand-light-webfont.eot");
	src: url("../fonts/quicksand-light-webfont.eot#") format("embedded-opentype"),
	 	 url("../fonts/quicksand-light-webfont.ttf") format("truetype"),
	 	 url("../fonts/quicksand-light-webfont#quick") format("svg"),
	 	 url("../fonts/quicksand-light-webfont.woff") format("woff");
}

@font-face{
	font-family: "allerf";
	src: url("../fonts/aller_lt-webfont.eot");
	src: url("../fonts/aller_lt-webfont.eot#") format("embedded-opentype"),
	 	 url("../fonts/aller_lt-webfont.ttf") format("truetype"),
	 	 url("../fonts/aller_lt-webfont#allerf") format("svg"),
	 	 url("../fonts/aller_lt-webfont.woff") format("woff");
}

body
{
	
	background: #eff0f1 url(../images/ahloinc_logo_background.jpg);
	background-repeat: repeat;
	background-color: #eff0f1;
	font-family: "allerf";
	font-size: 14px;
	/*letter-spacing: .04em*/
}

/*----EstilosEtiquetas----*/
address
{
	display: inline-block;
	font-size: .9em;
	color: #939598;
	text-align: right;
	width: 100%;
}

article>h2
{
	font-family: "quick";
	font-size: 2.2em;
}

footer
{
	font-family: "allerf";
	width: 100%;	
	height: 10em;
	margin-top: 2em;
	padding: 2em 1em;
	background: #282828;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

footer, .footer_log, .contact
{
	display: inline-block;
	vertical-align: middle;
}

form
{
	padding: 2em;
	text-align: right;
}		

header
{
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

header h1,nav
{
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	
}  

h1
{
	width: 40%;
}

h2
{
	font-family: "quick";
	font-size: 2.2em;
}

iframe
{	
	width: 100%;
	max-width: 960px;
	height: 65px;	
}		

img
{
	max-width: 100%;
}				

nav
{
	width: 55%;
	text-align: right;
	margin-bottom: 1.6em;
	margin-left: 2em;
}

nav ul li 
{
	display: inline-block;
	padding-left: 1em;
	width: 
}	

nav ul li a
{
	font-family: "allerf";
	text-decoration: none;
	font-size: 1em;
	color: #282828;
	-ms-transition: color 1s;
	-moz-transition: color 1s;
	-o-transition: color 1s;
	-webkit-transition: color 1s;
	transition: color 1s;
}

nav ul li a:hover
{
	font-family: "allerf";
	/*text-decoration: none;*/
	font-size: 1em;
	color: #57a6d1;
}	  	

p
{
	font-family: "allerf";
	margin-top: .5em;
	line-height: 1.6em;
	letter-spacing: .05em;
	/*text-align: justify;*/
}	

textarea
{
	resize: none;
	color: black;
}

/*----EstilosId----*/
#carousel
{
	margin: 1em auto auto auto;
	background: #3c3c3c;
	width: 100%;
	height: 4em;
}

#comentarios
{
	vertical-align: top;
}

#correos
{
	display: inline-block;
}

#correos_left, #correos_rigth ul li
{
	list-style: none;
	color: #636363;
}

#correos_left
{	
	margin: 2em;
	display: inline-block;
}

#correos_rigth
{
	margin: 2em 2em 2em 16.5em;
	display: inline-block;
	/*margin-left: 14.4em;*/
	vertical-align: top;
}		

#direct
{
	margin-left: 1em;	
}

#enviar
{
	width: 16%;
	background: #1d2f77;
	color: #fff;
}			

#linki
{
	background: #fff;
	padding: .2em;
	border-radius: .3em;	
	text-align: right;
	-ms-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	-webkit-transition: background 1s;
	transition: background 1s;
}

#linki:hover
{
	background: #1d2f77;
	padding: .2em;
	border-radius: .3em;
	color: #fff;
}

#main 
{
	margin: auto;
}

#map
{
	width: 100%;
	max-width: 960px;
 	height: 360px;
}

#nombre
{
	background: #fff;
}

#retkg
{
	text-align: left;
}	

#slideshow
{
	margin: 3em auto auto auto;	
}		

#space
{
	margin: 2em 0 3em 0;
}

#tamano
{
	color: #636363;
	text-align: justify;
}

#thank
{
	/*width: 65%;*/
	margin-left: 31%;
	padding-top: 2em;
}

#texto_lr
{
	margin: 3em auto auto auto;
	color: #636363;
}	

#texto_l, #texto_r
{	
	display: inline-block;
	vertical-align: top;
}

#texto_l
{
	padding-left: 2em;
}

#texto_r
{
	width: 45%;
	text-align: right;
	margin-left: 3.5em;
}				

/*----EstilosClass----*/
.active
{
	color: #fff;
	background: #1d2f77;
	padding: .2em .8em;
	border-radius: .3em;
	-ms-transition: color 2s;
	-moz-transition: color 2s;
	-o-transition: color 2s;
	-webkit-transition: color 2s;
	transition: color 2s; 
}

.active:hover
{
	color: #57a6d1;
}	

.article1
{
	padding: 2em;
	margin: auto;
	-ms-box-sizzing:border-box;
	-moz-box-sizzing:border-box;
	-o-box-sizzing:border-box;
	-webkit-box-sizzing:border-box;
	box-sizzing:border-box;
}

.anex
{
	margin-top: 2em;
	text-align: right;
}	

.baseb
{
	background: #57a6d1;
}

.basebl
{
	background: #57a6d1;
	/*padding: 2em 0 2em 2em;*/
}	

.baseg
{
	width: 100%;
	background: #ececec;
	/*padding: 2em 2em 2em 2em;*/
}	

.baseg_2
{
	margin-left: 2em;
}

.baseg_3
{
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin-left: 2em;
	margin-top: 2em;
	margin-bottom: 3em;
	text-align: justify;
	color: #636363;
}		

.blueword
{
	text-decoration: none;
	color: #57a6d1;
}

.cambio
{
	color: black;
	background: #fff;
	/*max-width: 700px;	*/
}	

.cambio:active
{
	background: #fff;
}	

.contact
{
	width: 70%;
	text-align: right;
}		

.container_redes
{
	display: block;	
	text-align: right;
	margin-bottom: .2em;
}

.container_mos
{
	font-size: 1.3em;
	color:#fff;
	opacity: .5;
	-ms-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	-webkit-transition: opacity .6s;
	transition: opacity .6s;
}

.container_mos:hover
{
	opacity: 1;
}	

.contenedor
{
	width: 100%;
	max-width: 960px;
	margin: auto;
}


.correogo
{
	letter-spacing: .05em;
	padding: 1em .2em 0 .2em;
	text-decoration: none;
	color: #57a6d1;
	-ms-transition: background color 1.5s;
	-moz-transition: background color 1.5s;
	-o-transition: background color 1.5s;
	-webkit-transition: background, color 1.5s;
	transition: background color 1.5s;
}	

.correogo:hover
{
	padding: 0 .2em;
	text-decoration: none;
	color: white;
	border-radius: .2em;
	background: #1d2f77;
}

.footer_log
{
	margin-left: .5em;	
	opacity: .7;
	width: 28%;
}		

.galeriadown
{
	margin-top: 1em;
	text-align: center;
}

/*.galeriamidle
{
	text-align: center;
}*/

.greyword
{
	color: #636363;
	text-align: justify;
}		

.integred
{
	display: inline-block;
}

.master
{
	width: 100%;	
	max-width: 1000px;
	background: #fff;
	margin: auto;	
}	

.note
{
	text-align: center;
	color: #636363
}

.midle_1
{
	width: 31%;
	margin: .5em; 
}

.social_redes
{
	color: #939598;
	display: inline-block;
	font-size: 1.6em;
	text-decoration: none;
	margin-left: .2em;
}

.size	
{
	font-size: 1.2em;
}	

.slidesjs-navigation
{
	display: none;
}

.slidesjs-pagination a
{
	display: none;
}

.tablauno, .tablados, .tablatres
{
	display: inline-block;
	margin-left: 1em;
	vertical-align: top;
	font-family: "quick";
	line-height: 1.5em;
}	

.text_art
{
	margin-right: 1em;	
	display: inline-block;
	width: 58.5%;
	padding: 2em 0 2em 2em;
}	

.text_art
{
	text-align: justify;
}


.truck
{
	vertical-align: top;
	margin-top: 2em;
	margin-right: 1.5em;
}	

.whiteword
{
	text-align: justify;
	color:#fff;
}

/*.zone
{
	width: 60%;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 1em;
}	*/

div.ic_myCarousel {
    margin: 20px auto 0 auto;
    clear:right;
}

.ic_left_nav, .ic_right_nav {
    display: none;
    width: 100%;
}

.cambio
{
	width: 70%;
}

							/*RESPONSIVE*/

@media screen and (max-width: 960px)
{
	.tablauno, .tablados, .tablatres
	{
		margin-left: 0.5em;
	}

	.text_art
	{
		width: 50%;
	}

	.truck
	{
		width: 
		margin-right: 1em;
	}

	header
	{
		margin: auto 1em;
	}

}


@media screen and (max-width: 960px)
{
/*	.contenedor
	{
		background: yellow;
	}*/

	nav
	{
		width: 52%;
	}

	#texto_r
	{
		margin-left: 0em;	
	}

	.fotdown_1 
	{
		width: 70%;
	}

	.fotdown_2 
	{
		width: 70%;
	}

	.fotdown_3 
	{
		width: 70%;
	}
}

@media screen and (max-width: 800px)
{

/*	.contenedor
	{
		background: orange;
	}*/

	.tabla1, .tablados, .tablatres
	{
		margin-left: 0.1em;
	}

	#texto_l>p
	{
		display: inline-block;
	}


	#texto_r
	{
		display: block;
		width: 100%;
	}

	#texto_r>p
	{
		text-align: left;
		padding-left: 2em;
	}

	.fotdown_1 
	{
		width: 90%;
	}

	.fotdown_2 
	{
		width: 90%;
	}

	.fotdown_3 
	{
		width: 90%;
	}

	
	
}


@media screen and (max-width: 768px)
{

/*	.contenedor
	{
		background: red;
	}*/

	h1
	{
		width: 90%;
		display: block;
		text-align: center;
	}

	header h1,nav
	{
		text-align: center;	
	}

	nav
	{
		width: 85%;
		display: block;
		margin-top: 3em;
		text-align: center;
	}

	nav ul li a
	{
		font-size: 1.3em;
	}

	nav ul li a:hover
	{
		font-size: 1.3em;
	}

	#correos_rigth
	{
		margin: 2em;
	}


	.basebl
	{
		text-align: center;
	}

	.baseg
	{
		text-align: center;
	}

	.fotdown_1 
	{
		width: 90%;
	}

	.fotdown_2 
	{
		width: 90%;
	}

	.fotdown_3 
	{
		width: 90%;
	}

	.midle_1
	{
		width: 45%;
	}

	.social_redes
	 {
	 	font-size: 1.8em;
	 }

	.tabla1, .tablados, .tablatres
	{
		margin-left:  2em;
	}  

	.text_art
	{
		width: 90%;
	}

	.truck
	{
		width: 80%;		
		margin: auto;
	}
	 
}

@media screen and (max-width: 600px)
{
/*	.contenedor
	{
		background: yellow;
	}*/

	address
	{
	font-size: 1em;
	color: #939598;
	text-align: center;
	width: 100%;
	}

	footer
	{
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	}
	
	#correos
	{
		text-align: center;
	}

	#correos_rigth
	{
		margin: 2em;
	}

	.baseg_3
	{
		width: 80%;
	}

	.contact
	{
		text-align: center;
	}

	.container_redes
	{
		text-align: center;
		margin: 1.2em auto;
	}

	.midle_1
	{
		width: 100%;
	}

	.fotdown_1 
	{
		width: 90%;
	}

	.fotdown_2 
	{
		width: 90%;
	}

	.fotdown_3 
	{
		width: 90%;
	}

	.footer_log
	{
		width: 40%;
		margin: auto;
	}

	.social_redes
	{
	 	font-size: 2.2em;	 	
	}

	.tabla1, .tablados, .tablatres
	{
		margin-left:  1em;
	}

	 

	

	

}

@media screen and (max-width: 480px)
{
	/*.contenedor
	{
		background: white;
	}
*/
	nav ul li
	{
		display: inline;
		padding: 0.2em;
		text-align: center;
	}

	nav ul li a
	{
		
		width: 50%;
		display: inline-block;
		padding: 0.5em;		
	}

	.baseg_3
	{
		width: 80%;
	}

	.tabla1, .tablados, .tablatres
	{
		display: block;
	}


}
.footer_log img{max-height:90px;}
a.cambio{width:150px;height:25px;float:right;text-align:center;line-height:25px;text-decoration:none;}
a.cambio:hover{opacity:0.8;}