/* Hoja estilo pagina inicio ayax consultores */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
body{
	margin: 0;
    padding: 0;
	font-family:"Open Sans",sans-serif;
}

#top{

}
#menu{margin:0 auto 0 auto;  text-align:center;
	
}

.logotipo{

}
#menu li{
 
}


#franja{
	width:100%;
	height:10px;
	background-color:#3C6E8F;	
}

/* Estilo Normal*/
@media screen and (min-width:62em){

	
/* Informacion */
	#centro{
		
		margin-top:40px;
		width:100%;		
	}
	
	#centro #leyenda{
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		font-family:"Open Sans",sans-serif;
		margin:0 auto 0 auto; width:100% !important;
		text-align:center;
		vertical-align: text-top;
		
	}
	#centro #leyenda #titulo{
		font-weight:300;
		color:#3C6E8F;	
		font-size:3.5em !important;
	
	}
	#centro #leyenda #subtitulo{
		color:#666;	
		font-size:0.8em;
		font-weight:100;
	}
	#centro #leyenda #subtitulo h1{
		display:inline-block;
		font-size:1.1em !important;
		font-weight:bold;
			color:#349CD9;	
	}

	#informacion{
		
		
		background-color:#F4F6F5;
		width:100%;
		text-align:center;
		height:auto;
	}
	
	#informacion #contenedor {
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		font-family:"Open Sans",sans-serif;
		text-align:center;
		margin:0 auto 0 auto;
		max-width: 1200px;
		padding-top:80px;
		padding-bottom:80px;
	}
	#informacion #contenedor #titulo{
		line-height:60px;
		font-size:2.0em;
		font-weight:100;
		color:#000;
		padding-bottom:90px;
	}
	#informacion #contenedor #contenido #izquierda #imagen{
		margin-left:3%;
		float:left !important;
		margin-right:3%;
		width:40% !important;
		vertical-align: middle;
	}
	#informacion #contenedor #contenido #izquierda .imagenes img{
		max-width:100px !important;
		width:100px !important;
		float:left;
	}
	#informacion #contenedor #contenido #izquierda #imagen .img{
		max-width:100% !important;
		overflow:hidden;
		width:100% !important;
		vertical-align:middle;
	}
	

	#informacion #contenedor #contenido #derecha{
		font-weight:400;
		font-size:1.0em !important;
		line-height:60px !important;
		color:#666;
		text-align:justify !important;
		float:left !important;
		width:50% !important;
	}
	#informacion #contenedor #contenido #derecha span{

		font-size:2.0em !important;
		font-weight:100;
		color:#000;
	}
	#informacion #contenedor #contenido #derecha p{
		font-weight:400;
		font-size:0.8em;
		line-height:30px;
		color:#666;
		text-align:justify !important;
		float:left !important;
		width:100% !important;
	}
	#centro #leyenda #titulo{
		font-weight:300;
		color:#3C6E8F;	
		font-size:3.5em;

	}
	#vision{
		font-family:"Open Sans",sans-serif;
		background-image:url(../imagenes/fondos/vision.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		width:100%;
		max-height:800px;
		text-align:center;
	}
	#vision #titulo{
		font-weight:300;
		padding-top:180px;
		color:#FFF;
		font-size:3.5em;
		font-weight:300;
	}
	#vision #texto{
		padding-top:40px;
		color:#FFF;
		font-size:1.0em;
		line-height:1.8em;
		font-weight:300;
		padding-bottom:180px;
	}
	
	#pie{
		width:100%;
		background-color:#31353E;
		font-family:"Open Sans",sans-serif;
		padding-bottom:90px;	
	}	
	#pie #separadores{
		margin:0 auto 0 auto; width:70% !important;	
		text-align:left;	
		font-size:1.0em !important;
		font-weight:100;
	    text-transform:uppercase;
		line-height:38px;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;


	}
	#pie #separadores #separador{
		font-family:"Open Sans",sans-serif;
		font-weight:400;
		vertical-align: text-top;
		float:none;
		display:inline-block;
		*display:block;
		*float:left;
		width:22% !important;
		margin-left:.3em;
		margin-right:.1em;	
	}
	#pie #separadores #separador #titulo{
		
		color:#3087B2;	
	}
	#pie #separadores #separador ul{
		margin-top:40px;
		margin:0;
		padding:0;
		text-align:left;
		list-style:none;
	}
	#pie #separadores #separador ul.links{
		margin-top:30px;
		line-height:22px;
	}
	#pie #separadores #separador ul.normal{
		margin-top:30px;
	}
	
	#pie #separadores #separador .facebook-pie{
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/facebook-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador .twitter-pie{
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/twitter-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador .youtube-pie{
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/youtube-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador .instagram-pie{
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/instagram-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador ul li a{
		font-size:0.6em;
		color:#737783;
		text-decoration:none;
	}
	#pie #separadores #separador ul li a:hover{
		color:#FFF;
		cursor:pointer;
	}
	#pie #separadores #separador ul.ubicacion{
		margin-top:30px;
	}
	#pie #separadores #separador ul.ubicacion li{
		font-size:0.6em;
		color:#737783;
		text-decoration:none;
	}
	#pie #separadores #separador .ubicacion-pie{
		line-height:20px;
		text-transform:uppercase;
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/ubicacion-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador .telefono-pie{
		margin-top:20px;
		line-height:20px;
		text-transform:uppercase;
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/telefono-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}	
	#derechos{
		width:100%;
		background-color:#31353E;
		
	}
	#derechos #fondo{
		font-family:"Open Sans",sans-serif;
		margin:0 auto 0 auto; width:70% !important;	
		text-align:left;
		background-color:#22252C;
		height:60px;	
	}
	#derechos #fondo #texto{
		font-weight:400;
		padding-top:18px;
		padding-left:30px;
		color:#FFF;
		font-size:0.8em;
	}
	#derechos #fondo #texto span{
		font-weight:300;
		font-size:0.7em;
		color:#737783;
	}
	.input.text {
		margin-left:0 !important;
		margin-bottom: 48px;
		width: 31.2% !important;
		float: left !important;
		margin-right: 2%;
	}
	
	.input.textarea {
		margin-left:0 !important;
		clear: both;
		width: 100% !important;
	}
	
	.input.text input, .input.textarea textarea {
		font-family:"Open Sans",sans-serif;
		height: 50px;
		border: none;
		-webkit-appearance: none;
		border-radius: 3px;
		background: #f1f1f1;
		box-shadow: 0px 2px 3px 0 #d4d4d4;
		color: #535353;
		font-weight: 700;
		font-size: 0.7em;
		padding: 0 7% !important;
		width: 86% !important;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}
	
	#promociones{
		margin-top:80px;
		
		width:100%;
	}
	
	#promociones #contenedor{
		margin:0 auto 0 auto;
		max-width:1200px;
		padding-left:10px;
		padding-right:10px;	


	}
	#promociones #contenedor #centro{
		margin-left:0% !important;
	}
	#promociones #contenedor #promocion{
		font-family:"Open Sans",sans-serif;
		background-color:#f0f0f0;
		float:left !important;
		width:31% !important;
		margin-right:1.5em;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		margin-bottom:60px;
	}
	#promociones #contenedor #promocion.cuatro{
		font-family:"Open Sans",sans-serif;
		background-color:#f0f0f0;
		float:left !important;
		width:22.5% !important;
		margin-right:1.5em;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		margin-bottom:60px;
	}
	.ultima{
		margin-right:0em !important;
	}
	
	#promociones #contenedor #promocion:hover{
		background:#f5f5f5 none repeat scroll 0 0;
		box-shadow: 0 1px 5px 0px #929292;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	#promociones #contenedor #promocion #imagen img{
		width: 100%;
		height:250px !important;

	}
	#promociones #contenedor #promocion #imagen.cuatro img{
		width: 100%;
		height:200px !important;

	}
	#promociones #contenedor #promocion #imagen #descuento{
		background-image:url(../imagenes/accesorios/descuento.png);
		background-repeat:no-repeat;
		width:128px;
		height:128px;
		position:absolute;
		
	}
	#promociones #contenedor #promocion #texto{
		margin:0 auto 0 auto;
		width:90%;
		height:180px !important;
	}
	#promociones #contenedor #promocion #texto.cuatro{
		margin:0 auto 0 auto;
		width:90%;
		height:100px !important;
		text-align:center;
	}
	#promociones #contenedor #promocion #texto h1{
		font-weight:bold;
		font-size:1.3em;	
	}
	#promociones #contenedor #promocion #texto span{
		color:#349CD9;
	}
	
	#promociones #contenedor #promocion #texto p{
		font-weight:300;
		font-size:0.6em;
		line-height:25px;
	}
	#promociones #contenedor #promocion #boton{
		margin-top:20px;
		text-align:center;
		margin-bottom:30px;

	}
	#promociones #contenedor #promocion #boton #verboton{
		
	}
	#promociones #contenedor #promocion #boton #verboton a{
		margin-left:12px;
		opacity:0;
	}
	#promociones #contenedor #promocion #boton #verboton a.cuatro{
		margin-left:12px;
		opacity:1;
	}
	
	#promociones #contenedor #promocion:hover #boton #verboton a{
		opacity:1;
	}
	#promociones #contenedor #promocion:hover #boton #verboton a:hover{
		 background: #4785A9 none repeat scroll 0 0; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s;
	}
	
	#promociones #contenedor .contenido{
		padding:5px;
	}
	#promociones #contenedor .contenido .fila{
		display:inline-block;
		
	}
	

}
/* Estilo Reducido*/
/*------------------------------------------------------*/
	#centro{
		
		margin-top:40px;
		width:100%;		
	}
	
	#centro #leyenda{
		font-family:"Open Sans",sans-serif;
		margin:0 auto 0 auto; width:100% !important;
		text-align:center;
		vertical-align: text-top;
		
	}
	#centro #leyenda #titulo{
		font-weight:300;
		color:#3C6E8F;	
		font-size:2.5em;
	
	}
	#centro #leyenda #subtitulo{
		color:#666;	
		font-size:1.2em;
		font-weight:100;
		margin-bottom:15px;
	}
	#centro #leyenda #subtitulo h1{
		display:inline-block;
		font-size:1.1em !important;
		font-weight:bold;
			color:#349CD9;	
	}

	#informacion{
		
		background-color:#F4F6F5;
		width:100%;
		text-align:center;
		height:auto;
	}
	
	#informacion #contenedor {
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		font-family:"Open Sans",sans-serif;
		text-align:center;
		margin:0 auto 0 auto;
		max-width: 1200px;
		padding-top:80px;
		padding-bottom:80px;
	}
	#informacion #contenedor #titulo{
		line-height:60px;
		font-size:2.0em;
		font-weight:100;
		color:#000;
		padding-bottom:90px;
	}
	#informacion #contenedor #contenido #izquierda .imagenes{
		margin-top:15px;
	}
	#informacion #contenedor #contenido #izquierda .imagenes img{
		display:inline-block;
		margin-right:12px;
		margin-top:10px;
		max-width:80px;
		overflow: hidden;
    	display: block;
    	height: 80px;
		float:left;
	}
	#informacion #contenedor #contenido #izquierda #imagen .img{
		margin:0 auto;
		vertical-align:middle;
		max-height:700px;
		text-align:center;
		max-width:70%;
		overflow: hidden;
    	display: block;
    	height: auto;
	}
	

	#informacion #contenedor #contenido #derecha{
		margin:0 auto;
		font-weight:400;
		font-size:0.8em;
		line-height:30px;
		color:#666;
		text-align:center;
		width:90%;
	}
	#informacion #contenedor #contenido #derecha span{
		font-size:1.8em;
		font-weight:100;
		color:#000;
	}

	#centro #leyenda #titulo{
	font-weight:300;
	color:#3C6E8F;	
	font-size:2.5em;

	}
	#vision{
		font-family:"Open Sans",sans-serif;
		background-image:url(../imagenes/fondos/vision.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		width:100%;
		max-height:800px;
		text-align:center;
	}
	#vision #titulo{
		font-weight:300;
		padding-top:180px;
		color:#FFF;
		font-size:3.5em;
		font-weight:300;
	}
	#vision #texto{
		padding-top:40px;
		color:#FFF;
		font-size:1.0em;
		line-height:1.8em;
		font-weight:300;
		padding-bottom:180px;
	}	
	#pie{
		width:100%;
		background-color:#31353E;
		padding-bottom:90px;	
	}	
	#pie #separadores{
		margin:0 auto 0 auto; width:90%;	
		text-align:left;	
		font-size:1.5em;
		font-weight:100;
	    text-transform:uppercase;
		line-height:38px;


	}
	#pie #separadores #separador{
		font-family:"Open Sans",sans-serif;
		vertical-align: text-top;
		float:none;
		display:inline-block;
		*display:block;
		*float:left;
		width:100%;
		margin-left:.4em;
		margin-right:.2em;	
	}
	#pie #separadores #separador #titulo{
		padding-top:20px;
		padding-bottom:20px;
		color:#3087B2;	
	}
	#pie #separadores #separador ul{
		margin-top:20px;
		margin:0;
		padding:0;
		text-align:left;
		list-style:none;
	}
	#pie #separadores #separador ul.links{
		margin-top:30px;
		line-height:22px;
	}
	#pie #separadores #separador ul.normal{
		margin-top:30px;
	}
	
	#pie #separadores #separador .facebook-pie{
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/facebook-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador .twitter-pie{
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/twitter-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador .instagram-pie{
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/instagram-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador ul li a{
		font-size:0.6em;
		color:#737783;
		text-decoration:none;
	}
	#pie #separadores #separador ul li a:hover{
		color:#FFF;
		cursor:pointer;
	}
	#pie #separadores #separador ul.ubicacion{
		margin-top:30px;
	}
	#pie #separadores #separador ul.ubicacion li{
		font-size:0.6em;
		color:#737783;
		text-decoration:none;
	}
	#pie #separadores #separador .ubicacion-pie{
		line-height:20px;
		text-transform:uppercase;
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/ubicacion-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	#pie #separadores #separador .telefono-pie{
		margin-top:20px;
		line-height:20px;
		text-transform:uppercase;
		padding-left:40px;
		padding-top:2px;
		background-image:url(../imagenes/accesorios/telefono-pie.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}	
	#derechos{
		width:100%;
		background-color:#31353E;
		font-weight:300;	
	}
	#derechos #fondo{
		font-family:"Open Sans",sans-serif;
		margin:0 auto 0 auto; width:70% !important;	
		text-align:left;
		background-color:#22252C;
		height:60px;	
	}
	#derechos #fondo #texto{
		padding-top:18px;
		padding-left:30px;
		color:#FFF;
		font-size:0.7em;
	}
	#derechos #fondo #texto span{
		font-size:0.7em;
		color:#737783;
	}

/*Boton Pulso*/
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*Contactanos*/

#info{
	margin:0 auto 0 auto;
	margin-top:50px;
	max-width: 1000px;
	font-family:"Open Sans",sans-serif;

}
.input.textarea textarea {
    height: 130px !important;
    margin: 0;
    padding: 15px 2%;
    width: 100%;
}
.input.text label, .input.textarea label {
	font-weight:300;
    color: #535353;
    font-size: 0.7em;
    display: block;
    margin-bottom: 15px;
}
.verror{
	font-size:0.9em;
	color:#349CD9;
	font-weight:bold;
}
.mostrar-error{
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;    transition: all 0.5s ease;
	opacity:1;
}
.error{
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;    transition: all 0.5s ease;
	opacity:0;
}
.divisior{
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
}
.color_azul{
	font-weight:bold;
	color:#3C6E8F;
}
.campo {
	text-align:center;
}
.campo_titulo{
	font-size:1.1em;
	margin-bottom:20px;
}

.input.text input, .input.textarea textarea {
	font-family:"Open Sans",sans-serif;
    height: 50px;
    border: none;
    -webkit-appearance: none;
    border-radius: 3px;
    background: #f1f1f1;
    box-shadow: 0px 2px 3px 0 #d4d4d4;
    color: #535353;
    font-weight: 700;
    font-size: 0.7em;
    padding: 3 1%;
    width: 86%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.input.text input:focus, .input.textarea textarea:focus {
    background: #fff;
    box-shadow: 0px 0px 3px 0 #d4d4d4;
}
.input.text {
	margin-left:10px;
    margin-bottom: 48px;
    width: 95%;
    margin-right: 2%;
}
.input.text label .requerido, .input.textarea label .requerido {
    color: #349CD9;
    font-weight: 700;
}

.input.textarea {
	margin-left:10px;
    clear: both;
    width: 97%;
}

.checkbox {
    position: relative;
    margin-bottom: 9px;
    width: 67%;
    margin-top: 65px;
    float: left;
}
#contactDiv .btn1 {
    border: none;
    float: right;
    margin-top: 51px;
    cursor: pointer;
}
.btn1 {
    background: #3C6E8F;
    color: #fff;
    font-size: 0.8em;
    text-decoration: none;
    border-radius: 3px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    padding: 0 30px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	margin-right:20px;
}
button.btn1:hover{ background: #4785A9 none repeat scroll 0 0; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s; }

.checkbox .label-avisos {
    float: left;
    width: 90%;
}

#mapa{
	margin-top:0px;
	width:100%;
}

#mapa #vermapa{ width:100%;}


#promociones{
		margin-top:80px;
		
		width:100%;
	}
	#promociones #contenedor{
		margin:0 auto 0 auto;
		max-width:1200px;
		padding-left:10px;
		padding-right:10px;	


	}
	#promociones #contenedor #centro{
		margin-left:4%;
		
	}
	#promociones #contenedor #promocion{
		
		font-family:"Open Sans",sans-serif;
		background-color:#f0f0f0;
		float:left;
		width:90%;
		margin-right:1.5em;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		margin-bottom:60px;
	}
	.ultima{
		margin-right:0em !important;
	}
	
	#promociones #contenedor #promocion:hover{
		background:#f5f5f5 none repeat scroll 0 0;
		box-shadow: 0 1px 5px 0px #929292;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	
	#promociones #contenedor #promocion #imagen img{
		width: 100%;
		height:auto;
    	overflow: hidden;
		 display:block;
	}
	#promociones #contenedor #promocion #imagen #descuento{
		background-image:url(../imagenes/accesorios/descuento.png);
		background-repeat:no-repeat;
		width:128px;
		height:128px;
		position:absolute;
		
	}
	#promociones #contenedor #promocion #texto{
		margin:0 auto 0 auto;
		width:90%;
		height:auto;
	}
	#promociones #contenedor #promocion #texto h1{
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.2em;	
	}
	#promociones #contenedor #promocion #texto span{
		color:#349CD9;
	}
	
	#promociones #contenedor #promocion #texto p{
		font-weight:300;
		font-size:0.6em;
		line-height:25px;
	}
	#promociones #contenedor #promocion #boton{
		margin-top:20px;
		text-align:center;
		margin-bottom:30px;

	}
	#promociones #contenedor #promocion #boton #verboton{
		
	}
	#promociones #contenedor #promocion #boton #verboton a{
		margin-left:12px;

	}
	#promociones #contenedor #promocion:hover #boton #verboton a{
		opacity:1;
	}
	#promociones #contenedor #promocion:hover #boton #verboton a:hover{
		 background: #4785A9 none repeat scroll 0 0; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s;
	}
	.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
	}
	.animated {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}