/* CSS Document */

body{ background:#e9e8e9 url(../../images/fondoG.gif) repeat-x; margin:0; padding:0; color:#fff; font: bold 75% arial;}

a{ color:#fff; text-decoration:none;}
a img{ border:none; text-decoration:none;}
a:hover{ color:#ffb600;}

h1{ background:#292929; font-size:1.2em; padding:5px 0 5px 2%; margin:10px 0; color:#f8b600; float:left; width:98%; border-bottom:1px dotted #bc8900;}

h2{ background:#292929; font-size:1.2em; padding:3px 0 3px 2%; color:#f8b600; float:left; width:98%;}
.both{ clear:both; display:block;}

p{ font:normal 1em arial; text-align:justify; float:left; width:100%; padding:0; margin:5px 0;}

.izqCab{float:left; width:624px;}
.c22{ float:left; margin:10px 0;}

.tit{ float:left; width:100%; margin:10px 0;}


kbd{font:normal .8em "Lucida console", Courier, monospace;border-top:.15em solid #ccc;border-right:.25em solid #aaa;border-bottom:.3em solid #888;border-left:.2em solid #bbb;padding:.06em .3em;margin:0 1.5px;background:#eee;vertical-align: text-bottom;cursor:help; color:#000 !important;}

.menu{ float:left; width:100%; background:#fed90b url(../../images/fondoMenu.gif) repeat-x bottom; border-top:1px solid #efcb0a; font-size:1.1em;}
.menuSup{float:left; width:auto; margin:0; padding:0 0 0 3%;}
.menuSup li, .accesib li{list-style:none; float:left; padding:2px; margin:0;}
.menuSup a{ display:block; background:url(../../images/sepMenu.png) no-repeat 100% 2px; padding:7px 17px 7px 5px; color:#000;}
.accesib{ float:25%; float:right; margin:0; padding:0;}
.accesib a{display:block; font-size:0.9em; padding:2px 5px; margin-top:4px; color:#000;}
.tam{ background:#222; border-right:1px dotted #e778e4; color:#fff !important;}

.areaProf{ float:right; width:263px; min-height:114px; background:#4e4e4e url(../../images/fondoAreaProf.gif) repeat-x;}
.areaProf h1{ background:url(../../images/titAreaProf.gif) no-repeat; font-size:1em; color:#fff; padding:10px 0 4px 15% !important;margin:0; float:left; width:85%; border:none;}
.areaProf .campo{ background:#000; border:1px solid #454545; width:85%; padding:1px; float:left; font:normal 1.1em arial;}
.areaProf label{font-size:0.9em; float:left; width:45%; padding:3px 0 3px 3%;}
.areaProf span{ float:left; width:35%; padding:5px 0;}
.areaInt{ float:left; width:95%;padding:0 0 10px 2%;}
.boton{ background:#e7c80a url(../../images/fondoBt.gif) repeat-x bottom; color:#fff; float:left; margin:5px 0 0 3%; border:1px solid #e7c80a; font:bold 0.9em arial; cursor:pointer; color:#000;}



.areaLogin{ padding:5px;}
.areaLogin label{ float:left; width:33%; padding:0; margin:0;}
.areaLogin .campo{ background:#000; border:1px solid #454545; width:90%; padding:1px; float:left; font:normal 1.1em arial;}
.areaLogin .boton{ background:#e7c80a url(../../images/fondoBt2.gif) repeat-x; color:#fff; float:left; margin:15px 0 0 3%; border:1px solid #e7c80a; font:bold 1em arial; cursor:pointer; width:auto;}



.areaLogin .login, .areaLogin .salir{display:block;float:right; padding:5px 5px 5px 30px; border:1px solid #731a7e; margin:20px 20px 0 0;}
.login{ background:url(../../images/user.gif) no-repeat 7px 5px; margin-top:10px;}
.salir{ background: url(../../images/salir.gif) no-repeat 7px 5px;}
.login, .salir{ display:block; padding:5px 0 5px 30px; color:#ffe270; border-bottom:1px dotted #858585;}

.bloqueSup{width:887px; float:left; margin:10px auto 0 auto; background:#4e4e4e;}
.bloqueCentral{ width:887px; margin:0 auto 10px auto;padding-left:17px; background:url(../../images/esqIzq.png) no-repeat 0 19px;}
.bloqueCentral2{width:887px; float:left; padding-left:17px; background: url(../../images/esqIzq.png) no-repeat 0 19px;}

.cabecera{ background: #000 url(../../images/logotipo.gif) no-repeat;float:left; width:100%; height:70px; border-top:9px solid #fff;}
.cabRight{ float:right; width:50%;}


.inicio{ margin:15px 0; font-size:1.1em; width:90%; padding:4px 0 4px 30px; background: url(../../images/icoInic.gif) no-repeat;}
.inicio a{ background:url(../../images/flecha.gif) no-repeat 94% 5px; padding-right:15px;}


.cat{ padding:0 0 10px 0;}
.cat a{ padding-right:20px; float:left; display:block;}

.icos{ padding:10px 0; float:left; width:100%;}
.icos a{ padding-right:5px; float:left; display:block;}

.icosCab{float:right; padding:25px 10px 0 0;}
.icosCab a{ display:block; float:left; padding-right:7px;}

.fondoCentral{padding:10px 4% 25px 4%;}
.fondoCentral2{ padding:20px 40px 10px 30px; float:left; width:551px;}
.fondoCentral3{ padding:20px 40px 10px 30px; float:left; width:595px;}

.fondoFlash{ float:left; width: 266px; height:480px; background:url(../../images/img1.jpg) no-repeat;}
.left{float:left; width:100%; background:#000 url(../../images/fondoCen.gif) repeat-x;}s

.bloque{ float:left; width:99%;}
.bloque label{ float:left; width:49%; display:block;}
.bloque span{ padding:2px; float:left;}

.etiqueta{ width:20%; padding-top:10px !important;}
.etiqueta40{ width:40%; padding-top:10px !important;}


.zcampo{ width:65%;}
.zcampoLargo{ width:75%;}

.campo{ background:#414141; border:1px solid #828282; color:#fff; padding:3px; width:70%; font-weight:bold;}
.campo25{ background:#414141; border:1px solid #828282; color:#fff; padding:3px; width:25%; font-weight:bold;}
.campo45{ background:#414141; border:1px solid #828282; color:#fff; padding:3px; width:45%; font-weight:bold;}
.campo65{ background:#414141; border:1px solid #828282; color:#fff; padding:3px; width:65%; font-weight:bold;}
.campoLargo{ background:#414141; border:1px solid #828282; color:#fff; padding:3px; width:98%; font-weight:bold;}


.campoClaro{ background:#838383; border:1px solid #828282; color:#fff; padding:3px; width:70%; font-weight:bold;}
.campoClaro25{ background:#838383; border:1px solid #828282; color:#fff; padding:3px; width:25%; font-weight:bold;}
.campoClaro45{ background:#838383; border:1px solid #828282; color:#fff; padding:3px; width:45%; font-weight:bold;}
.campoClaro65{ background:#838383; border:1px solid #828282; color:#fff; padding:3px; width:65%; font-weight:bold;}
.campoClaroLargo{ background:#838383; border:1px solid #828282; color:#fff; padding:3px; width:98%; font-weight:bold;}



.campo2{ background:#414141; border:1px solid #828282; color:#fff; padding:3px; width:50%; font-weight:bold; float:left;}
.ico{float:left; width:30%; display:block;}

.bloque1{ background:#292929; border-bottom:1px solid #555; padding:4px 0; margin:10px 0; float:left; width:100%;}
.bloque1 span{ float:left;}
.bloque1 .etiqueta{ width:10% !important; padding-left:1.5%;}
.bloque1 .zcampo{ width:24% !important;}

 
 
.bloque1Extra{ background:#000000; padding:0px 0; margin:2px 0; float:left; width:100%;}
.bloque1 span{ float:left;}
.bloque1 .etiqueta{ width:10% !important; padding-left:1.5%;}
.bloque1 .zcampo{ width:24% !important;}



.tablaArtic{float:left; width:100%; margin:15px 0; padding:0; border-bottom:20px solid #000;}
.tablaArtic td{border-bottom:1px solid #555; padding:3px;}
.tablaArtic th{ background:#292929; padding:3px; border-bottom:1px solid #555;}

.lista{ margin:20px 0; clear:both;}
.lista .encab{background:#292929;}
.lista ul{float:left; width:100%; margin:0; padding:0;border-bottom:1px solid #555;}
.lista li{ list-style:none; float:left; width:15%; text-align:center; padding:5px 0; margin:0;}
.lista li.grand{ width:20%;}

.listGen{ float:left; width:80%; list-style:none; margin:10px 0 10px 5px;}
.listGen li{ background:url(../../images/punto.gif) no-repeat 5px 5px; padding-left:15px;}


.area{ background:#000; color:#fff; border:1px solid #828282; width:85%; min-height:5em; margin:5px; padding:5px; font:bold 1.1em arial !important;}

.btGen{ background:#f8b63b url(../../images/fondoBoton.gif) repeat-x; color:#000; padding:1px; border:1px solid #ff9c00; font:bold 1.1em arial; cursor:pointer; margin-top:1px;}

.cat{float:left; width:100%;}
.cat a{ display:block; float:left; padding:5px;}

.pie{float:left; width:100%; padding:10px 0; background: #ffd90b url(../../images/fondoPie.gif) repeat-x bottom; border-bottom:1px solid #bc8900; color:#000; border-top:1px solid #bc8900;}

.logoPie{ padding:2px 15px; float:left;}

.enlacesP{ float:left; width:704px; padding:5px 0 0 10px; font-size:1em;}
.enlacesP a{padding-right:7px; border-right:1px dotted #000; margin:2px 5px 0 0;color:#000 !important; font-size:0.9em;}

.enlacesP a:hover{ background:#dda100; text-decoration:underline;}
.enlacesL{ float:right; padding-right:10px;}
.enlacesL a{ padding:15px 4px; display:block; float:left; }

.enlacesP a:hover{ background:#dda100; text-decoration:underline;}


.pestCat{float:left; width:auto; margin:0; padding:0 0 0 3%;}
.pestCat li, .accesib li{list-style:none; float:left; padding:2px; margin:0;}
.pestCat a{ display:block; color:#ffffff;}

.listado{ background:#292929 url(../../images/listadoP.gif) no-repeat; margin-right:8px; border-right:1px dotted #ffce09;}
.nuevo{ background:#292929 url(../../images/nuevo.gif) no-repeat;}
.listado, .nuevo{ display:block; padding:2px 8px 2px 22px; float:left;}

.right{ float:right;}

.textoEmp{ float:left; width:400px;}
.imagPort div{float:left; margin:20px 9px;}
.pdf{ background:#3c3c3c url(../../images/pdf.gif) no-repeat 4px 1px; display:block; color:#ccc; padding:4px 0 3px 25px; font:normal 0.9em arial;}


.menuProd{float:left; width:221px; margin-top:15px;}
.menuProd ul{ list-style:none; margin:0; padding:0; background:#242424 url(../../images/fondoMenuProd.gif) repeat-x; float:left; width:100%;}
.menuProd ul li{ background:#5b5b5b url(../../images/fondoTitMenu.gif) repeat-x; float:left; width:100%;}
.menuProd ul li span{ background:url(../../images/esqMenuProd.gif) no-repeat 100% 100%; float:left; width:100%;}
.menuProd ul li a{ background:url(../../images/mas.gif) no-repeat 4px 6px; padding:6px 0 6px 25px; display:block;}
.menuProd ul li ul li{ background:none;}
.menuProd ul li ul li a{background: url(../../images/puntosMen.gif) no-repeat 12px 7px; padding:4px 0 4px 30px;}
.menuProd ul li ul li a:hover, .select{background: #000 url(../../images/puntosMen.gif) no-repeat 10px 9px !important;color:#ffb600;}


.paginas{ float:left; width:595px; background:#f0b300;}
.paginas span{  float:right; padding:2px;}
.paginas a{ float:left; display:block; padding:0 3px; background:#313131; margin-right:3px; border:1px solid #707070;}
.botonPaginacion
{
	background-position: #313131;
	float: left;
	display: block;
	padding: 0 3px;
	background: #313131;
	margin-right: 3px;
	border: 1px solid #707070;
	color: #FFFFFF;
	font-weight: bold;
}

.productos{ float:left; width:593px; background:#444 url(../../images/fondoProd.gif) no-repeat 100% 100%; padding:1px; margin-bottom:7px;}
.titProd{ float:left; width:593px; background:#313131 url(../../images/titProd.gif) repeat-x 0 100%; padding:0;}
.titProd h1{ float:left; width:563px; display:block; background:url(../../images/esqTitProd.gif) no-repeat 0 100%; padding:5px 0 7px 30px; border:none; margin:0; color:#fff;}
.titProd span{ font-size:0.7em; color:#ffda63; padding-left:5px;}
.leftProd{ float:left; padding-top:15px;}
.detProd{ float:left; width:411px; padding:10px 15px;}
.detProd p{ float:left; width:410px;}
.detProd ul{ float:left; width:421px; margin:0; padding:0;}
.detProd li{ background:url(../../images/punto.gif) no-repeat 0 6px; list-style:none; padding-left:15px;}


.colores{ background:#2a2929 url(../../images/icoColor.gif) no-repeat 5px 2px; display:block; padding:3px 0 3px 30px; font: bold 0.9em arial;}
.titColor{ float:left; width:551px; background:#313131 url(../../images/titProd.gif) repeat-x 0 100%; padding:0; margin-bottom:10px;}
.titColor h1{ float:left; width:521px; display:block; background:url(../../images/esqTitColor.gif) no-repeat 0 100%; padding:5px 0 7px 30px; border:none; margin:0; color:#fff;}


.contacto{ float:left; width:400px;background:url(../../images/icoContac.gif) no-repeat 10px 10px;padding:10px 0 10px 60px; margin-bottom:10px; border:1px dotted #555;}
.contacto p{ margin:3px 0;}
.zonas{ font-weight:bold; color:#dca000;}
.contacto a{ text-decoration:underline; font-weight:bold; color:#f7bb00;}
.mapa{float:left; width:460px; margin:5px 0;}.contacto200
{
	background-position: 15px 20px;
	float: left;
	width: 90%;
	padding: 12px 0 12px 17px;
	border: 1px dotted #555;
	text-align: justify;
}

/* estilos para eliminar los bullet de los reorderlist*/
.reorderListDemo {}
.reorderListDemo ul
        {
             list-style:none; list-style-image:none; list-style-position:none; list-style-type:none
            
        }
        
.reorderListDemo li
        {
            list-style:none; list-style-image:none; list-style-position:none; list-style-type:none
        }
        
        .reorderListDemo li a
        {
            color: #FFF !important;
            font-weight: bold;
        }
        
/* estilos para los mensajes de error*/        
.msgError
{
	background-position: #808080;
	border: 1px solid #CC3300;
	padding: 5px 5px 5px 25px;
	background: #FFFFB3;
	width: 90%;
	color: #333333;
	font-weight: bold;
} 
.msgSuccess
{
	background-position: #999999 no-repeat;
	border: 1px solid #e8e1b5;
	padding: 5px 5px 5px 25px;
	background: #D5FFE2 no-repeat;
	color: #333333;
	font-weight: bold;
} 
.msgInfo{ border:1px solid #e8e1b5; padding:5px 5px 5px 25px; background:#fdfaee url(../../images/denegar.gif) no-repeat;} 


/* busqueda de productos*/
.busqueda{ float:left; width:100%; padding-bottom:10px;}
.busqueda label{ float:left;}
.busqueda .boton{ margin:2px 0 0 2px; padding: 1px 0;}
.campoBus{ background:#414141; border:1px solid #828282; color:#fff; padding:2px 3px; margin:0 7px; width:135px;}
 
 
 .hidden{ display:none}
 
 
 
  
 
.idiomas{ float:right; font-size:0.8em;}
.idiomas div{ padding:15px 7px 15px 0; margin:15px 0; background:url(../../images/sepId.png) no-repeat 100% 5px; float:left;}
.idiomas a{ display:block; float:left; padding:2px 3px 2px 22px;}
.esp{ background:url(../../images/esp.png) no-repeat;}
.ingles{ background:url(../../images/ingles.png) no-repeat;}
.frances{ background:url(../../images/frances.png) no-repeat;}