/***** Global Settings *****/

html, body {
	height: 100%;
}
body {
	font:80%/1.25 Arial, Helvetica, sans-serif;
	border:0;
	margin:0;
	padding:0;
	background: url(images/bground.jpg) repeat-x top left #d4dee6;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	margin:.1em 0 .8em 0;
	padding:0;
	font-family: arial;
	font-size:1.2em;
	color: #e9ac05;
}
h2 {
	margin:.1em 0 .8em 0;
	padding:0;
	font-family: arial;
	font-size:1.2em;
	color: #e9ac05;
}
h3 {
	margin:0;
	padding:0;
	font-family: "trebuchet ms", verdana, arial;
	font-size:1.3em;
	font-variant:small-caps;
	color:#000;
	margin:.3em 0 .4em 0;
}

h4 {
	margin:0;
	padding:0;
	font-family: "trebuchet ms", verdana, arial;
	font-size:1.3em;
	color:#fc9801;
	margin:.3em 0 .4em 0;
}
h5 {
	margin:4px 0 20px 0;
	padding:0;
	font-family: "trebuchet ms", verdana, arial;
	font-size:1.0em;
	font-weight: bold;
/*	text-transform: capitalize;  */
	color:#97002d;
	line-height: 1.6em;
}
p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

.black { color:#000;}
.hide { display:none; border:0;}
.click { cursor:pointer; }
/***** Links *****/

a, a:visited {
	text-decoration:none;
	color:#555;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#000;
	outline: none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}
table tr td {
	padding:2px;
}

/***** Wrapper *****/

#wrap {
	width:950px;
	margin: 0 auto;
	padding: 0;
	height: auto;
	min-height: 100%;
	background: url(images/bgcuerpo.jpg) repeat-y top left #fff;
}

/***** Global Classes *****/

.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.img-left { float:left; 
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }

.border { border:1px solid #ccc; }
/***** Header *****/
#printOnly{ display: none;}
#header{
	display: block;
	float: left;
	clear: both;
	width: 950px;
	height: 160px;
	margin: 0;
	padding: 0;
	background: url(images/bgheader.jpg) no-repeat top left;
}
#header ul#idiomas{
	display: block;
	width: 94px;
	float: right;
	clear: none;
	height: 21px;
	margin: 0 20px 0 0;
	padding: 12px 0 0 14px;
	background: url(images/bgidiomas.jpg) no-repeat top left;
}
#header ul#idiomas li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	list-style: none;

}

#header ul#idiomas li a{ 
	font-size: 11px; 
	margin: 0 0 0 3px;
	padding: 0 3px 0 0;
	border-right: solid 1px #fff;	
}
#header ul#idiomas li a.last{ border: none;}
#header ul#idiomas li a:link{ color: #fff; text-decoration: none;}
#header ul#idiomas li a:visited{ color: #fff; text-decoration: none;}
#header ul#idiomas li a:hover{ color: #e8c701; text-decoration: underline;}
#header ul#idiomas li a:active{ color: #fff; text-decoration: none;}
#header ul#idiomas li a.active{ color: #e8c701; text-decoration: underline;}

#header a.email{
	display: block;
	float: right;
	clear: right;
	margin: 2px 20px 0 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: bold;
	background: url(images/icoSobre.gif) no-repeat 0 0;
	/*width: 120px;*/
}
*html #header a.email{ margin: 2px 3px 0 0; padding: 0 0 0 20px; width: 150px;}

#header a.email:link{ color: #262c79; text-decoration: none;}
#header a.email:visited{ color: #262c79; text-decoration: none;}
#header a.email:hover{ color: #436588; text-decoration: underline;}
#header a.email:active{ color: #262c79; text-decoration: none;}

#header p.tel{
	display: block;
	float: right;
	clear: right;
	margin: 100px 20px 0 0;
	padding: 0 0 0 20px;
	font-size: 22px;
	font-weight: bold;
	color: #262c79;
	background: url(images/icoBocadillo.gif) no-repeat 0 6px;
	width: 125px;

}
#header #logo{
	display: block;
	float: left;
	clear: left;
	width: 137px;
	height: 138px;
	margin: 8px 0 0 28px;
	padding: 0;
	background: url(images/logocibeles.jpg) no-repeat top left;
	text-indent: -5000px;
}

#header #flashAni{
	display: block;
	float: left;
	clear: none;
	width: 530px;
	height: 161px;
	margin: 0 0 0 50px;
}
*html #header #flashAni{ margin-left: 25px;}

/***** MENU *****/

ul#menu{
	display: block;
	float: left;
	clear: both;
	width: 720px;
	height: 35px;
	margin: 0;
	padding: 0 0 0 230px;
	background: url(images/bgmenu.jpg) repeat-x top left;
}
ul#menu li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;

}

ul#menu li a{
	display: block;
	width: auto;
	height: 26px;
	margin: 0 1px 0 0;
	padding: 9px 17px 0 17px; 
	font-size: 13px; 
	text-decoration: none; 
	background: url(images/bgmenuItem.jpg) repeat-x top left;
}
*html ul#menu li a{ width: 110px; padding: 9px 0 0 0; text-align: center;}

ul#menu li a:link{ color: #fff;}
ul#menu li a:visited{ color: #fff;}
ul#menu li a:hover{ color: #fff; background: url(images/bgmenuHover.jpg);}
ul#menu li a:active{ color: #fff; background: url(images/bgmenuActive.jpg);}
ul#menu li a.active{ color: #fff; background: url(images/bgmenuActive.jpg);}

/***** CUERPO *****/

#cuerpo{
	display: block;
	float: left;
	clear: both;
	width: 950px;
	height: auto;
	margin: 0;
	padding: 0;
}
#cuerpo #izq{
	display: block;
	float: left;
	clear: left;
	width: 230px;
	height: 100%;
	min-height: 250px;
	margin: 0;
	padding: 0;
}
*html #cuerpo #izq {
 width:100px;
}
#cuerpo #izq #buscador{
	display: block;
	float: left;
	clear: both;
	width: 230px;
	height: 22px;
	margin: 0;
	padding: 20px 0;
	background: url(images/bgbuscador.jpg) repeat-y top left #b1bcc7;
}
*html #cuerpo #izq #buscador { width:220px; }
#cuerpo #izq #buscador form{ display: block; }
#cuerpo #izq #buscador form img.lupa{ 
	display: block; 
	float: left;
	clear: none;
	margin: 5px 0 0 20px;
	padding: 0;
}
*html #cuerpo #izq #buscador form img.lupa{ margin/***/:/***/ 5px 0 0 10px; }
#cuerpo #izq #buscador form input{ 
	display: block;
	float: left;
	clear: none;
	width: 113px; 
	margin: 0 0 0 7px;
}
#cuerpo #izq #buscador form a.buscar{
	display: block;
	float: left;
	clear: none;
	margin: 4px 0 0 4px;
	font-size: 11px;
	color: #352679;
	text-transform: uppercase;
	font-weight: bold;
}
#cuerpo #izq #buscador form  .buscar_button {
 width:59px;
 border:1px solid #ccc;
 background:#341773;
 color:#fff;
 font-size:.9em;
 height:23px;
}
#cuerpo #izq #buscador form a.buscar:link{}
#cuerpo #izq #buscador form a.buscar:visited{}
#cuerpo #izq #buscador form a.buscar:hover{}
#cuerpo #izq #buscador form a.buscar:active{}

#cuerpo #izq ul#arbol{
	display: block;
	float: left;
	clear: both;
	width: 230px;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(images/bgarbol.jpg) no-repeat top left #fff;
}
*html #cuerpo #izq ul#arbol {
 width:100px;
}
#cuerpo #izq ul#arbol li{
	display: block;
	float: left;
	clear: both;
	width: 230px;
	height: auto;
	margin: 0;
	padding: 0 0 14px 0;
	background: url(images/bgarbolItem.png) no-repeat top left;
}
*html #cuerpo #izq ul#arbol li {
}

#cuerpo #izq ul#arbol li.last{ background: url(images/bgarbolLast.png) no-repeat top left;}
#cuerpo #izq ul#arbol li a.titCat{
	display: block;
	float: left;
	clear: both;
	color: #352679;
	font-size: 13px;
	font-weight: bold;
	margin: 16px 0 0 26px;
	padding: 0;
	max-width: 290px;
}
*html #cuerpo #izq ul#arbol li a.titCat{ width: 200px; border: }
cuerpo #izq ul#arbol li a.titCat:link{}
cuerpo #izq ul#arbol li a.titCat:visited{}
cuerpo #izq ul#arbol li a.titCat:hover{}
cuerpo #izq ul#arbol li a.titCat:active{}

#cuerpo #izq ul#arbol li a.titCatActive{
	display: block;
	float: left;
	clear: both;
	color: #fc3b00;
	font-size: 13px;
	font-weight: bold;
	margin: 16px 0 0 26px;
	padding: 0;
	max-width: 290px;
}
*html #cuerpo #izq ul#arbol li a.titCat,
*html #cuerpo #izq ul#arbol li a.titCatActive{ margin-left/***/:/***/ 13px;}

cuerpo #izq ul#arbol li a.titCat:link{}
cuerpo #izq ul#arbol li a.titCat:visited{}
cuerpo #izq ul#arbol li a.titCat:hover{}
cuerpo #izq ul#arbol li a.titCat:active{}

#cuerpo #izq ul#arbol li p.descr{
	display: block;
	float: left;
	clear: both;
	color: #3d3e3f;
	font-size: 11px;
	margin: 4px 0 0 26px;
	padding: 0 0 0 10px;
	background: url(images/icoFlechaArbol.gif) no-repeat 0 4px;
	width: 190px;
}
*html #cuerpo #izq ul#arbol li p.descr{ margin-left: 13px; }
#cuerpo #izq ul#arbol li p.description{
	display: block;
	float: left;
	clear: both;
	color: #3d3e3f;
	font-size: 11px;
	margin: 4px 0 0 26px;
	padding: 0 0 0 0;
	width: 190px;
	font-style:italic;
}
*html #cuerpo #izq ul#arbol li p.description{ margin-left/***/:/***/ 13px; }
#cuerpo #izq ul#arbol li p.uCase{ text-transform: uppercase;}
#cuerpo #izq ul#arbol li p.descr a:link{ text-decoration: none; color: #3d3e3f;}
#cuerpo #izq ul#arbol li p.descr a:visited{ text-decoration: none; color: #3d3e3f;}
#cuerpo #izq ul#arbol li p.descr a:hover{ text-decoration: none; color: #3d3e3f;}
#cuerpo #izq ul#arbol li p.descr a:active{ text-decoration: none; color: #3d3e3f;}

.subcategorias{
	margin: 0;
	padding: 0;
	clear:both;
}

#cuerpo #izq ul#arbol li ul.prods{
	margin: 0;
	padding: 0;
}
#cuerpo #izq ul#arbol li ul.prods li{
	margin: 4px 0 0 40px;
	padding: 0 0 0 10px;
	list-style: none;
	background: none;
	width: 172px;
	background: url(images/icoFlechaArbol.gif) no-repeat 0 4px;
}
*html #cuerpo #izq ul#arbol li ul.prods li{ margin-left/***/:/***/ 20px;}
#cuerpo #izq ul#arbol li ul.prods li a:link{ font-size: 0.9em; text-decoration: none; color: #e0a400;}
#cuerpo #izq ul#arbol li ul.prods li a:visited{ font-size: 0.9em; text-decoration: none; color: #e0a400;}
#cuerpo #izq ul#arbol li ul.prods li a:hover{ font-size: 0.9em; text-decoration: underline; color: #fc3b00;}
#cuerpo #izq ul#arbol li ul.prods li a:active{ font-size: 0.9em; text-decoration: none; color: #e0a400;}
#cuerpo #izq ul#arbol li ul.prods li a.active{ font-size: 0.9em; text-decoration: underline; color: #fc3b00;}

#cuerpo #der{
	display: block;
	float: left;
	clear: none;
	width: 660px;
	height: 100%;
	padding: 30px;
	margin: 0;
}
*html #cuerpo #der{ width: 660px; padding:30px; }

#cuerpo #der p.splitterHor{
	display: block;
	float: none;
	clear: both;
	height: 1px;
	border-bottom: dotted 1px #a2a2a2;
	padding: 0 0 14px 0;
	margin: 0 0 20px 0;
}
#cuerpo #der .floatRight{
	margin: 0 0 16px 16px;
}
#cuerpo #der .floatRight img{
	border: solid 1px #8f8e94;
}
#cuerpo #der .floatLeft{
	margin: 0 16px 16px 0;
}
#cuerpo #der .floatLeft img{
	border: solid 1px #8f8e94;
}
#cuerpo #der ul#especialidades{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 14px 0;
	padding: 0;
	height: 130px;
	width: 660px;
}
*html #cuerpo #der ul#especialidades{ width: 658px;}
#cuerpo #der ul#especialidades li{ 
	display: block;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	margin: 0 8px 0 0;
	padding: 0;
	list-style: none;
}
*html #cuerpo #der ul#especialidades li{ margin-right: 6px;}
#cuerpo #der ul#especialidades li a.especialidad{ display: block; float: left; border: solid 2px #9a999e;}
#cuerpo #der ul#especialidades li a.especialidad img{ display: block; float: left;}
#cuerpo #der ul#especialidades li a.tit{ display: block; float: left; clear: both; width: 143px; font-size: 0.89em; color: #323233; margin: 4px 0 0 0; padding: 0 0 0 10px; background: url(images/icoFlechaEspecial.gif) no-repeat 0 4px;}

#cuerpo #der ul#especialidades li a.especialidad:link{ border: solid 2px #9a999e;}
#cuerpo #der ul#especialidades li a.especialidad:visited{ border: solid 2px #9a999e;}
#cuerpo #der ul#especialidades li a.especialidad:hover{ border: solid 2px #f5ca00;}
#cuerpo #der ul#especialidades li a.especialidad:active{ border: solid 2px #9a999e;}

#cuerpo #der ul#proveedores{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 14px 0;
	padding: 0 0 0 20px;
	height: 60px;
	width: 640px;
	background: #eee;
}
*html #cuerpo #der ul#proveedores{ width: 640px;}
#cuerpo #der ul#proveedores li{ 
	display: block;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
}
#cuerpo #der ul#proveedores li a.cesur{ display: block; margin: 15px 20px 0 0;}
#cuerpo #der ul#proveedores li a.schueco{ display: block; margin: 22px 0 0 25px;}
#cuerpo #der ul#proveedores li a.asefave{ display: block; margin: 4px 0 0 25px;}
#cuerpo #der ul#proveedores li a.asoven{ display: block; margin: 4px 0 0 25px;}
#cuerpo #der ul#proveedores li a.climalit{ display: block; margin: 4px 0 0 25px;}

#cuerpo #der #dist_der   ul {
 float:left;
}
#cuerpo #der #dist_der  li{
	margin: 2px 0 4px 0;
	background:transparent url(images/icoFlechaArbol.gif) no-repeat scroll 0 4px;
	padding:0 0 0 10px;
}

#cuerpo #izq #accesoClientes{
	display: block;
	float: left;
	clear: both;
	margin: 16px 0 20px 0;	
}
#cuerpo #izq #accesoClientes p.acPriv{
	display: block;
	float: left;
	clear: both;
	width: 138px;
	height: 19px;
	margin: 0; 
	padding: 7px 0 0 12px; 
	font-weight: bold; 
	font-size: 0.9em; 
	color: #3D3E3F; 
	width: 218px; 
	background: url(images/pestPrivado.gif) no-repeat top left;
}
#cuerpo #izq #accesoClientes form{
	display: block;
	float: left;
	clear: both;
	width: 230px;
	margin: 0;
	padding: 15px 0;
	background-color: #97a4b1;
}
#cuerpo #izq #accesoClientes label{
	display: block;
	float: left;
	clear: both;
	width: 80px;
	height: 16px;
	margin: 0 5px 2px 10px;
	padding: 4px 0 0 0;
	font-size: 0.80em;
	text-transform: uppercase;
	text-align: right;
	color: #3D3E3F;
}
*html #cuerpo #izq #accesoClientes label{ margin-left/***/:/***/ 5px;}
#cuerpo #izq #accesoClientes input{
	display: block;
	float: left; 
	clear: none;
	width: 120px;
	margin: 0 0 2px 0;
	padding: 0;
}
#cuerpo #izq #accesoClientes input.txt{
	border: solid 1px #808f9e;
	background-color: #dee3e8;
	font-size: 0.85em;
	padding: 2px;	
	color: #28292a;
}
#cuerpo #izq #accesoClientes input.submit{ width: 127px; color: #28292a; text-transform:capitalize;}

#cuerpo #izq #qr { margin:24px;border:1px solid #341773; }

/***** Puntos de Venta *****/

.puntosVenta p.tel{ margin: 0 0 10px 0; padding: 0;	line-height:1.8;}
.puntosVenta h2{ margin:.1em 0 .1em 0;}
.puntosVenta h2.centro{ text-indent: -2000px; background: url(images/contenido/cibeles-centro.jpg) no-repeat top left; height: 28px;}
.puntosVenta h2.laregia{ text-indent: -2000px; background: url(images/contenido/cibeles-laregia.jpg) no-repeat top left; height: 28px;}
.puntosVenta h2.cortesvalencianas{ text-indent: -2000px; background: url(images/contenido/cibeles-cortesvalencianas.jpg) no-repeat top left; height: 28px;}
.puntosVenta h2.lomarabu{ text-indent: -2000px; background: url(images/contenido/cibeles-lomarabu.jpg) no-repeat top left; height: 28px;}

.puntosVenta .imgPuntoVenta{
	display: block;
	float: left;
	clear: left;
	margin: 0 15px 0 0;
	width: 235px;
}
.puntosVenta .imgPuntoVenta img{ border: solid 1px #939298;}
.puntosVenta .mapaPuntoVenta{
	display: block;
	float: left;
	clear: none;
	width: 374px;
}
.puntosVenta .mapaPuntoVenta img{ border: solid 1px #939298;}
.puntosVenta  a.verMapa{
	display: block;
	float: left;
	clear: both;
	background: url(images/icoFlechaArbol.gif) no-repeat center left;
	margin: 4px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 0.9em;
}
.gps { color: #e9ac05; }
/***** Resumen productos *****/

.resumenProductos ul#resumen{
	margin: 0;
	padding: 0;
	clear: both;
	width:522px;
}
.resumenProductos ul#resumen li{
	display: block;
	float: left;
	clear: none;
	width: 150px;
	height: 220px;
	margin: 0 20px 22px 0;
	padding: 0;
}
.resumenProductos ul#resumen li h2 a{ color:#E9AC05; font-size: 0.9em;}
.resumenProductos ul#resumen li a.imagen{ display: block; width: 150px; height: 150px; border: 0; outline: 0; border: solid 1px #939298; margin: 0 0 10px 0;}
.resumenProductos ul#resumen li a.verMas{
	display: block;
	float: left;
	clear: both;
	background: url(images/icoFlechaEspecial.gif) no-repeat center left;
	margin: 8px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 0.9em;
}
/* PAGE LINKS */

#page_links {
 text-align:right;
}
#page_links ul {
 float:right;
 margin:0 17px 0 0;
}
#page_links li {
 display:block;
 float:left;
 border:1px solid #aaa;
 margin:0 6px 0 0;
 background:#fff;
 width:auto;
 height:auto;
}
#page_links li.nota {
 background:#fcbe13;
 padding:.2em .6em;
}
#page_links li a:link{
 background:#eee;
 padding:.2em .6em;
 display:block; 
}
#page_links li a:visited{
 background:#eee;
 padding:.2em .6em;
 display:block; 
}
#page_links li a:hover{
 background:#ccc;
 padding:.2em .6em;
 display:block; 
}
/***** SubCategorias productos *****/

.subCategorias h2{ color: #484847; text-transform: uppercase; font-size: 0.95em;}
.subCategorias h3{
	margin:.1em 0 .2em 0;
	padding:0;
	font-family: arial;
	font-size: 0.95em;
	color: #e9ac05;
	height:31px;
}
.subCategorias ul.subCategoria{
	margin: 0;
	padding: 0;
	clear: both;
}
.subCategorias ul.subCategoria li{
	display: block;
	float: left;
	clear: none;
	width: 150px;
	height: 210px;
	margin: 0 66px 36px 0;
	padding: 0;
}
*html .subCategorias ul.subCategoria li{ margin-right/***/:/***/ 50px; margin-bottom/***/:/***/ 0px;}
.subCategorias ul.subCategoria li .vacio{ display: block; width: 150px; height: 150px; margin: 30px 0 0 0; background-color: #eff1f3;}
.subCategorias ul.subCategoria li a.imagen{ display: block; width: 150px; height: 150px; border: 0; outline: 0; border: solid 1px #939298;}
.subCategorias ul.subCategoria li a.verMas{
	display: block;
	float: left;
	clear: both;
	background: url(images/icoFlechaEspecial.gif) no-repeat center left;
	margin: 8px 0 0 0;
	padding: 0 0 4px 10px;
	font-size: 0.9em;
	/*border-bottom:1px solid #ddd;*/
	width:140px;
}
.thumbnail {
 display:block; 
 width:150px;
 height:150px;
 border:1px solid #341773; 
}
/***** Detaille productos *****/

.detailles h2{ color: #484847; text-transform: uppercase; font-size: 0.95em;}
.detailles #cntGallery{
	display: block;
	float: right;
	width: 245px;
	margin: 0 0 0 50px;
}
.detailles #cntGallery #cntBigImg{
	display: block;
	float: left;
	clear: both;
	width: 245px;
	/*height: 270px;*/
	background-color: #eee;
	border: solid 1px #bab9bd;
	overflow: hidden;
}
.detailles #cntGallery img.bigImg{ 
	display: block;
	margin: 0 auto;
	max-width: 245px; }
.detailles #cntGallery #thumbs{ 
	display: block; 
	float: left;
	clear: both;
	width: 245px;
	height: auto;
	margin: 0;
	padding: 0;
}
.detailles #cntGallery span{
	display: block;
	float: left;
	margin: 10px 0 0 0;
}
.detailles #cntGallery ul#thumbsList{ 
	display: block; 
	float: left;
	clear: none;

	height: auto;
	margin: 6px 0 0 0;
	padding: 0;
}
.detailles #cntGallery ul#thumbsList li{
	display: block;
	float: left;
	clear: none;
	margin: 0px 3px 1px 1px;
	padding: 2px;
	list-style: none;
	color: #3d3e3f;
	border: solid 1px #ccc;
}
.detailles #cntGallery ul#thumbsList li a{ font-weight: bold; }
.detailles #cntGallery ul#thumbsList li a:link{ color: #3d3e3f; text-decoration: none;display:block;}
.detailles #cntGallery ul#thumbsList li a:visited{ color: #3d3e3f; text-decoration: none;}
.detailles #cntGallery ul#thumbsList li a:hover{ color: #e0a400; text-decoration: underline;}
.detailles #cntGallery ul#thumbsList li a:active{ color: #3d3e3f; text-decoration: none;}
.detailles #cntGallery ul#thumbsList li a.active{ color: #e0a400; text-decoration: underline;}

.detailles #extraIzq{
	display: block;
	width: 400px;
	height: auto;
	margin: 0;
	padding: 0;
}
.detailles #extraDer{
	display: block;
	float: left;
	clear: none;
	width: 245px;
	height: auto;
	margin: 0;
	padding: 0;
}
.detailles p.subTit{
	color:#E9AC05;
	font-size:1.0em;
	margin: 0 0 10px 0;
	padding:0;
	font-weight: bold;
}
.detailles #extraIzq table{ border-collapse: collapse}
.detailles #extraIzq table tr td.c1{ width: 128px;}
.detailles #extraIzq table tr td.c2{  background-color:#e8ecef; text-align: center;}
.detailles #extraIzq table tr td.c3{ width: 113px; background-color:#e8ecef; text-align: center;}

.detailles #extraDer a.pdf{ background:url(images/icoPdf.gif) no-repeat top left; padding: 2px 0 2px 21px;}

.detailles #extraDer ul#descargas{
	margin: 0;
	padding: 0;
}
.detailles #extraDer ul#descargas li{
	margin: 0;
	padding: 3px 0;
	list-style: none;
}
#outlet_stuff {
 width:300px;
}
#outlet_stuff p {
 margin:0;
 padding:4px 0 4px 0;
 border-bottom:1px dotted #aaa;
}
#outlet_stuff strong {
 margin:0;
 color:#E9AC05;
}
.strike { text-decoration: line-through; }
#outlet_stuff p.precio_final { font-size:1.3em; border-bottom:0; }
#ficha_contacto {
 border:1px solid #ccc;
 padding:10px;
 float:left;
 background:#fbe88e;
 clear: both;
}
#ficha_contacto label {
 width:100px;
 text-align:right;
}
  h2.click { color:#e9ac05;font-weight:bold; }
  
  
#colores_ficha {
 width:330px;
 border:1px solid #ddd; 
 padding:8px 0 0 8px;
}  
#colores_ficha ul {
 margin:0;
 padding:0;
}
#colores_ficha li {
 float:left;
 font-size:10px;
 margin:0 8px 14px 0;
 text-align:center;
}
#colores_ficha li img {
 border:1px solid #ccc;
}
/**** MAPA  ****/

#map_canvas {
 width:660px;
 height:440px;
 border:1px solid #aaa;
}
ul#opt{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}
ul#opt li{
	display: block;
	float: left;
	clear: none;
	width: 72px; 
	margin: 0; 
	padding: 0; 
	list-style: none;
}
ul#opt li.imprimir a{ background: url(images/printer.png) no-repeat top left; padding: 0 0 0 22px; color: #555;}
ul#opt li.imprimir{ padding: 0 0 0 20px;}
ul#opt li.volver{ border-right: solid 1px #A2A2A2;}
h2.click{
	display: block;
	float: left;
	clear: both;
	width: 200px;
	margin: 25px 0;
	padding: 0;
}

/***** PIE *****/

#pie{
	display: block;
	float: none;
	clear: both;
	width: 950px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(images/bgmenu.jpg) repeat-x top left;
	color: #fff;
	font-size: 0.85em;
}
#pie a{ font-weight: bold; text-transform: uppercase;}
#pie a:link{ color: #fff; }
#pie a:visited{ color: #fff; }
#pie a:hover{ color: #fff; }
#pie a:active{ color: #fff; }

#pie ul#pieIzq{
	display: block;
	float: left;
	clear: both;
	height: 18px;
	margin: 7px 0 0 240px;
	padding: 0;
}
*html #pie ul#pieIzq{ margin-left/***/:/***/ 120px;}
#pie ul#pieIzq li{
	float: left;
	padding: 0 7px;
	border-right: solid 1px #ccc;
}
#pie ul#pieIzq li.last{ border: none;}

#pie #pieDer{
	display: block;
	float: right;
	margin: 7px 20px 0 0;
	padding: 0;
	font-size: 0.75em;
	color: #a0b9d2;
}
#pie #pieDer a{ font-weight: bold; text-transform: uppercase;}
#pie #pieDer a:link{ color: #a0b9d2; }
#pie #pieDer a:visited{ color: #a0b9d2; }
#pie #pieDer a:hover{ color: #a0b9d2; }
#pie #pieDer a:active{ color: #a0b9d2; }

/***** FORMULARIO DE CONTACTO *****/

#contactform {
	float:left;
	margin:0;
}
#contactform fieldset {
	border:1px solid #D7D2C5;
	margin:0;
	padding:0;
	background: #eee;
}
.roadmap {
	clear:none;
	display:block;
	float:right;
	margin:10px 9px 0 0;
	border:1px solid #D7D2C5; 
}
#contactform fieldset label { margin:2px 0 2px 8px;text-align:right;}
label {
	clear:left;
	width:150px;
}
label, input {
	display:block;
	float:left;
}
input, textarea {
	margin:0 0 6px 10px;
	width:190px;
}
textarea { height:60px; }
textarea#fcomments { height:110px; }
.obli { color:#CC0000; }
#contactform fieldset select {
	display:block;
	float:left;
	margin:0 0 6px 10px;
	width:200px;
}
.contacto a {
 color:#E9AC05;
 font-weight:bold;
}
.contacto a:hover {
 color:#db900d;
}
.contacto strong {
 color:#341773;
 font-weight:1.2em;
}
.contacto input, textarea {
	margin:0 0 6px 10px;
	width:190px;
}
#contact_text {
 border:1px solid #ccc;
 background:#fafafa;
padding:10px; 
}
/***** GRID INDEX ****/

#trabajosRealizados ul#grid{
	display: block;
	float: left;
	clear: both;
	width: 325px;
	height: 242px;
	margin: 0;
	padding: 0;
}
#trabajosRealizados ul#grid li{
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: 0 1px 1px 0;
	padding: 0;
	background-color: #ddd;
}
#trabajosRealizados #bigImg{
	display: block;
	float: left;
	width: 334px;
	height: 242px;
	margin: 0;
	padding: 0;
	background-color: #d8e0e2;
	overflow: hidden;
}
/***** SLIDESHOW ****/

#slideshow{
	display: block;
	float: left;
	margin: 0;
	padding: 0;

}
#slideshowDer{
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	border:1px solid #97A4B1;
}

/***** ADMIN ****/

#ficha_form {
 overflow:auto;
 width:320px;
 display:block;
}

#ficha_form label {
 width:70px;
 text-align:right;
}
#ficha_form input {
 border:1px solid #aaa;
}
#ficha_form select {
 float:left;
 margin:0 0 6px 10px;
 width:190px;
 }
#ficha_form textarea {
 height:130px;
 width:204px;
 border:1px solid #aaa;
}
.es { background:#fff url(images/flags/es.gif) top right no-repeat; }
.en { background:#fff url(images/flags/en.gif) top right no-repeat;display:none;} 
.de { background:#fff url(images/flags/de.gif) top right no-repeat;display:none;}
.ru { background:#fff url(images/flags/ru.gif) top right no-repeat;display:none; }
#flags {
 text-align:right;
 width:282px;
 margin:0 0 4px 0;
}
#flags img {
 border:1px solid #000;
 margin:0 0 0 4px;
}
#flags_general {
 text-align:left;
 margin:0 0 4px 6px;
}
#flags_general img {
 border:1px solid #000;
 margin:0 0 0 4px;
}
#borrar {
 margin:20px 0 0 0;
 font-size:.8em;
 border:1px solid #ae0000;
 padding:2px 5px;

 background:#e18a8a;
}
#borrar a { color:#ae0000; }

.borrar {
 background:#ff9595 url(images/back_x.gif) left center no-repeat;
 padding:4px 4px 4px 22px;
 float:right;
 color:#ae0000;
 border:1px solid #ae0000;
 margin:8px;
 font-size:.8em;
}
.borrar:link { color:#ae0000; }
.borrar:visited { color:#ae0000; }
.borrar:hover { color:#ae0000; }
#lock {
 padding:4px 0;
 background:#ae0000;
 color:#fff;
 cursor:pointer;
 border:1px solid #550000;
 margin:6px 0 0 0;
 display:block;
 width:106px;
 font-size:.9em;
 text-align:center;
}
#lock:hover {
 background:#bd0000;
}
#ficha_right {
 float:right;
 width:285px;
}
#ficha_right input {
 margin:0;
}
#imagenes {
 border:1px solid #ccc;
 padding:12px;
 }
 #decargas_admin {
 margin:10px 0 0 0;
 border:1px solid #ccc;
 padding:12px;
 }
 #imagenes_int {
  padding:.5em;
  border:1px solid #aaa;
 }
 #subir_imagenes {
  padding:.5em;
  border:1px solid #aaa;
 }
.admin_thumbnail {
  margin:2px;
  padding:3px;
  background:#fff;
  border:1px solid #eebf31;
 }
 .admin_outer_thumb {
   margin:2px;
  text-align:center;
  float:left;
  background:#ddd;
 }
  .admin_outer_thumb table {
 margin:0;
 padding:0;
 }
 .admin_outer_thumb .arrow_left{
  padding:0 14px 2px 0;
 }
 .admin_outer_thumb .arrow_right{
  padding:0 0 2px 14px;
 }
 .img_number {
   float:left;
   font-size:.8em;
   padding:2px 14px 2px 2px;
 }
 .admin_outer_thumb .xxx{
  padding:0 0 2px 0;

 }
  .admin_outer_thumb .arrow_left_l{
  padding:0 14px 2px 0;
 }
 .admin_outer_thumb .arrow_right_l{
  padding:0 0 2px 14px;
 }
 .admin_outer_thumb .xxx_l{
  padding:0 0 2px 0;
 }
 .promox{
  margin:0 0 0 0;
  padding:0 0 0 0;
  color:#ae0000;
  cursor:pointer;
 }
 .anadir_boton {
 color:#00ae00;
 cursor:pointer;
 }
 .promoy {
  color:#FFC020;
 }
#subir_imagenes {
 padding:1em;
 border:1px solid #fff;
 margin:1em 0;
}
#descargas_ficha {
 margin:0;
 padding:0;
}
#descargas_ficha li {
 background:url(images/icoPdf.gif) no-repeat top left;
 padding: 2px 0 2px 21px;
}

#colores_admin {
 border:1px solid #ccc;
 background:#eee;
 padding:6px;
}
#colores_admin input {
 width:auto;
 margin:4px;
}
#colores_admin label {
 width:135px;
 margin:4px;
}

/**** UPLOAD IMAGES ****/

#upload_images {
 padding:2px;
 border:1px solid #ccc;
 background:#fafafa;
 
}

/**** FTP ****/

 #carpetas {
  float:left;
  margin:0 10px 0 0;
}

 #ficheros {
  float:left;
  border-top:1px dashed #ccc;
 }
.ftp  ul  {
 margin:0px 10px 0 0;
 padding:0;
  }
.ftp ul .fichero {
  padding:3px 0 3px 26px;
  width:250px;
  border-bottom:1px dashed #ccc; 
  background:#fff url(images/icono_fichero.gif) left center no-repeat;
 }
.ftp  ul .carpeta {
  padding:3px 0 3px 36px;
  width:250px;
  border-bottom:1px solid #fff; 
  background:#dbdbdb url(images/icono_carpeta.gif) left center no-repeat;
 }
 .subir {
  margin:6px 0;
  display:block;
 }
 .pdf {
 background:url(images/pdf_icon.png) top left no-repeat;
 padding:4px 0 4px 70px; 
 min-height:60px;
 border-top:1px solid #aaa;
 border-bottom:1px solid #aaa;
 margin:0 0 10px 0;
}

/*** FTP ADMIN ***/

#extranet_edit {
 margin:10px 0 0 0;
}
#extranet_edit table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	}
#extranet_edit th {
	padding: .1em 0.5em 0;
	text-align: left;
	font-size:.8em;
	}
#extranet_edit th {
 text-align:left;
 background:#7aa9f0;
 border-top: 1px solid #FB7A31;
 border-bottom: 1px solid #FB7A31;
 background: #FFC;
}
#extranet_edit td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: .3em 0.5em 0;
}
#extranet_edit td+td {
	border-right: 1px solid #CCC;
}
#extranet_edit td+td:last-child {
	border-right: none;
}
.td_left {
 text-align:right;
 padding:0 4px 0 0;
}
#extranet_edit input {
 width:90px;
}
.button {
background:#00ae00 none repeat scroll 0 0;
border:1px solid #fff;
color:#fff;
}
#bienvenido_distribuidor {
 text-align:center;
 margin:0;
 font-size:.9em;
 background:#00ae00;
 border-bottom:1px solid #fff;

 padding:4px 0 4px 0;
 color:#fff;
 position:fixed;
 width:100%;
 display:block;
 filter: alpha(opacity=80);
 opacity: .8;
}
#bienvenido_distribuidor p {
 margin:0;
 padding:0 100px 0 0;
}
#upload {
 background:#eaeaea;
 padding:8px;
 border-top:1px dotted #666;
 border-bottom:1px dotted #666;
} 
#upload input {
 float:none;
 margin:0;
 padding:0;
}
.categoria_form {
 padding:8px 6px;
 border:1px solid #ccc;
 background:#fafafa;
}
#editar_categorias {

}

#editar_categorias input {
 width:280px;
}
#editar_categorias li {
 list-style-type:disc;
 font-size:1.2em;
 padding:4px 0;
}
.categoria_form {
 float:left;
 margin:0 20px 20px 0;
}
#admin_subcategorias input {
 width:220px;
}
#admin_subcategorias .sub_button {
 width:90px;
 border:1px solid #ccc;
}

/*** TRADUCCIONES ***/
#traducciones {
 margin:0 0 0 78px;
}
.traducciones_field  input{
 width: 80px;
}
#response {
 margin:0 25px 25px 0;
 position:fixed;
 bottom:2px;
 right:2px;
}
#response_int {
 background:#E6EFC2 url(http://www.brunel.es/traducciones/images/tick.jpg) left center no-repeat;
 color:#264409;
 padding:20px 8px 20px 60px;
 border:1px solid;
 width:120px;
 text-align:center;
}

/***** PORTADA RANDOM *****/
#portada_random {
 float:right;
 width:260px;

 border:1px solid #ccc;
}
#portada_random  div{
 float:left;
 margin:0 6px 6px 0;
}
#portada_random  div img{
 border:1px solid #ccc;
}