@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"Canadian";
	src:url("../fuentes/Canadian/canadian.eot?") format("eot"),
	url("../fuentes/Canadian/canadian.woff") format("woff"),
	url("../fuentes/Canadian/canadian.ttf") format("truetype"),
	url("../fuentes/Canadian/canadian.svg#Canadian") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
    font-family: 'chaletmedium';
    src: url('../fuentes/chalet/chalet-parisnineteensixty-webfont.eot');
    src: url('../fuentes/chalet/chalet-parisnineteensixty-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/chalet/chalet-parisnineteensixty-webfont.woff') format('woff'),
         url('../fuentes/chalet/chalet-parisnineteensixty-webfont.ttf') format('truetype'),
         url('../fuentes/chalet/chalet-parisnineteensixty-webfont.svg#chaletmedium') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
	font-family:"Decker";
	src:url("../fuentes/Decker/Decker.eot?") 
	format("eot"),url("../fuentes/Decker/Decker.woff") 
	format("woff"),url("../fuentes/Decker/Decker.ttf") 
	format("truetype"),url("../fuentes/Decker/Decker.svg#") 
	format("svg");
	font-weight:normal;
	font-style:normal;
	}
body{
	background-image:url(../img/fnd.jpg);
	background-repeat:repeat;
	}
#contenedor{
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
	}
#head{
	width:100%;
	height:269px;
	min-width:960px;
	float:left;
	position:relative;
	background-color:#434343;
	}
#head-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#menu{
	width:100%;
	min-width:960px;
	float:left;
	background:#d6d6d6;
	position:relative;
	}
#menu-960{
	width:960px;
	margin:auto;
	position:relative;
	}
.menus{
	margin-left:135px;
	}
.menus a{
	float:left;
	position:relative;
	font-size:18px;
	color:#000;
	text-decoration:none;
	padding:10px;
	padding-top:15px;
	font-family:"Canadian";
	margin-left:5px;
	}
.menus li a:hover{
	background:#5e6309;
	color:#cea43c;
	}
.menus .selec{
	background:#5e6309;
	color:#cea43c;
	}
.menu .selec{
	background:#5e6309;
	color:#cea43c;
	}
.menu{
	float:left;
	position:relative;
	}
.menu a{
	float:left;
	position:relative;
	font-size:18px;
	color:#000;
	text-decoration:none;
	padding:10px;
	padding-top:15px;
	font-family:"Canadian";
	margin-left:5px;
	}
.menu li a:hover{
	background:#5e6309;
	color:#cea43c;
	}
.menu ul {
	width:222px;
    left: 5px;
    margin: 0;
    opacity: 0;
    position: absolute;
	padding-left:0px;
	top:43px;
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	}
.menu li:hover > ul { 
	opacity: 1;
  	}
#menu2 li{
	border-bottom: 1px solid #000;
	color:#000;
	float:left;
	width:100%;
	background:#d6d6d6;
	}
#menu2 li a {
	float:left;
	font-size:13px;
	margin-left:0px;
	padding:5px;
	width:212px;
    overflow: hidden;
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
#banner{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	background:url(../img/bg.jpg) center top no-repeat;
	}
#banner-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#titulo{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background:url(../img/title.png) center;
	height:95px;
	}
#titulo-960{
	width:960px;
	position:relative;
	margin:auto;
	text-align:center;
	}
#titulo-960 img{
	margin-top:20px;
	}
#contenido{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-top:25px;
	}
#contenido-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#somos{
	margin-top:20px;
	text-align:center;
	margin-left:20px;	
	}
#clientes{
	float:left;
	position:relative;
	width:100%;
	min-width:960px;
	background:#454545;
	padding-top:5px;
	}
#clientes-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#clientes-960-title{
	text-align:center;
	margin-top:20px;
	float:left;
	margin-left:280px;
	margin-right:5px;
	width:388px;
	}
#clientes-960-title img{
	max-width:100%;
	}
#clientes-logos{
	float:left;
	position:relative;
	width:100%;
	min-width:960px;
	background:#fff;
	border-bottom:solid 1px #000;
	border-top:solid 1px #000;
	padding:10px 0px;
	}
#clientes-logos-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#empresa{
	float:left;
	position:relative;
	background:url(../img/empresa.png);
	width:912px;
	height:511px;
	margin-bottom:15px;
	}
#empresa p{
	font-size:18px;
	font-family:"Decker";
	text-align:justify;
	line-height:22px;
	}
#frase{
	float:left;
	position:relative;
	width:100%;
	min-width:960px;
	background:#fff;
	}
#frase-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#frase-960-title{
	margin-top:30px;
	text-align:center;
	float:left;
	margin-right:15px;
	width:850px;
	}
#frase-960-title img{
	max-width:100%;
	}
#formulario{
	float:left;
	position:relative;
	width:440px;
	margin-top:35px;
	margin-bottom:25px;
	}
#formulario h2{
	text-transform:uppercase;
	border-bottom:solid 1px #fff;
	color:#cea43c;
	font-family:"Decker";
	font-size:28px;
	width:370px;
	padding-bottom:5px;
	}
#formulario p{
	color:#cea43c;
	font-family:"Decker";
	font-size:18px;
	text-align:justify;
	margin-top:30px;
	margin-bottom:30px;
	}
input{
	font-family:"Decker";
	font-size:14px;
	width:440px;
	padding-left:10px;
	border:none;
	height:35px;
	margin-top:10px;
	background:#fff;
	text-transform:uppercase;
	color:#5e6309;
	}
textarea{
	font-family:"Decker";
	font-size:14px;
	text-transform:uppercase;
	height:100px;
	width:440px;
	padding-left:10px;
	border:none;
	margin-top:10px;
	background:#fff;
	color:#5e6309;
	padding-top:5px;
	}
#enviar{
	color:#cea43c;
	background-color:#5e6309;
	cursor:pointer;
	padding-top:5px;
	margin-left:30px;
	margin-top:20px;
	float:left;
	text-transform:uppercase;
	font-family:"Canadian";
	font-size:21px;
	}
#enviar:hover{
	background-color:#fff;
	color:#000;
	}
#borrar{
	color:#cea43c;
	background-color:#5e6309;
	cursor:pointer;
	padding-top:5px;
	margin-left:10px;
	margin-top:20px;
	float:left;
	text-transform:uppercase;
	font-family:"Canadian";
	font-size:21px;
	}
#borrar:hover{
	background-color:#fff;
	color:#000;
	}
#mapa{
	float:left;
	position:relative;
	margin-left:45px;
	height:435px;
	border:solid 3px #5e6309;
	}
#ampliar{
	position:absolute;
	color:#cea43c;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Canadian";
	font-size:21px;
	background-color:#5e6309;
	padding:8px 10px;
	right:0px;
	bottom:-63px;
	}
#ampliar:hover{
	background:#fff;
	color:#000;
	}
#footer{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	background-color:#434343;
	}
#footer-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#footer-logo{
	float:left;
	margin-top:13px;
	position:relative;
	}
#footer-datos{
	float:left;
	position:relative;
	margin-left:13px;
	color:#cea43c;
	font-family:"Decker";
	font-size:17px;
	margin-top:25px;
	}
#footer-redes{
	float:left;
	position:relative;
	width:212px;
	margin-left:32px;
	margin-top:10px;
	}
#footer-redes p{
	color:#cea43c;
	font-family:"Decker";
	font-size:17px;
	margin-top:10px;
	float:left;
	}
#footer-redes img{
	float:right;
	position:relative;
	margin-top:32px;
	}
#fb{
	float:left;
	position:relative;
	width:37px;
	margin-left:14px;
	height:37px;
	background:url(../img/redes.png) no-repeat left;
	}
#fb:hover{
	background:url(../img/redes-h.png) no-repeat left;
	}
#tw{
	float:left;
	margin-left:8px;
	position:relative;
	width:37px;
	height:37px;
	background:url(../img/redes.png) no-repeat -43px;
	}
#tw:hover{
	background:url(../img/redes-h.png) no-repeat -43px;
	}

#int{
	float:left;
	margin-left:8px;
	position:relative;
	width:37px;
	height:37px;
	background:url(../img/redes.png) no-repeat right;
	}
#int:hover{
	background:url(../img/redes-h.png) no-repeat right;
	}
	
#web{
	font-size:14px;
	text-decoration:none;
	font-family:"Decker";
	color:#fff;
	padding-right:145px;
	background:url(../img/web.png) no-repeat right;
	height:16px;
	float:left;
	margin-left:335px;
	margin-top:10px;
	position:relative;
	margin-bottom:5px;
	}
#web:hover{
	background:url(../img/web-h.png) no-repeat right;
	}
	
.clientes ul li{
		width:209px;
		height:72px;
		float:left;
		position:relative;
	}

#what {
    color: #CEA43C;
    font-size: 18px;
    background-image: url("../img/wh.png");
    background-repeat: no-repeat;
    background-position: left center top;
    float: left;
    position: relative;
    padding: 10px 8px 8px 40px;
	margin-top:8px;
}