/*
conely.es:  Hoja de estilos
por David Moya. http://www.atrioweb.com/
Última modificación: 10-4-2008
================================================*/

/*ESTILOS BÁSICOS
--------------------------------------------------------------*/

* {
margin:0;
padding:0;
}

body {
background-color: #fff;
}

body, textarea, input, h1,h2,h3,p,td {
font:12px Arial, Verdana, arial, helvetica, sans-serif ;
color:#7B797A;
}

img, a img {
border:none;
}

a {
	color:#F81515;
	text-decoration:none;
}



.clear {clear:both;}

/*LAYOUT
--------------------------------------------------------------*/

#container{
width:900px;
margin: 0 auto;
background-color: #fff;

}

#header{
background-color: #fff;
height: 120px;
position:relative;

}

#nav{
background-color: #fff;
float:left;
/*border-right:1px solid #E1DFE0;*/
margin-bottom:0px;
}

#content{
margin: 0 auto;
}

#main {
	background-color: #fff;
}


#footer {
	background-color: #fff;
float:left;
margin-top:30px;

}


/*header-------------------------------------------------*/

#header #logo{
position:absolute;
top:25px;
left:0;
width:106px;
height:72px;
z-index:1;
}

#header  h1 a{
display:block;
position:absolute;
top:25px;
left:30px;
width:106px;
height:72px;
text-indent: -9999px;
background-color: transparent;
z-index:2;
}

/*nav-lang-------------------------------------------------*/


#nav-lang {
width:100px;
	position:absolute;
	right:3px;
	top:25px;
}

#nav-lang li {
	display:block;
	float:right;
	background:transparent;
	padding-left:3px;
}

#nav-lang li a{
	display:block;
	width:15px;
	color:#fff; 
	text-decoration:none;
	text-indent:-9999px;
	border-right:1px solid #aaa;
	padding-right:3px;
}

#nav-lang li a.end{
	border-right:none;
}

#nav-lang li#lang1 a{
	background: url(/img/flag_es.gif) no-repeat;
}

#nav-lang li#lang2 a{
	background: url(/img/flag_en.gif) no-repeat;
}



/*TOP MENU-------------------------------------------------*/


/*
#nav	table
	{	width:900px;
		border-left:1px solid #fff;
		border-top:1px solid #fff;
		border-spacing:0px;
	}

#nav	table th
	{
		border-right:1px solid #D0CECF;
		border-bottom:1px solid #D0CECF;
		background-color:#B9DFF2;
		padding:0.2em 1em;
		border-spacing:0;
		vertical-align:top;
		white-space:nowrap;
		line-height:normal;
		color:#333;
		text-align:left;
	}

#nav	table tr
	{
		margin:0;
		padding:0;
		border-spacing:0;
	}

#nav	table td
	{
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		border-spacing:0;
		vertical-align:middle;
	}

#nav	table a{
display:block;
margin:0 auto;
text-align:center;
padding:5px 9px;
background-color:#E3E1E2;
color:#5B5A58;
font-size:11px;
}

#nav	table a:hover{
background-color: #7B797A;
color:#fff;
}

#nav	table a.active{
background-color: #7B797A;
color:#fff;
}
*/

	/*FIN TABLA */


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

#banner {/*iet*/
margin-bottom:4px;
}

	#home #banner {
	margin-bottom:20px;
	float:left;/**/
	}
/*
	#home #banner #banner-texto{
	position:absolute;
	top:120px;
	left:8px;
	color:#fff;
	width:174px;
	text-align:justify;
	}
*/


#content-header, .content-header {
	background-color: #7B756D;
	padding:12px 20px;
	margin-bottom:8px;
}

	#tiendas #content-header, 
	#fotos #content-header,
	#contacto #content-header{
		padding:4px 20px;
	}

#content-header h2,  .content-header h2{
	font-size:1.5em;
	color: #fff;
	margin-bottom:0.5em;
}
	#home h2{	
		color:#999;
		font-size:11px;
		font-weight:bold;
		margin-top:20px;
		width:400px;
	} 

		#home h2 strong{	
			color:#333;
		} 

	#item #content-header h2, 
	#tiendas #content-header h2,
	#fotos #content-header h2,
	#noticias #content-header h2,
	#contacto #content-header h2{
		margin-bottom:0em;
	}

#content-header h2 a, .content-header h2 a{
	color:#fff;
}


#content-header p,  .content-header p {
	color: #fff;
}

/*MAIN-------------------------------------------------*/


/*home-------------------------------------------------*/


	#home #pie_index{	
		width:900px;
		margin: 0 auto;
} 

	#home #pie_index_1{float:left;width:450px;}
	#home #pie_index_2{float:right;width:350px;}

	#home #distribuidores{
		float:right;
		width:120px;
		margin-top:20px;
		margin-left:20px;
	}

/*	
	#home #ofertas{
		float:right;
		margin-top:10px;
		margin-right:10px;
		width:155px;
		height:115px;
	
	}
*/

	#home #distribuidores a{	
		display:block;
		float:right;
		margin-top:5px;
		padding: 5px 10px;
		width:100px;
		background-color: #AB1416;
		color:#fff;
		font-weight: bold;
		text-align:center;
	} 

	#home #bannerpublicidad{
		float:right;
		width:180px;
		margin-top:30px;
		margin-right:20px;
	}


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

#main p{
	margin-bottom:1em;
}

#main p.big{
	font-size:13px;
	font-weight: bold;
}

#main h3{
	font-size:14px;
	font-weight: bold;
	margin-bottom:1em;
}


/*
#list #main dl {
float:left;
}

#list #main dl dt {
display:inline;
}
*/

/*
#list #main ul {
float:left;
margin-bottom:20px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
width:749px;
}

#list #main ul li {
display:inline;
float:left;
background-color: #ccc;
border-left: 1px solid #000;
}

#list #main ul li div.foto{ietrick
width:148px;
min-height:160px;
margin-top:20px;
border-bottom: 1px solid #000;
text-align:center;
}

#list #main ul li div.texto{
text-align:center;
width:120px;
}

#list #main ul li div.texto a{ 
display:block;
padding:5px 0;
}
*/

/*
#list #main ul.foto {
float:left;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
width:749px;
}

#list #main ul.foto li {ietrick
display:inline;
float:left;
background-color: #ccc;
border-right: 1px solid #000;
width:148px;
min-height:160px;
padding-top:20px;
text-align:center;
}

#list #main ul.texto {
float:left;
margin-bottom:20px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
width:749px;
}

#list #main ul.texto li {
display:inline;
float:left;
border-left: 1px solid #000;
width:148px;
text-align:center;
}

#list #main ul.texto li  a{ 
display:block;
padding:5px 0;
}

*/


#list #main	table
	{	width:100%;
		border-left:1px solid #D0CECF;
		border-top:1px solid #D0CECF;
		border-spacing:0px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta*/
		margin-bottom:1em;
	}

/*#list #main	table th
	{
		border-right:1px solid #D0CECF;
		border-bottom:1px solid #D0CECF;
		background-color:#B9DFF2;
		padding:0.2em 1em;
		border-spacing:0;
		vertical-align:top;
		white-space:nowrap;
		line-height:normal;
		color:#333;
		text-align:left;
	}
*/
#list #main	table tr
	{
		margin:0;
		padding:0;
		border-spacing:0;
	}

#list #main	table td
	{
		border-right:1px solid #D0CECF;
		border-bottom:1px solid #D0CECF;
		margin:0 1em;/*?*/
		border-spacing:0;
		vertical-align:middle;
		text-align:center;
		width:19.5%;
	}

#list #main	table div.foto{
margin:25px 6px 20px; 
height: 170px;
display: table; overflow: hidden;/*centrado vertical para no IE*/
margin:0 auto;
}

#list #main	table div.foto .middle{
display: table-cell; vertical-align: middle;/*centrado vertical para no IE*/
}

#list #main	table div.foto .middle .inner{
}

#list #main	table div.texto{
border-top:1px solid #D0CECF;
width:100%;
padding:3px 3px;
height:30px;
display: table; overflow: hidden;/*centrado vertical para no IE*/
margin:0 auto;

	}

#list #main	table div.texto .middle{
display: table-cell; vertical-align: middle;/*centrado vertical para no IE*/
	}

#list #main	table div.texto .inner a{
display:block;
color:#7B797A;
	}

#list #main	table div.texto a:hover{
color:#333;
	}

/*FIN TABLA */


/*item.php-------------------------------------------------*/

#tiendas #main, #fotos #main, #noticias #main {
border:1px solid #D0CECF;
padding:20px 20px 40px;
overflow:hidden;
}

	#fotos #main {
	text-align:center;
	}

#bloqueficha{
background-color: #E4E3DD;
padding:20px;
overflow:hidden;/*+ie.css*/
}

#bloqueficha_img{
float:left;
width:390px;
padding:20px 0;
height:410px;
background-color: #fff;
text-align: center;
display:table;
}

#bloqueficha_img2{
display: table-cell; vertical-align: middle; text-align: center; 
}

#bloqueficha_img3 img{
}

#bloqueficha_txt{
float:right;
width:450px;
}

#bloqueficha_txt h3 span{
font-weight:normal;
color:#333;
}

#bloqueficha_txt .rayah{
clear:both;
border:2px solid #fff;
background-color: #fff;
margin: 12px 0;
font-size:1px;
}

#linea1{
margin-bottom:10px;
}

	#estilo{
	float:left;
	width:220px;
	margin-right:10px;
	}

	#estilo_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#estilo_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}

	#epoca{
	float:left;
	width:105px;
	margin-right:10px;
	}

	#epoca_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#epoca_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}

	#apertu{
	float:left;
	width:105px;
	}

	#apertu_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#apertu_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}

	#descbr{
	float:left;
	width:100%;
	}

	#descbr_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#descbr_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}

#linea2{
margin-bottom:5px;
}

	#tipomade{
	float:left;
	width:220px;
	margin-right:10px;
	}

	#tipomade_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#tipomade_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}

	#proaca{
	float:left;
	width:220px;
	}

	#proaca_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#proaca_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}


	#herraj{
	float:left;
	width:220px;
	margin-right:10px;
	}

	#herraj_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#herraj_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}

	#tonoacab{
	float:left;
	width:220px;
	}

	#tonoacab_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#tonoacab_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}


	#compos{
	float:left;
	width:100%;
	}

	#compos_txt{
	font-size:9px;
	text-transform: uppercase;
	}

	#compos_val{
	overflow:hidden;
	height:15px;
	padding: 3px 6px;
	background-color: #fff;
	color:#333;
	}

#linea3{
padding-top:16px;
margin-bottom:10px;
}

	#tablamedidas{
		float:left;

	}

	#croquis{
		float:right;
		overflow:hidden;
		width:140px;
		height:130px;
		padding:5px 0;
		background-color: #fff;
		text-align: center;
	}


#desc{
clear:both;
height:116px;
overflow:hidden;
}

#desc p{
color:#333;
}

#desc p span{
color:#7B797A;
}


/*tablas--------------------------------------------------------*/

	/*INICIO TABLA */





	#tablamedidas table
	{	width:298px;
	position:relative;
	top:-3px;
	left:-3px;
	
		margin: 0;
		border-spacing:3px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta. Si se quiere border-spacing, entonces hay que especificarlo para IE en el parámetro cellspacing de la etiqueta table */
	}

	#tablamedidas table th
	{

		/*background: url(/img/th-back.gif) top left no-repeat;*/
		background-color: #B0ACA3;
		padding:1em 1em 1em;

		vertical-align:top;
		white-space:nowrap;
		line-height:normal;
		color:#fff;
		font-weight: normal;
		font-size:10px;
		text-transform: uppercase;

	}

		#tablamedidas table th span
		{
		text-transform: lowercase;
		}

	#tablamedidas table tr
	{
		margin:0;
		padding:0;
	}

	#tablamedidas table td
	{

		background-color: #fff;
		padding:0.3em 1em;/*ajustando para que la altura de la tabla sea igual que la altura del croquis (sólo en puertas antiguas)*/
		vertical-align:middle;
		text-align: center;
		color:#333;
	}



	/*FIN TABLA */

/*
#item #main h3 {
border-bottom: 1px solid #D0CECF;
padding-bottom: 0.5em;
margin-bottom: 20px;
color:#8E8C8D;
}

#item #main h3 span{
color:#333;
}

#item #main p {
margin-bottom:0.8em;
margin-top:0.8em;
color:#333;
}

#item #main p span {
color:#8E8C8D;
}

#item #main #fotos, 
#item #main #desc,
#item #main #tipo,
#item #main #tono,
#item #main #peso,
#item #main #medidas {
border-bottom:1px solid #D0CECF;
} 

#item #main #fotos {
padding: 10px 20px 20px 40px;
}

#item #main #fotos img{
padding-right:60px;
}

*/

/*tiendas.php-------------------------------------------------*/

#box_tiendas{
width:680px;margin: 0 auto;
}

.box_tienda{
float:left;width:312px;margin:0 50px 0 0; text-align:center;
}
.box_tienda_last{
float:left;width:312px;margin:0; text-align:center;
}

.box_tienda_img{
border:1px solid #ccc;padding:5px;display:block;margin: 0 0 10px;
}
.box_tienda_img:hover{
border:1px solid #F81515;padding:5px;display:block;margin: 0 0 10px;
}

/*tienda.php-------------------------------------------------*/


#fichatienda p{font-size:11px;}

#tiendas-menu {
text-align:right;
clear:both;
}

#tiendas-menu ul {
margin:0 auto;
padding-top:2em;
}

#tiendas-menu ul li{
display:inline;
}

#tiendas-menu ul li a{
padding: 0 10px;
text-transform:uppercase;
color:#666;
font-size:85%;
}

#tiendas-menu ul li a:hover{
color:#212121;
}

/*noticias-------------------------------------------------*/

#noticias #main h3 a{
	color:#7B797A;
}

#noticias #main h3 a:hover{
	color:#F81515;
}

#main p.entrad{
	padding-bottom:1em;
	border-bottom:1px solid #D0CECF;
}

/*descargas-------------------------------------------------*/


#main h3.download a {
background: url(/img/pdf.png) no-repeat;
padding-left:30px;
padding-bottom:6px;
}

/*contacto-------------------------------------------------*/

#contactform{
background-color: #fff;
}

/*#contactform legend {
background-color:  #EBE5D8;
margin-right:20px;
padding-top:1em;
font-weight: bold;
}*/

#contactform fieldset {
display: block;
padding:10px 20px 20px 20px;
border: 1px solid  #EBE5D8;

}

#contactform label {
display:block;
font-weight: bold;
margin-top:1em;
margin-bottom: 0.2em;
}

#contactform input, #contactform textarea,#contactform select {
border: 1px solid  #DDD3BE;
background-color: #fff;
color:#000;
padding:1px;
width:300px;
}

#contactform textarea{
width:450px;
}

#contactform input.boton {
display:block;
	margin-top:1em;
	border-top: 2px solid #d30000;
	border-left: 2px solid #d30000;
	border-bottom: 2px solid #490000;
	border-right: 2px solid #490000;
	padding: 2px 8px;
	text-align: center;
	background: #960000;
	color: #fff;
	font-weight: bold;
	width: auto;
}

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

#footer1  {
text-align:right;
margin: 0 auto;/*mac*/
width:900px;/*mac*/
} 

#footer1  ul{
float:left;
border-bottom:4px solid #ccc;
width:900px;/*mac*/
} 

#footer1 ul li{
display:inline;
} 

#footer1 ul li a{
display:block;
float:right;

padding: 8px 10px;
background-color:transparent;/*242424*/
color:#666;
font-size:10px;
border-left:1px solid #e1e1e1;
}

#footer1 ul li a:hover{
color:#212121;
}

#footer2 {
clear:both;
margin: 0 auto;/*mac*/
width:900px;/*mac*/
}

#footer2 p {
padding:6px 10px;
font-size:10px;
color:#aaa;
margin-bottom:30px;
} 


#footer2 #side {
float:right;
} 


#footer2 #side p {
text-transform: uppercase;
font-size:9px;
}

#footer2 #side p a{
color:#999;
font-size:9px;
}

#footer2 #side p a:hover{
color:#333;
}



/*MENU SUPERIOR*****************************************************/



#nav ul {
float:left;
} 

#nav ul li{
display:inline;
} 

#nav ul li a{
overflow:hidden;
/*
padding: 5px 43px 6px 43px;
background-color:#E1DFE0;
color:#7B797A;
font-size:11px;
border-left:1px solid #fff;
*/
	color:#666;
} 

#nav ul li a.end{/*ietrick*/
} 

#nav ul li a:hover{
	color:#000;
} 

#nav ul li a.active{
} 

#nav ul li a.active:hover{
} 


.mootabs_title {
}

.mootabs_title li {
	float: left;
	padding: 5px 20px 0px 21px;
	cursor: pointer;
	height: 24px;
	background-color:#E1DFE0;
	border-right:1px solid #fff;
	color:#666;
}

.mootabs_title li.end {
	padding: 5px 22px 0px 22px;
	border-right:0px solid #fff;

}

.mootabs_title li.active {
	background-color: #7B756D;
	color:#000;
}

.mootabs_title li a {
	color:#3B3327;
}

.mootabs_title li a:hover {
}

.mootabs_title li a.actual {
color:#000 !important;
}


.mootabs_panel {
	display: none;
	background-color: #ddd;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	/*overflow: auto;*/
	overflow: hidden;
	
}

.mootabs_panel.active {
	background-color: #7B756D;
	display: block;
}

.mootabs_panel ul {
margin: 0;
padding:0;
}

.mootabs_panel ul li{
margin: 0;
padding:5px 0 0 ;
float:left;
border-width:0;
}

.mootabs_panel ul li a{
margin:0;
padding:5px 10px;
color:#fff !important;
}

.mootabs_panel.active a:hover{
text-decoration: underline;
}




/******************************************************/


/* CLEARFIX 
-------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */