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


@font-face {
    font-family: 'sanuk-lightscregular';
    src: url('../fuentes/sanuk-lightsc-webfont.eot');
    src: url('../fuentes/sanuk-lightsc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/sanuk-lightsc-webfont.woff') format('woff'),
         url('../fuentes/sanuk-lightsc-webfont.ttf') format('truetype'),
         url('../fuentes/sanuk-lightsc-webfont.svg#sanuk-lightscregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sanuk-regularregular';
    src: url('../fuentes/sanuk-regular-webfont.eot');
    src: url('../fuentes/sanuk-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/sanuk-regular-webfont.woff') format('woff'),
         url('../fuentes/sanuk-regular-webfont.ttf') format('truetype'),
         url('../fuentes/sanuk-regular-webfont.svg#sanuk-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*/----------------------------------------------*/

body{
	margin:0px;
	background:#c9cacc;
}
h1{
	font-family:'sanuk-lightscregular',Arial, Helvetica, sans-serif;
	font-size:50px;
	color:#FFF;
	margin:50px 0px 50px 0px;
}

h2{
	font-family:'sanuk-lightscregular',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#666;
}

p{
	font-family:'sanuk-regularregular',Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:32px;
	color:#fff;
}
.colorazul{
	color:#1E3958;
}

.colorblanco{
	color:#fff;
}

.mtcincuenta{
	padding-top:100px;
}

.alineacentro{
	text-align:center;
}

.alineaiz{
	text-align:left;
}

.divlogo{
	height:270px;
	padding-top:70px;
	padding-left:0px;
}


.fondomano{
	background: url(../img/mano.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:50%;
}

.fondocerro{
	background: url(../img/headeraddconsulting.png);
	background-position:right 40px;
	background-repeat:no-repeat;
	/*background-color:#CC0;*/
	/*background-size:50%;*/
}

.fondomonte{
	background:url(../img/monte.jpg);
	background-repeat:repeat-y;
}

.fondorayas{
	background: url(../img/rayas.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #9CC;

}
	

#menu{
	background:#1E3958;
	height:40px;
	width:100%;
	position:fixed;
	z-index:100;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}

nav{
	width:960px;
	margin:0px auto;
}

nav ul{
	
	margin:0px auto;
	text-align:center;
}

nav ul li {
	display:inline-block;
	list-style:none;
	height:40px;
	/*margin:0px 10px;*/
	line-height:40px;
	font-family:'sanuk-regularregular',Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
nav ul li a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:0px 6px;
	
}

nav ul li a:hover {
	background: #069;
	display:block;
	height:40px;
}


.lichico {
	display:inline-block;
	/*list-style: inside !important;*/
	/*height:40px;*/
	margin:10px 0px;
	line-height:20px;
	font-family:'sanuk-regularregular',Arial, Helvetica, sans-serif;
	font-size:14px;
	display:block;
	padding-left:20px;
	background:url(../img/tic.png);
	background-repeat:no-repeat;
	
}

.ligrande{
	display:inline-block;
	list-style: inside !important;
	/*height:40px;*/
	margin:0px 10px;
	line-height:30px;
	font-family:'sanuk-regularregular',Arial, Helvetica, sans-serif;
	font-size:18px;
	display:block;
	color:#1E3958;
	
}




#somos{
	width:100%;
	height:350px;
	/*height:282px;*/
	/*height:322px;*/
	background: url(../img/fondoheader.jpg);
	/*background-position: top;*/
	background-repeat:repeat-x;
}

#frase{
	width:100%;
	height:300px;
	background:#1E3958;
}

#divsomos {
	width:900px;
	margin:70px auto 0px auto;
	text-align:center;
	padding:0px !important;
	
}
#divsomos p {
	line-height:40px;
	text-align:center;
	font-size:30px;
	font-family:'sanuk-lightscregular',Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color: #B1CBCB;
}

#hacemos{
	width:100%;
	height:400px;
	background:#00AFE0;
	
}


#areauno{
	width:100%;
	height:400px;
	background:#fff;
	
	
}

#areados{
	width:100%;
	height:400px;
	/*background:#E1EAEC;*/
	
}


#experiencia{
	width:100%;
	height:400px;
	background:#437ABD;
	
}

#caracteriza{
	width:100%;
	height:400px;
	background:#66AACE;
}

#contactora{
	width:100%;
	/*height:500px;*/
	background: #9CC;
	
}


#divmail{
	float:right;
	margin:310px 20px 0px 0px;
	width:60px;
	height:20px;
	background:#00AFE0;
	text-align:center;
	border-radius: 6px;
	color:#FFF;
	font-family:'sanuk-regular',Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 5px 8px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 8px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         5px 8px 5px 0px rgba(50, 50, 50, 0.75);
}

#divmail a{
	color:#FFF;
	text-decoration: none;
}





/*formulario*/

input, textarea { 
	border: #eee 1px solid;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	padding: 3px;
	margin:3px 5px 5px 10px;
	/*background:rgba(30,16,15,0.8);*/
	background:#FFF;
	color:#333;
	width:290px;
}

textarea {
	resize: none;
}

input:focus, textarea:focus { 
	border: #edd89d 1px solid;
}

/*#contenido {
	margin: 0 auto 0 auto;
	width: 800px;
	height: 500px;
	text-align: center;
	background-color: #B7BCE2;
}*/

/*legend {
	font-size: 20px;
}*/

fieldset {
	color:#fff;
	font-size:18px;
	font-family:'sanuk-lightscregular',Arial, Helvetica, sans-serif;
	border:0px;

}

#enviar img {
	outline: none;
	border: none;
	text-decoration: none;
	float:right;
}


#contecontac{
	width: 300px;
	/*height: auto;*/
	text-align:center;
	margin:0px auto;
	/*padding-top:300px;*/
}

legend{
	font-size:36px;
}


/*--------INTRO------------------------*/

#intro{
	width:100%;
	text-align:center;
	background:url(../img/fondogris.jpg);
	background-repeat:repeat-x;
}

.frase{
	font-family:'sanuk-lightscregular',Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#0781a2;
	line-height:16px;
	margin:15px auto 0px auto;
}

#intro a{
	font-family:'sanuk-lightscregular',Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-decoration:none;
	line-height:16px;
}

#intro a:hover{
	color:#0781a2;
	background:#FFF;
}