@charset "utf-8";
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size:95%;
	background-image: url(../images/bk.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right top;
	margin:0;
	padding:0;
}
h1 {
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	color:#5F543E;
	font-weight:400;
	font-size:3.6em;
		line-height:1em;
	margin:0;
	padding:0;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #83a140;
	font-style: oblique;
	font-size: 2.25em;
	font-weight: 400;
	margin: 0;
	padding: 0;

}

a{
	color: #546729;
}
input,textarea{
transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
}	


form input[type='text'], form input[type='password'], textarea {

	outline: none;
		border: 1px solid silver;	
		
	
}
form input[type='text']:focus, form input[type='password']:focus, textarea:focus {
	background-color: #fff;
}	

nav#menu {
	width:710px;
	
	position:absolute;
	top:0;
	right:0;
}

nav#menu ul{
	list-style-type: none;
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:500;
	margin:0;
	padding:0;
	
}
nav#menu li{
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;

zoom: 1;
*display: inline;

}
nav#menu li.sel{
background-color: #546729;
background-image: linear-gradient(bottom, rgb(63,77,31) 34%, rgb(97,119,47) 67%);
background-image: -o-linear-gradient(bottom, rgb(63,77,31) 34%, rgb(97,119,47) 67%);
background-image: -moz-linear-gradient(bottom, rgb(63,77,31) 34%, rgb(97,119,47) 67%);
background-image: -webkit-linear-gradient(bottom, rgb(63,77,31) 34%, rgb(97,119,47) 67%);
background-image: -ms-linear-gradient(bottom, rgb(63,77,31) 34%, rgb(97,119,47) 67%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.34, rgb(63,77,31)),
	color-stop(0.67, rgb(97,119,47))
);
}
nav#menu li.sel a{
color:#fff;
}
nav#menu li.sel a:hover{
color:#fff;
}
nav#menu ul li a{
	color:#5F543E;
	text-decoration:none;
	margin-left:17px;
	margin-right:10px;
	line-height: 112px;
	height: 112px;
display: block;
}

nav#menu ul li a:hover{
	color:#83a140;
	
}



header#header {


	

}
header#header .idioma {
	text-align:right;


}
header#header .idioma a{

	color:#bbb;
	text-decoration:none;
	font-size:.9em;
	margin-right:15px;
	line-height:30px;

}
header#header .idioma a:hover{

	text-decoration:underline;


}
header#header .idioma a strong{
	color:#fff;

}
header#header div.franja div.logo{
height: 112px;
width:220px;
margin-top:14px;
float:left;
}


header#header div.franja{
	height: 112px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ddd;
	border-bottom-color: #ddd;	
}

div.content {
	width:950px;
	display:block;
	margin:auto;
	overflow: hidden;	
	position:relative;
	
}

/* Home */
div.content section {
	margin-top:80px;
	min-height:550px;
	margin-bottom:25px;
}
div.content.home section .bloc{
width:403px;

}
/* Aviso legal */
div.content.aviso section{
	width:420px;
}

div.content.aviso section h2{
	font-size:1.5em;
}

/* Catálogo */


div.content.catalogo .submenu {
	
	width:412px;
	float:left;
}
div.content.catalogo .submenu ul {
	margin:0;
	padding:0;

	margin-top:40px;
		margin-bottom:40px;

}
div.content.catalogo .submenu li {
	height: 50px;
	line-height:50px;
	display: block;
	background-image: url(../images/diapason.png);
	background-repeat: no-repeat;
	padding-left:30px;
	margin-bottom:10px;
	

}

div.content.catalogo .submenu li.descarga {
	margin-top: 40px;

}

div.content.catalogo .submenu li.sel {

	background-image: url(../images/diapason_sel.png);

}
div.content.catalogo .submenu li a{
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#333;
	text-decoration:none;
	
}

div.content.catalogo .submenu li a:hover{
color:#83a140;
}

div.content.catalogo ul.categoria, div.content.catalogo .ficha {
	float: left;
	background-color: rgba(255,255,255,.75);
	width: 490px;
	margin: 0;
	margin-bottom:20px;
	padding:0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	list-style-type: none;
	border: 1px solid #CCC;	
	padding-left:10px;
		padding-right:10px;
	padding-top:10px;
		padding-bottom:10px;
		margin-top: 20px;
	
}

 div.content.catalogo .ficha {
	width: 510px;
	padding-left: 0;

	
}
div.content.catalogo .reservado{
	font-size: .8em;
clear: both;
text-align: center;

padding: 15px;
}
div.content.catalogo .ficha .bloc{
	float: right;
	width:250px;
	margin-right:10px;
	font-size:1.1em;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.content.catalogo .ficha .bloc h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#333;
	padding-top:10px;
	
}
div.content.catalogo .ficha .bloc em{

	color:#999;
	
	
}
div.content.catalogo ul.categoria li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;

zoom: 1;
*display: inline;
background-color:rgba(255,255,255,.75);
width:147px;
margin:0;
padding:0;
padding-top:10px;
padding-bottom:10px;
box-shadow:0 0 12px #555;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
text-align:center;
	margin: 8px;

}
div.content.catalogo ul.categoria li a:link,div.content.catalogo ul.categoria li a:visited{
	text-decoration:none;
	color:#666;
}

div.content.catalogo ul.categoria li a:hover {
color: #83a140;
}


div.content.catalogo .ficha .gal{
	float: left;
	width:250px;

	
}
div.content.catalogo .ficha .gal img{
box-shadow: 0 0 12px #555;
}
.gal6_main_img ul  {
width:240px;
height:300px;

}

.gal6_main_img ul li {
position: absolute;
top: 0;
left: 20px;
}

div.gal ul{
	margin:0;
	padding:0;

	

	overflow: hidden;
    position: relative;
	list-style-type: none;	
}
.gal ul li.hide{
    display:none;
}
div.gal ul li{
   float:left;
   margin-right:20px;
   display: list-item;
   height:80px;
   width:86px;
   border: solid 2px transparent;
   margin-top:6px;
}
.gal6_pag  {
margin-left:20px;
}
.gal6_pag li {
cursor: pointer;
}
.gal6_pag li.selected { 
    border: solid 2px #C4A604;
}
/* Medidas */

ul.sizes{
	list-style-type:none;	
	margin:0;
	padding:0;
	width:500px;
	padding-left:10px;
		padding-right:10px;
	clear:both;
			padding-top:20px;
				padding-bottom:10px;
				overflow:hidden;
}
ul.sizes li{
	float:left;
	width:150px;
		padding-left:8px;
		
			padding-right:8px;
			padding-top:8px;

}
div.ficha div.medida {
width: 260px;
}
ul.sizes li img, div.ficha div.medida img{
			box-shadow: 0 0 12px #555;
			margin-top:5px;
}
/* Disribuidores */
div.content.distribuidores h1 {
/*font-size:2.2em;
margin-bottom:12px;*/
}

div.content.distribuidores div.bloc {
	/*
background-color: rgba(255,255,255,.75);
		border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
		border: 1px solid #CCC;	
		padding:25px;
		margin-bottom:20px;*/
}


div.content.distribuidores div.bloc table{
	width: 100%;

	border: 1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	   
	margin-top:20px;
	width:690px;

}
div.content.distribuidores div.bloc tr, div.content.distribuidores div.bloc td{
	text-align:center;
padding:4px;
margin:0;
border:0;
}

div.content.distribuidores div.bloc table tr:nth-child(odd){
			    background-color: #f1f1f1;
	    background-color: rgba(200,200,200,.9);
}
div.content.distribuidores div.bloc table tr:nth-child(even){
			    background-color: #fff;
		    background-color: rgba(255,255,255,.9);
}



/* Footer */
footer {
	font-size:.9em;
	color:#DDD7CA;
	border-top-width:10px;
	border-top-color:#60553E;
	border-top-style:solid;
	padding-top:10px;
		padding-bottom:20px;
		background-color:#362023;
background-image: linear-gradient(bottom, rgb(54,32,35) 29%, rgb(69,61,45) 65%);
background-image: -o-linear-gradient(bottom, rgb(54,32,35) 29%, rgb(69,61,45) 65%);
background-image: -moz-linear-gradient(bottom, rgb(54,32,35) 29%, rgb(69,61,45) 65%);
background-image: -webkit-linear-gradient(bottom, rgb(54,32,35) 29%, rgb(69,61,45) 65%);
background-image: -ms-linear-gradient(bottom, rgb(54,32,35) 29%, rgb(69,61,45) 65%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.29, rgb(54,32,35)),
	color-stop(0.65, rgb(69,61,45))
);	
overflow:hidden;
}

.info{
	font-size: .9em;
	font-style: italic;
	display: block;
	padding: 6px 15px 0 0;	
	color: silver;
}
footer a{
color:#DDD7CA;	
text-decoration:none;
}
footer a:hover{
	color:#83a140;
text-decoration:underline;
}

footer .bloc {
	float:left;	
	width:250px;
	/*height:116px;*/
	border-left-style:solid;
	border-left-color:	#DDD7CA;
		border-left-width: 1px;
		padding-left:20px;
		margin-top:10px;
		
}

footer img {
margin-top:10px;
}

footer ul, footer p{
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
}
footer ul li{
	margin-bottom:5px;
}
footer ul.social li{
	

	background-image: url(../images/redes.png);
	width:32px;
	height: 31px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom:10px;
}
footer ul.social li.twitter{
	background-position:-32px 0;
}

footer ul.social li.youtube{
	background-position:-64px 0;
}
footer ul.social li a{
	line-height:32px;
	font-size:1.8em;
	padding-left:45px;
			font-family:'Raleway', Arial, Helvetica, sans-serif;
		color:#fff;
	
		text-decoration:none;
}
footer ul.social li a:hover{

	color:#83a140;
}
footer ul.social li.facebook:hover{

	background-position:0 -31px;
}
footer ul.social li.twitter:hover{

	background-position:-32px -31px;
}
footer ul.social li.youtube:hover{

	background-position:-64px -31px;
}



/* ------------------------------------------------------------- formulari -- */
form label{
    color: gray;
	display: block;
text-align: left;
margin-right: 10px;
font-style: italic;
}
form input[type='text'], form input[type='password'], textarea{
	background: #e7e7e7;

	width: 270px;

border-radius: 4px;
height: 25px;
padding: 0 0 0 10px;
}

form p.checkbox input {
float: left;
margin-right: 6px;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
textarea{
padding: 10px 0 0 10px;
height: 100px;
max-height: 200px;
resize: vertical;
}


.error{
    font-weight: bold;
    color: firebrick;
}

/* ------------------------------------------------------------- contacto --- */
.mapa iframe{
    width: 50%;
    height: 300px;
    frameborder: 0px;
    border: 0; 
}