@CHARSET "ISO-8859-1";
/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:hover, a:active, a:link, a:visited { outline: none; }
/*CSS UTILS*/
.clearer{
	clear:both;
}

.width100{
	width:100%;
}

.width200{
	width:200px;
}

.width270{
	width:270px;
}
.fleft{
	float:left;
}

.fright{
	float:right;
}

.cursor{
	cursor:pointer;
}

.nodecoration{
	text-decoration:none;
	color:#fff;
}

.separacion{
	height:12px;
}

.sepleft{
	margin-left:10px;
}

.sepright{
	margin-right:10px;
}


/*CSS ORIGINAL*/
html{font-family:Verdana;font-size:11px;color:#51504f;height:100%;}
h1, h2, h3, h4, h5, h6 {color: #362621;text-align:left; }
h1 { font-size: 24px; letter-spacing: -1.3px;color:#fff;}
h2 { font-size: 18px; letter-spacing: -1.3px; padding: 5px 0 0 0 }
h3 { padding: 5px 0 }
h4 { font-size: 10px; padding: 0px 0; margin-bottom:5px;font-weight:bold;  }
h5 { font-size:10px }
h6 { font-size: 8px } 

hr{border:0.5px solid #bdbaba;height:0.5px;}

#contenidos p{ font-family: "Lucida Grande", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height:normal;
	margin-top:15px;
	color:#271c1b
}
	
p{
	padding: 0px;color:#51504f; text-justify:distribute;text-align:left;
}	
	
a:link, a:visited { color: #00aeef; text-decoration: none }
a:hover, a:active { text-decoration: none }
body{
	background: url('../images/layout/contenedor_bg.gif') repeat top left;
	height:100%;
	_#text-align:center;
}

ul{text-align:left;}

.contenedor{
	width:999px;
	_#width:1050px;
	height:100%;
	margin:auto;
	
	position:relative;
	_#margin-left:auto;
}

#documento{
	background:transparent url(../images/layout/backgroundcontenedor.png) repeat-y;
	padding:20px 20px 20px 20px;
}

.clearer{
	clear:both;
}

#header{
	float:left;
	background:url('../images/layout/body_bg.gif') repeat-x top left;
	width:100%;
	height:109px;
	position:relative;
	z-index:2;
	
	border-bottom:1px solid #271c1b;
}

#contenido{
	height:auto !important;
	z-index:1;
}

#cabecera{
	width:999px;
	height:109px;
	position:relative;
	z-index:1;
}

#logo{height:60px;width:111px;margin:30px 0 0 75px;float:left}


#navegacion{
	color:#b5b0a3;
	margin-left:0px;
	margin-right:30px;
	margin-top:12px;
	position:relative;
	z-index:0;
	top:-2px;
}

#navegacion span{
	float:left;
	width:95px;
	height:88px;
	margin:11px 0 0 0;
	cursor:pointer;
	}

#navegacion h3{margin-left:5px;
	margin-right:10px;
	font-family: "Lucida Grande", sans-serif;
	font-size: 13.67px;
	font-style: normal;
	font-weight: bolder;
	color:#b5b0a3;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;

}


.footercol{float:left;width:140px;margin:15px 0px 5px 58px}

#footer{clear:both;position:relative;bottom:0;}

#footer{
	
	background:transparent url(../images/layout/bg_footer.png) no-repeat scroll 0 0;
	height:112px;
	margin:0 auto;
	position:relative;
	width:999px;
	
	
}

#footerup p{color:#e3e1d5;font-weight:bold;font-size:12px;}

#footer a{color:#e3e1d5;font-weight:bold;text-decoration:none}

#footer li a{font-weight:normal;font-family:Verdana;font-size:10px;}

.developedvy{margin-right:40px;}

.developedby a{color:#C77400}

#izquierda{
	margin:5px 0 20px 26px;
	width:330px;
	position:relative;	
	_#width:340px;

}

#derecha{
	margin:5px 29px 29px 1px;
	width:609px;
	position:relative;
	height:100%;
}

#contenidos{
	dispaly:table;
	margin-top:30px;
	margin-left:25px;
	width:923px;
}

#botonera{
	width:935px;
}

#botnavegacion{
	width:350px;
	float:left;
	margin-left:25px;
}

#botinformacion{
	width:200px;
	margin-left:50px;
	float:left;
}


#botcomunicacion{
	width:255px;
	float:right;
	margin-right:23px;
}

.info{
	
	float:left;
	margin-top:5px;
	background-color:#e3e1d5;
}

.info p{margin-bottom:14px;line-height:14px;text-align:justify;}

.small{
	width:325px;
	height:154px;
}

.small img{
	margin:5px;
	border:solid 1px #d6d4ca;
	width:152px;
	height:142px;
}

.textoSmall{
	margin:5px;
	width:130px;
	height:125px;
}

.textoBig{
	margin:10px;
}

.big{
	width:878px;
	
}

.big img{
	margin:5px;
	width:602px;
	height:312px;
	border:solid 1px #d6d4ca;
}

.botones{
	margin:5px 0 0 0;
	height:60px;
}

.botonesizq{
	width:100%;
}

.botones li{display:inline;}
.botones h4{display:inline;}

.boton{float:left;height:34px;padding:0px 15px 0px 15px;margin-right:5px;background-color:#271c1b;font-weight:bold;font-family:Lucida Sans,Lucida Grande;font-size:12px;color:#e3e1d5;}

.boton p{color:#e3e1d5;margin-top:10px;}
.boton p.doblelinea{
	margin-top:6px;
}

.boton input{vertical-align:middle;}
.boton .texto{vertical-align:middle;margin:4px 0 0 -14px;height:25px;width:133px;border:solid 1px #a29c8e}
#buscar{padding:0px;margin-right:-5px;}
#buscar input{
	float:left;
	height:18px;
	width:139px;
	border:solid 1px #a29c8e;
	margin:4px 0 0 -10px;
	color:#51504f;
	font-size:11px;
	padding:6px 0 0 0px;
	_#height:25px;
}

.highlight{opacity:.7}
#buscar img{float:left;margin:12px -5px 0 8px}
#botonesCentro{margin-left:116px;float:left;position:relative;}
#informacion{margin-right:-10px;}
#informacion small{font-size-adjust:0.5}
#informacion p{margin-top:-8px;padding:0px;margin-top:7px;}
#botoncontacto img{margin:10px 5px 0 -10px;}
#botonpedido{padding:0 32px 0 32px;}


/**++++++++++CATALOGO+++++++++++
#lateralCatalogo{width:325px;}
#lateralCatalogo li{margin-left:10px;}
#lateralCatalogo ul{margin-bottom:10px;}
#contenidoCatalogo{float:left;}**/


.errorListado{margin:10px;font-weight:bold;}
/*Categorias*/
#categoriasHead{
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #CECF40;
}
#categoriasHead img{
	float:left;
	width:300px;
	height:225px;
}

#categorias a{color:#432517;font-size:small;}
#categorias small{color:red;}

#categoriasBody{
	
}

.tituloCat{font-size:large;margin-top:10px;}
.tituloFam{font-size:large;margin-top:10px;}

.filaCategorias{
	width:100%;
	height:85px;
	clear:left;
	margin-bottom:5px;
}
.filaCategorias img{
	width:113px;
	height:85px;
	float:left;
	border:solid 1px #CECF40;
	margin-right:5px;
}

/*Familias*/
#familiasHead{
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #CECF40;
}
#familiasHead img{
	float:left;
	width:300px;
	height:225px;
}

#familiasBody{
	
}

.stock {
}

.filaFamilias{
	width:100%;
	height:113px;
	height:85px;
	clear:left;
	margin-bottom:5px;
}



.filasFamilias .precio{
	float:right;
}

.filaFamilias .imagenProd{
	width:113px;
	height:85px;
	float:left;
	border:solid 1px #CECF40;
	margin-right:5px;
}

.filaFamilias span{
	float:left;
	width:15%;
}

.filaFamilias #izquierda{
	float:left;
	width:80%;
}

/*Producto*/
#productoDetalle{
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #CECF40;
}
.imagenProducto{
	float:left;
	width:300px!important;
	height:225px!important;
}

#productoDetalle li{
	font-size:0.5em;
	background:url('../images/bullet.gif') no-repeat;
	display:inline;
	padding-left:10px;
}


/*Carrito*/
#carrito{
	font-size:0.8em;
	float:right;
	text-align:center;
}

#carrito label{
	
}

#carrito input{
	text-align:center;
}

/*Barra Lateral*/
#categorias{
	font-size:0.8em;
}

#categorias ul{
	padding:5px;
	margin-left:5px;
}

/*Productos Relacionados*/
#relacionados{
	height:350px;
}

.relacionadosBox{
	text-align:center;
	width:30%;
	float:left;
	margin-bottom:30px;
}
#imagenesambientes{float:left;margin-left:9px;margin-top:5px;margin-bottom:5px;padding:0 5px 5px 0px;background-color:#432417;display:table;}
.imagenambiente{width:190px;height:230px;text-align:center;float:left;border:1px solid #ccc;margin-left:5px;margin-top:5px;background-color:#C6920A;}
.imagenambiente img{width:160px;height:120px}
.imagenambiente p{margin-left:10px;margin-right:10px;margin-bottom:1px;}



/************************TABLAS************************/

table.tablesorter {
	margin-left:7px;
	font-size: 12px;
	background-color: #fff;
	width: 600px;
	border:1px solid #cecdcd;
}

table.tablesorter tr {
	cursor:pointer;
	height:30px;
}
table.tablesorter th {
	font-weight:bold;
	text-align: center;
	background-color: #6E6E6E;
}

table.tablesorter th.header{
	padding-top:10px;
}
table.tablesorter td {
	color: #444;
	padding-left:5px;
	padding-top:10px;
	border:1px solid #cecdcd;
}

table.tablesorter img{
	margin:0px;
	margin-top:-6px;
	margin-right:6px;
	padding:0px;}
table.tablesorter .even {
	background-color: #ebfbfd;
}
table.tablesorter .odd {
	background-color: #fff;
}
table.tablesorter .header {
	color:#616161;
	font-weight:bold;
	background-color: #eefbe0;
	border:1px solid #cecdcd;
	padding-top: 3px;
	height: auto;
}
table.tablesorter .headerSortUp {
	background: url('../images/layout/asc.gif') no-repeat center left;
}
table.tablesorter .headerSortDown {
	background:url('../images/layout/desc.gif') no-repeat center left;
}




/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////// TODO SLO CONTENIDOS //////////////////////////////////*/

#contenidos_principal{
	margin-top:30px;
}

#principal_col1{
	width:322px;
	float:left;
}

#principal_col2{
	margin-left:35px;
	width:169px;
	margin-top:8px;
	float:left;
}

#principal_col3{
	float:left;
	margin-left:30px;
	width:320px;
}

#col1_sep1{
	height:50px;
}

.imgana{
	margin-left:25px;
	margin-top:30px;
}

.ulmat{
	margin-left:30px;
}

ul.ulmat li p.menosmarg{
	margin-top:9px !important;
}

#col2_sep1{
	height:55px;
}

#col3_sep1{
	height:19px;
}

h2.titulosec{
	font-size:30px;
	color:#271c1b;
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}
 
hr.subtit{
	border-left:none;
	border-right:none;
	border-top:2px solid #271c1b;
	border-bottom:0px;
	
}

hr.subtitblanco{
	border-left:none;
	border-right:none;
	border-top:2px solid #fff;
	border-bottom:0px;
	
}  

#comorealizarpedido{
	width:417px;
	float:left;
}

#fotorepartidor{
	float:left;
	margin-left:120px;
	margin-top:40px;
}

#fila2pedidos{
	margin-top:47px;
}

#formulariopedido{
	width:417px;
	float:left;
}

#faqs{
	float:left;
	margin-left:42px;
	width:416px;
}

form span{
	font-family: "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height:normal;
	color:#271c1b;
}

.elementoform{
	margin-top:15px;
}

input, textarea{
	background-color:#fffde9;
	border:1px solid #a29c8e;
	color:#433837;
	height:20px;
	font-size:12px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin-top:5px;
	font-family:Verdana;
}

.columnasform{
	width:417px;
}

.col1formpedido{
	float:left;
	width:150px;
	
}

.col2formpedido{
	float:right;
	width:150px;
	
	
}

textarea{
	height:100px;
	font-family:Verdana;
	
}


.error{
	color:#ff1500;
	width:137px;
	
}
.a417{
	width:405px !important;
	
}

.b417{
	width:413px;
}

#capaboton{
	margin-top:20px;
	float:right;
}


button{
	background-color:#271C1B;
	color:#E3E1D5;
	float:left;
	font-family:Lucida Sans,Lucida Grande;
	font-size:12px;
	font-weight:bold;
	height:34px;
	margin-right:5px;
	padding:0 15px;
	border:none;
}

#col1contacto{
	width:380px;
	float:left;
}

#col2contacto{
	margin-right:48px;
	float:right;
	width:430px;
}

#datoscontacto{
	width:400px;
	height:130px;
}

#datosA{
	width:150px;
	float:left;
}

#datosA p{
	text-align:right;
}

#datosB{
	float:left;
	margin-left:20px;
}

#map{
	margin-top:30px;
	height:370px;
	width:381px;
	overflow:hidden;
	border:1px solid #444;
	z-index:0;
}

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////// CATALOGO //////////////////////////////////////////////*/

#menucatalogo{
	width:247px;
	margin-right:20px;
	float:left;
}

#introseccion{
	width:609px;
	height:295px;
	background-color:#666;
	float:left;
	overflow:hidden;
}

.sec{
	background: url('../images/secciones/bg_catalogo1.jpg') no-repeat;
}

.sec0{
	background: url('../images/secciones/bg_ambientes1.jpg') no-repeat;
}

.sec1{
	background: url('../images/secciones/bg_puertas1.jpg') no-repeat;
}

.sec2{
	background: url('../images/secciones/bg_herrajes1.jpg') no-repeat;
}

.sec4{
	background: url('../images/secciones/bg_suelos1.jpg') no-repeat;
}

.sec3{
	background: url('../images/secciones/bg_rejas1.jpg') no-repeat;
}

.sec7{
	background: url('../images/secciones/bg_ambientes1.jpg') no-repeat;
}

.sec6{
	background: url('../images/secciones/bg_decoracion1.jpg') no-repeat;
}

.sec5{
	background: url('../images/secciones/bg_pinturas1.jpg') no-repeat;
}

#infoseccion{
	float:right;
	background:#000;
	opacity:0.8;
	margin-right:30px;
	margin-top:30px;
	display:table;
	color:#fff !important;
	padding:8px;
	width:253px;
}

.hblanco{
	color:#fff !important;
	font-size:24px !important;
}

.blanco{
	color:#fff !important;
	font-size:12px !important;
}



#catalagoinferior{
	margin-top:20px;
	display:table;
}

#paginacion{
	float:left;
	height:50px;
}

#orden{
	float:right;
	margin-right:56px;
}

#contenedorproductos{
	margin-top:20px;
	width:875px;
}

/*////////////////////////////////////////////////////////////*/
/*////////////////// CATS ////////////////////////////////////*/

#cats{
	
}

ul #menu{
	
}

li.menuli{
	cursor:pointer !important;
	width:235px;
	/*height:23px;*/
	color:#fffde9;
	border-top:2px solid #271c1b;
	font-size:18px;
	font-family: "Lucida Grande", sans-serif;
	background: url('../images/layout/bgmenu.jpg') no-repeat;
	padding:5px;
	
}

ul .sub_ul{
	margin-top:7px;
	margin-bottom:2px;	
}

ul .sub_ul li{
	cursor:pointer;	
	border-bottom:1px solid #928c8c;
	padding-bottom:5px;
	padding-top:5px;
	font-size:16px;
}

ul .sub_ul li a{
	color:#271c1b;
}

ul .sub_ul li:last-child{
	border-bottom:none;
}



.miniproducto{
	float:left;
	width:203px;
	height:198px;
	
	border-left:1px solid #bdbaba;
	
	text-align:center;

}


	/*scrollbar-arrow-color

  scrollbar-3Dlight-color: ;

   scrollbar-darkshadow-color:;

   scrollbar-face-color:;

  scrollbar-highlight-color:;

   scrollbar-shadow-color:;

  scrollbar-track-color:;*/



#tipoorden{
	background-color:#fffde9;
	border:1px solid #a29c8e;
	width: 153px;
	height:27px;
	font-size:12px !important;
		
}
SELECT{
	scrollbar-arrow-color:#fff   !important;
	scrollbar-shadow-color:#271c1b !important;
	scrollbar-highlight-color::#271c1b !important;
	 scrollbar-darkshadow-color:#271c1b !important;
	
}


#tipoorden option{
		font-size:12px !important;
		padding-left:10px;
		
}





#contenedorproductos :first-child{
	border:none !important;
	
}

.detallespro{
	text-align:left;
	width:150px;
	margin-left:15px;
}

.nombreproducto{
	font-size:14px;
	color:#251b1a;
}

.precioproducto{
	font-size:18px;
	color:#623625;
	
}

#footer p{font-weight:bold;color:#616161;float:right;margin-right:80px;}
.imagenminiproducto{
	
	float:center;

	height:140px !important;
	cursor:pointer;
	margin-bottom:5px;
}
#productoampliadodetalle{
	float:left;
	width:610px;
	height:295px;
	border: 1px solid #e3e2e2;
	
}
.referenciaproducto{font-size:10px !important;}
#imagengrande{ float:left; width:340px;text-align:center;}
..imagengrande{cursor:pointer;}
#descripciongrande{ height:266px; width:260px;overflow:hidden !important;}
#descripciongrande img{overflow:hidden;}
#imagengrande img{ margin-top:35px;margin-bottom:35px;margin-left:20px;margin-right:20px;}
.nombreproductoampliado{ 
font-family:"Lucida Grande", sans-serif !important;
font-size:21px !important;

}
.refproductoampliado{
	font-family:"Lucida Grande", sans-serif !important;
font-size:14px !important;
border-bottom:1px solid #a2a2a2;
border-style:dotted;
width:260px;
}
.precioproductoampliado{
font-family:"Lucida Grande", sans-serif !important;
font-size:18px !important;
color:#623625;
}
.descripciontituloampliado{

font-size:14px !important;
font-weight:bold !important;

}
.descripcionproductoampliado{
font-size:12px !important;

}
#descript{width:260px;height:100%;}
#descript p{ font-size:11px !important;}
/*///////////////////////MAPA////////////////////////*/
#mapaweb{width:878px;}

#mapawebizq{ float:left;margin-left:15px;width:360px;}
#mapawebizq span{float:left;clear:both;cursor:pointer;}
#mapawebder{ float:left;margin-left:35px;width:360px;}
#mapawebder span{float:left;clear:both;cursor:pointer;}

.titlemap{color:#444;font-weight:bold;font-size:11px;}
.limenuinterior{color:#444;font-weight:bold;font-size:10px;}

#ulcatalogo{margin-top:15px; float:left;}
#ulcatalogo span{padding-bottom:15px;}
#ulcatalogo li{padding-left:25px;padding-bottom:15px;}

#ulambientes{margin-top:15px; float:left;}
#ulambientes span{padding-bottom:15px;}
#ulambientes li{padding-left:25px;padding-bottom:15px;}

#ulinicio1{float:left;margin-top:15px;}
#ulinicio1 span{margin-bottom:15px;}
#ulinicio1 li{padding-left:25px;padding-bottom:15px;}

.ulseccion{margin-top:15px; float:left;}
.ulseccion span{padding-bottom:15px;}
.ulseccion li{padding-left:25px;padding-bottom:15px;}
.ulseccion2{margin-top:15px; float:left !important; }
.ulseccion2 span{padding-bottom:15px  !important;}
.ulseccion2 li{padding-left:25px  !important;padding-bottom:15px  !important;}

.herrajesyrejas{margin-left:-35px !important;padding-right:25px  !important;margin-top:15px;}

.herrajes{margin-right:10px;margin-left:-20px;}

/******PAGINACION********/
#paginationControl{
	font-family: Verdana;
	font-size:15px ;
	clear:both;
	height:80px;
	
	font-weight:bold;
	text-align:center;
	margin-top: 20px;
	position:relative;
	bottom:0;
}

#paginationControl div{
	vertical-align:middle;
	float:left;
	margin:5px 0;
    padding:5px 2px;
	
}


.btnpaginacion{
	color:#271c1b !important;
}
.pagactual{
	color:#decc89 !important;
}


#paginationControl .disabled{
	width: 100px !important;
	height:50px !important;
	color:#271c1b;
	
}