/* reset browser styles */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {

 padding: 0;

 margin: 0;

 font-size: 100%;

 font-weight: normal;

}

ol { 

  margin-left: 1.4em; 

  list-style: decimal; 

}

ul { 

  margin-left: 1.4em; 

  list-style:square; 

}

img {

  border: 0;

}



input[type="text"], input[type="password"], input[type="email"], textarea, select { 

    outline: none;

}

/* end reset browser styles */



body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background-image:url(../imagenes/bg.jpg); background-repeat:repeat-x; background-position:top center;

	margin: 0; 

	padding: 0;

	text-align: center; 

	color: #000;

}



#container {

	width: 1000px;

 	margin: 0 auto; 

	text-align: left;

	

		

}



.clear { clear:both}



#cabezal { position:relative}

#logo { padding-top:20px}

#rs { position:absolute; top:5px; right:80px }

#acceso { width:450px; position:absolute; top:50px; right:20px; font-size:10px; color:#FFF}

#acceso a{ font-size:9px; color:#9BB6C8}

#acceso input{  background-color:transparent; color:#ffffff; padding:0 10px}

/*.acceso { background:url(../imagenes/bg-inp-acceso.png) no-repeat; width:125px; height:30px}*/
td.acceso label input { border:1px solid #ccc; }


#acceso .acceso .jqTransformInput input{  background-color:transparent; width:75px; color:#728C9F; padding:0 10px; background-image:inherit none}
#acceso .acceso .jqTransformInputWrapper { background-image:none}
#acceso .acceso .jqTransformInputInner { background-image:none}

#acceso .acceso input.jqtranformdone {width:80px}


#lat-izq { width:196px; float:left}

#men-cat { width:196px; color:#FFF; margin-top:10px;}





/* MENU-LEFT*/

#menleft{ background:url(../imagenes/mencat-2.png);padding:10px 20px 15px 20px; margin:0}

#acc {width:183px; list-style:none;  margin:0 }

#acc li { background-image:url(../imagenes/line-menleft.png); background-repeat:no-repeat; background-position: left bottom; padding:10px 0}

#acc h3 {padding:0; margin:0; cursor:pointer; font: bold 13px Arial; line-height:20px; }

#acc h3 img { margin-right:5px}



#acc h3 a { color:#FFF; text-decoration:none }



#acc h3:hover { color:#00CCFF;}

#acc .acc-section {overflow:hidden;}

#acc .acc-content {padding:0 10px;}

#acc .acc-selected {color:#00CCFF;}



#nested, #nested2, #nested3 {list-style:none; color:#fff; margin-bottom:0px; padding-left:15px; margin:0; }

#nested li, #nested2 li, #nested3 li{ background-image:none; padding:0; margin:5px 0}

#nested h3, #nested2 h3, #nested3 h3 {width:100%;  cursor:pointer;  margin:0; font-weight:inherit; background-image:none }

#nested h3:hover, #nested2 h3:hover, #nested3 h3:hover { background-image:inherit}

#nested .acc-section, #nested2 .acc-section, #nested3 .acc-section {overflow:hidden;}

#nested .acc-content, #nested2 .acc-content {  }

#nested .acc-selected, #nested2 .acc-selected, #nested3 .acc-selected {color:#00CCFF;   }

#nested .acc-content a, #nested2 .acc-content a, #nested3 .acc-content a{ color:#FFF; text-decoration:none; display: block; font-size:11px; line-height:17px; padding-left:0px}

#nested .acc-content a:hover, #nested2 .acc-content a:hover, #nested3 .acc-content a:hover{color:#00CCFF; }

#nested .acc-content a:hover, #nested2 .acc-content a:active, #nested3 .acc-content a:active{color:#00CCFF; }



/* FIN MENU-LEFT*/





#banners-left { margin:20px 0; text-align:center}



#Main { float:right; width:770px; margin-right:20px; margin-bottom:20px }

#Main h1 { color:#102B4C; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:30px}

#Main h2 { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:30px}

#Main h3 { color:#102B4C; font-size:15px}

#Main h6 {font-size:16px; font-weight:bold}

#Main h5 { font-size:12px; color:#FFF; padding:2px 4px 2px 2px}





.box-prods { float:left; width:150px;}

.box-prods a{ color:#FFF; font-size:12px; font-weight:900}

.box-prods a:hover{color:#00CCFF;}

.box-prods .b1 { background:url(../imagenes/box-prods1.jpg) no-repeat; width:150px; height:15px}

.box-prods .b2 { background:url(../imagenes/box-prods2.jpg); width:150px; height:100px; text-align:center; overflow:hidden}

.box-prods .b3 { background:url(../imagenes/box-prods3.jpg); width:150px; text-align:center;  }

.box-prods .b4 { background:url(../imagenes/box-prods4.jpg) no-repeat; width:150px; height:15px;}





#pie { background-color:#0F131F; width:969px; margin:20px 0 0 0; padding:0; position:relative}

#pie ul { margin:0 0 0 30px; padding:0; float:left}

#pie ul li {float:left; list-style:none; margin:10px 20px 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#8B94AC; font-weight:bold; width:100px;  }

#pie ul li a {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#8B94AC; text-decoration:none; font-weight:bold  }

#pie ul li a:hover {color:#00CCFF;}

#pie ul li.inicio { width:60px}

#pie ul li ul { margin:0; padding:0}

#pie ul li ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; float:inherit; margin:0; padding:0; width:120px; line-height:20px}

#pie ul li ul li.tit { width:90px; margin-top:20px}

#pie ul li ul li.tit a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#8B94AC; font-weight:bold; }

#pie ul li ul li.tit a:hover {color:#00CCFF;}

#pie ul li ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:normal}

#pie ul li ul li a:hover {color:#00CCFF;}



table.tels { color:#FFF; font-size:12px; widows:200px; margin-top:10px}

.sub-pie { background-color:#040507; color:#FFF; font-size:11px; padding:5px 20px}

.sub-pie a { color:#FFF; margin:0; padding:0 }



#bread { font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif}

#bread a{ color:#000; font-weight:900; text-decoration:none}

#bread a:hover { text-decoration:underline}



.linegrey-hz { background-color:#CCC; width:100%; height:1px; float:inherit; margin:10px 0}

.prod-list { float:left; width:170px; background: url(../imagenes/bg-prodlist.gif) repeat-y top right; padding:0 10px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; text-align:center }

.prod-list.last{ background-image:none}

#Main .prod-list h1{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:15px; text-align:center; font-weight:bold}

.red { color:#BD0000}

.precio { font-weight:bold; line-height:30px}



#prod-images { width:300px; float:left}

.prod275 { position:relative; }

.zoom { position:absolute; bottom:10px; right:10px}

.prod-th { border:1px solid #ccc; width:75px; height:60px; text-align:center; float:left; margin:10px 10px 10px 0}



#prod-desc { float:right; width:450px; font-family:Arial, Helvetica, sans-serif; font-size:12px }



table.colores td {width:30px; font-size:11px; padding-right:10px}



#agregar-pedido { width:100%}

#color { width:100px; text-align:left; float:left}

#color h1{ background-color:#38A2C4; color:#FFF; font-size:12px; line-height:20px; font-weight:bold; padding-left:5px}

#color ul { font-size:10px; margin:28px 0 0 0}

#color ul li { list-style:none; padding:5px 0 ; background:url(../imagenes/line-lis.jpg) repeat-x bottom }

#color ul li img { vertical-align:middle; margin-right:3px}



#talles { min-width:221px; max-width:420px; text-align:left; float:left;}

#talles h1{ background-color:#38A2C4; color:#FFF; font-size:12px; line-height:20px; font-weight:bold; padding-left:5px; margin:0 10px}

#talles ul { margin:3px 0 0 10px; text-align:center; height:25px}

#talles ul li { list-style:none; background-color:#38A2C4; color:#FFF; font-size:12px; width:30px; height:20px; line-height:20px; float:left; margin-right:3px}

#talles input.talles {border:1px solid #ccc; width:28px; margin:0px 3px 0 0px; }

#talles .cant {  background:url(../imagenes/line-lis.jpg) repeat-x bottom; padding:5px 10px 5px 10px}



#precio-unitario { width:95px; text-align:left; float:left;}

#precio-unitario h1{ background-color:#38A2C4; color:#FFF; font-size:12px; line-height:20px; font-weight:bold; padding-left:6px}

#precio-unitario ul { font-size:12px; margin:28px 0 0 0; }

#precio-unitario ul li{ list-style:none; background:url(../imagenes/line-lis.jpg) repeat-x bottom; padding:0px 0 0px 5px; height:30px;  line-height:30px}



#importe { width:95px; text-align:left; float:left; }

#importe h1{ background-color:#38A2C4; color:#FFF; font-size:12px; line-height:20px; font-weight:bold; padding-left:6px; margin-left:10px}

#importe ul { font-size:12px; margin:28px 0 0 0;}

#importe ul li{ list-style:none; background:url(../imagenes/line-lis.jpg) repeat-x bottom; padding:0px 0 0px 15px; height:30px;  line-height:30px}



#producto { float:left; width:100px}

#producto h1{ background-color:#38A2C4; color:#FFF; font-size:12px; line-height:20px; font-weight:bold; padding-left:5px; margin-right:10px}

#producto li { font-size:11px; list-style:none; margin-top:28px; padding-right:10px}



a.bot-red, .bot-red{-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color:#BD0000; color:#FFF; height:20px; line-height:20px;

-webkit-box-shadow:  2px 2px 2px #ccc;-moz-box-shadow:  2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; font-size:12px; text-decoration:none; padding:5px}  a:hover.bot-red{ background-color: #F00; text-decoration:none}



a.bot-grey{-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color:#999; color:#FFF; height:20px; line-height:20px;

-webkit-box-shadow:  2px 2px 2px #ccc;-moz-box-shadow:  2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; font-size:12px; text-decoration:none; padding:5px}  a:hover.bot-grey{ background-color:#000; text-decoration:none}



#relacionados { margin-top:50px}



.datos { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:90%; margin:10px 0; line-height:20px}

.linedash { width:100%; height:1px; border-bottom: 1px dashed #999; margin:10px 0}



.col1 { float:left; width:450px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; text-align:justify; color:#666}

.col2 { width:98%; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; text-align:justify; color:#666}

.colimgs { float:right; width:300px; text-align:center; font-size:11px; color:#999}

.colimgs img{ border:1px #999 solid; padding:7px}





.agregar { clear:left; margin:0; padding:0}

#Main .agregar h1.tits{ background-color:#38A2C4; color:#FFF; font-size:12px; line-height:20px; font-weight:bold; padding:0 2px; }

td.agcolor {width:100px; text-align:left; font-size:10px; padding:10px 0; background:url(../imagenes/line-lis.jpg) repeat-x bottom;}

td.agcolor img { vertical-align:middle; padding-right:3px}

td.agtalles { min-width:221px; max-width:420px; text-align:left; vertical-align:top; padding:10px 0; background:url(../imagenes/line-lis.jpg) repeat-x bottom;}

td.agtalles input {border:1px solid #ccc; width:28px; margin:0px 3px 0 0px;}

td.space { width:10px; background:url(../imagenes/line-lis.jpg) repeat-x bottom;}

td.space.noimage { background-image:none}

td.agprecio {width:95px; font-size:12px; text-align:left; vertical-align:top; padding:10px 0; background:url(../imagenes/line-lis.jpg) repeat-x bottom;}

td.agimporte {width:75px; font-size:12px; text-align:left; vertical-align:top; padding:10px 0; background:url(../imagenes/line-lis.jpg) repeat-x bottom;}

td.line {background:url(../imagenes/line-lis.jpg) repeat-x; }



td.agprod { font-size:11px; width:100px; padding:10px 0; vertical-align:top}

td.agtalles.noimage, td.agcolor.noimage, td.agprecio.noimage, td.agimporte.noimage{ background-image:none}

table.tabregistro td { padding-right:15px; height:30px}
.sep { width:auto; padding:0 10px; float:left}