html{
}
body { 
margin:0; 
padding:0; 
font-size:80%; 
font-family: "Segoe UI";
background:url(../img/bg.jpg) repeat-x;
background-color:#006060;
color:#FFFFFF;
text-align:center;
} 
#banner{
margin-top:20px;
}
#bg{
position:absolute;
background: url(../img/main-bg.bmp) repeat-x top left;
height:136px;
width:100%;
z-index:0;
left:0;
}
#c-productonew2 h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18pt;
}
.clear {
clear:both;
}
:focus
{
  -moz-outline-style: none;
}
#menu.almacen {
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
margin-top:-3px;
}
#menu.almacen ul li a {
text-decoration:none;
text-align:center;
color:#FFFFFF;
}
#wrap{
overflow:hidden;
width:942px; 
margin: auto; 
text-align:left;
z-index:1;
} 
#header{ 
position:relative;
height:136px; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
z-index:1;
} 
#header #logo{
float:left;
height:95px;
}
#header #menu{
float:left;
margin:0px;
padding:0px;
margin-top:82px;
margin-left:20px;
height:20px;
}
#header #menu ul{
margin:0px;
padding:0px;
}
#header #menu ul li{
float:left;
margin:0px;
padding:0px;
display:inline;
list-style:none;
}
img { 
border:0; 

} 
/* Opciones Menu (RollOver) */
#header #menu ul li div {
display:inline;
margin:0;
padding:0;
border: none; 
overflow: hidden; 
}

#menu span {
display:none;
background-image:url(../img/menu/inicio-ov.png);
background-image:url(../img/menu/quienes-somos-ov.png);
background-image:url(../img/menu/nuestros-productos-ov.png);
background-image:url(../img/menu/servicios-ov.png);
background-image:url(../img/menu/contactenos-ov.png);
background-image:none;
}
#inicio a{ 
display:inline-block;
background: url(../img/menu/inicio.png) top left no-repeat;
text-decoration: none;
height:20px;
width:80px;
}

#inicio a:hover {
background: url(../img/menu/inicio-ov.png);
}
#quienes-somos a{ 
display:inline-block;
background: url(../img/menu/quienes-somos.png) top left no-repeat;
text-decoration: none;
height:20px;
width:174px;
}

#quienes-somos a:hover {
background: url(../img/menu/quienes-somos-ov.png);
}
#nuestros-productos a{ 
display:inline-block;
background: url(../img/menu/nuestros-productos.png) top left no-repeat;
text-decoration: none;
height:20px;
width:215px;
}

#nuestros-productos a:hover {
background: url(../img/menu/nuestros-productos-ov.png);
}
#servicios a{ 
display:inline-block;
background: url(../img/menu/servicios.png) top left no-repeat;
text-decoration: none;
height:20px;
width:115px;
}

#servicios a:hover {
background: url(../img/menu/servicios-ov.png);
}
#contactenos a{ 
display:inline-block;
background: url(../img/menu/contactenos.png) top left no-repeat;
text-decoration: none;
height:20px;
width:141px;
}

#contactenos a:hover {
background: url(../img/menu/contactenos-ov.png);
}

/* Fin Opciones Menu (RollOver) */


#header #slogan{
clear:both;
}

#contenedor { 
width:942px; 
overflow:hidden;
margin: 0; 
padding:0;
padding-bottom:20px;
display:block;
text-align:justify;
} 

#izquierda {
width:240px; 
float:left;
} 

#central{ 
padding: 10px; 
padding-right:0px;
width:680px;
float:left;
}


#pie{ 
clear:both; 
width:100%;
background-image:url(../img/pie-bg.bmp);
background-repeat:repeat-x;
margin: 0 0 0 0; 
padding: 0 0 0 0;
color:#FFFFFF;
background-color:#000000;
height:120px;
}

#pie #texto {
padding:20px;
font-size:14px;
}

/* Bloques de menu izquierdo */

.bloque {
margin:15px 0 5px 0;
border:1px #000000 solid;
background-color:#000000;
}
.bloque .title {
font-size: 20px;
font-style:italic;
background:url(../img/menu/title-bg.bmp) left top repeat-x;
padding-left:10px;
margin-bottom:5px;
}
.bloque .item {
font-size: 16px;
font-style:italic;
padding-left:10px;
}
.bloque .sub-item {
font-size: 14px;
font-style: italic;
padding-left:20px;
}
.bloque a {
color:#ffffff;
text-decoration:none;
}
.bloque a:hover{
color:#ff33ff;
}

.bloque a.selected {
color:#ff00f6;
}
/* Fin Bloques de menu izquierdo */

/* Bloques de menu izquierdo */

#cotizador {
margin-top:20px;
margin-bottom:20px;
border:1px #000000 solid;
background-color:#000000;
}
#cotizador caption {
text-align:left;
}
#cotizador table{
text-align:center;
}
#cotizador th{
font-style:italic;
font-size:12px;
font-weight:normal;

}


#cotizador .precio {
text-align:right;
padding-right:5px;
}
#cotizador .total {
text-align:right;
background-color:#004b4b;
font-size:11px;
}
#cotizador tr.total{
border-top:1px #000000 solid;
}
#cotizador .title {
font-size: 20px;
font-style:italic;
background:url(../img/menu/title-bg.bmp) left top repeat-x;
padding-left:10px;
margin-bottom:5px;
height:28px;
}

#cotizador .mas{
background-image:url(../img/prod/mas.png);
height:10px;
width:10px;
margin:1px;
float:left;
cursor:pointer;
}
#cotizador .menos{
background-image:url(../img/prod/menos.png);
height:10px;
width:10px;
margin:1px;
float:left;
cursor:pointer;
}
#cotizador .valor {
float:left;
margin-top:5px;
height:20px;
width:15px;
}

#cotizador a {
color:#ffffff;
text-decoration:none;
}
#cotizador a:hover{
color:#ff33ff;
}

#cotizador a.selected {
color:#ff00f6;
}

#cotizador .miniatura {
width:26px;
height:26px;
margin:2px;
border:1px solid #333333;
}
#cotizador .par {
background-color:#666666;
}
#cotizador .impar {
background-color:#999999;
}
#cotizador td {
font-family:Arial;
font-size:10px;
font-weight:bold;
}
#cotizador .boton {
font-size:8px;
text-transform:uppercase;
display:block;
padding:5px;
margin:2px;
text-align:center;
border:#000606 1px solid;
background-color:#666666;
}

#cotizador .noprod{
font-size:14px;
padding:5px;
color:#000000;
background-color:#FFFFFF;
}

/* Fin Bloques de menu izquierdo */


/* Productos Columna central */

.producto {
border-left:3px solid #000000;
border-right:3px solid #000000;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
float:left;
overflow:hidden;
width:120px;
background:#FFFFFF;
display:table-column-group;
}
.producto.over {
border-left:3px solid #333333;
border-right:3px solid #333333;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
float:left;
overflow:hidden;
width:120px;
background:#FFFFFF;
display:table-column-group;
}

.producto .name {
border-bottom:3px solid #b3b3b3;
text-align:center;
display:table-caption;
width:122px;
background-color:#000000;
}
.producto.over .name {
border-bottom:3px solid #e3e3e3;
text-align:center;
display:table-caption;
width:122px;
color:#FF00FF;
background-color:#333333;
cursor:pointer;
}
.producto .name a{
color:#FFFFFF;
text-decoration:none;
}
.producto.over .name a{
color:#FF00FF;
text-decoration:none;
}

.producto .imagen {
width:120px;
min-height:80px;
display:table-cell;
vertical-align:middle;
padding-bottom:10px;
}
.producto.over .imagen {
width:120px;
min-height:80px;
display:table-cell;
vertical-align:middle;
padding-bottom:10px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.producto .barra{
border-top:3px solid #b3b3b3;
color:#FFFFFF;
text-align:center;
background:#000000;
padding:3px;
}
.producto.over .barra{
border-top:3px solid #e3e3e3;
color:#FF00FF;
text-align:center;
background:#333333;
padding:3px;
}
.producto .carrito {
position:absolute;
margin-top:-10px;
margin-left:90px;
}


/* Quienes Somos */
#qs {
float:left;
background-color:#000000;
width:928px;
margin:0;
margin-top:20px;
padding: 0 0 0 0;
min-height:400px;
}
#qsleft{
float:left;
padding:10px;
}

#qsright{
float: left;
padding:10px;
padding-top:0;
width:368px;

}
#qsbotom{
clear:both;
padding:10px;
padding-top:0;
width:880px;
}
#qs p{
margin-top:5px;
font-style:italic;
font-size:14px;
}
#qsbotom p{
font-size:16px;
}
#qs h2{
margin-top:0px;
font-style:italic;
font-size:20px;
}

/* PRODUCTO */

#derecha{
width:240px; 
float:left;
padding-top:20px;
} 

#iz-centro{ 
width:680px;
margin-right:10px;
float:right;
margin-top:10px;
padding-top:1px;
padding-bottom:10px;
}
#c-producto, #c-productonew{
background-color:#FFFFFF;
}
#foto-modelo{
margin:17px;
width:240px;
float:left;
border:1px solid #000000;
}
#desc-producto{
float:left;
width:380px;
}
#foto-producto{
float:left;
width:240px;

}
#swatch{
float:left;
}
#swatch img{
margin-top:3px;
margin-left:5px;
border:1px solid #000000;
}
#modelo {
height:65px;
padding-left:20px;
color:#008080;
background-image:url(../img/prod/bg-tit.bmp);
background-repeat:repeat-x;
margin-bottom:20px;
}
#c-producto h1, #c-productonew h1{
font-size:36px;
font-style:normal;
font-weight:normal;
color:#FFFFFF;
padding-top:11px;
}
#c-producto h2,#c-productonew h2{
font-style:normal;
font-weight:normal;
font-size:12px;
color:#FF00FF;
text-align:center;
margin:0px;
padding-bottom:0;
}
#c-producto h4,#c-productonew h4{
font-style:normal;
font-weight:bold;
font-size:16px;
color:gray;
text-align:center;
margin:0px;
padding-bottom:0;
}
#c-producto #desc,#c-productonew #desc{
font-style:normal;
font-weight:normal;
font-size:13px;
color:#008080;
text-align:left;
margin:15px;
padding-bottom:0;
}

#carritos {
float:left;
font-style:italic;
font-size:18px;
color:#008080;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}
#carritos caption {
font-size:14px;
font-weight:normal;
font-style:italic;
text-align:left;
color:#FF00FF;
margin-left:5px;
}

#carritos th {
color:#008080;
text-align:center;
}

#carritos td{
text-align:center;
}
#carritos img{
cursor:pointer;
margin:5px;
margin-top:0;
}

#carritos .precio {
font-style:normal;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.gris1 {
background-color:#EEEEEE;
}
.gris2 {
background-color:#DDDDDD;
}

#combinacion {
float:left;
margin-left:10px;
}
#c-producto h3{
font-style:italic;
font-weight:normal;
font-size:14px;
color:#FF00FF;
text-align:left;
margin:10px;
margin-bottom:0;
padding-bottom:0;
}
#c-producto .combcolor{
float:left;
padding-bottom:0;
}
#c-producto .combcolor img{
text-align:center;
margin:10px;
margin-bottom:0px;
border:solid 1px #000000;
}
#c-producto .text {
text-align:center;
display:block;
font-size:10px;
color:#000000;
width:60px
position:relative;
padding-bottom:0;
}
#c-producto .pantalones{
float:left;
margin:10px;
margin-top:5px;
padding-bottom:0;
}
#c-producto .filipinas{
float:left;
margin:10px;
margin-top:5px;
padding-bottom:0;
}

#c-producto #abajo, #c-productonew #abajo {
background-image:url(../img/pie-bg.bmp);
background-repeat:repeat-x;
height:60px;
}



#filipinas {
margin-top:5px;
}
#bleiser {
margin-top:5px;
}

#total {
margin-top:20px;
margin-bottom:20px;
}
#c-producto .popular{
display:inline-table;
*display:inline;
margin:10px;
}
#c-producto .img{
margin:0 auto;
display:inline;
}
#c-producto .name{
margin:0 auto;
display:inline;
color:#000000;
}

/*********************************** CSS ADMIN ************************************/

#opciones {
margin-bottom:20px;
}

#ingreso-cod a{
display:block;
margin:0 auto;
height:128px;
width:128px;
background-image:url(../img/admin/ingreso.png);
background-repeat:no-repeat;
margin-top:20px;
}
#ingreso-upc a{
display:block;
margin:0 auto;
height:128px;
width:128px;
background-image:url(../img/admin/upc.jpg);
background-repeat:no-repeat;
margin-top:20px;
}
#ver-stock a{
display:block;
margin:0 auto;
height:128px;
width:128px;
background-image:url(../img/admin/Maintenance.png);
background-repeat:no-repeat;
margin-top:20px;
}
#ingreso-cod a:hover{
background-image:url(../img/admin/ingreso-ov.png);
}
#ingreso-upc a:hover{
background-image:url(../img/admin/upc-ov.jpg);
}
#ver-stock a:hover{
background-image:url(../img/admin/Maintenance-ov.png);
}
.admin-name {
text-align:center;
margin:0 auto;
}

/* ingresos codigo */

#ultimos {
margin-top:5px;
background-color:LightSeaGreen;
}
#nuevo {
margin-top:5px;
background-color:LightSeaGreen;
}
#producto {
margin-top:5px;
background-color:LightSeaGreen;
}
#central .title {
height:26px;
padding:3px;
background-image:url(../img/prod/bg-tit.bmp);
background-position:bottom;
color:#FFFFFF;
font-size:16px;
font-style:italic;
font-weight:bold;
}
#central .datos {
margin:10px;
background-color:#333333;
color:#FFFFFF;
}
#central .datos td {
background-color:#000000;
color:#FFFFFF;
}
#central .datos td.par {
background-color:#000000;

}
#central .datos td.par2 {
background-color:#666666;

}
#central .datos td.impar {
background-color:#2d5956;
}
#central .upc {
background-color:#2d5956;
color:#FFFFFF;
text-align:center;
}

#central .upc td {
background-color:#0a3533;
color:#FFFFFF;
}

#detalles-prod {
margin:10px;
background-color:#0a3533;
padding:10px;
font-size:13px;
font-style:italic;
}
#detalles-prod .a-estilo{
font-weight:bold;
}
#detalles-prod .a-color{
font-weight:bold;
}
#detalles-prod .disponible{
color:#00FF00;
}
#detalles-prod .nodisponible{
color:#3366FF;
}
#detalles-prod .descargado{
color:#FFFF00;
}
#detalles-prod .obligatorio{
color:#FF0000;
}
#detalles-tallas {
padding:10px;
padding-top:0;
}

#nuevo form{
padding:20px;
}
#nuevo-producto input{
border:none;
font-family:"Segoe UI", helvetica, arial;
font-size:12px;
font-style:italic;
}

#producto input{
border:none;
font-family:"Segoe UI", helvetica, arial;
font-size:12px;
font-style:italic;
text-align:center;
background-color:#0a3533;
color:#FFFFFF;
}
#loading {
margin-top:10px;
text-align:center;
height:16px;
width:16px;
}

#detalles-prod textarea{
background-color:#3A6563;
color:#FFFF00;
font-family:"Segoe UI", Helvetica, arial;
font-size:14px;
font-style:italic;
border:none;
}
#detalles-prod select{
background-color:#3A6563;
color:#FFFFFF;
font-family:"Segoe UI", Helvetica, arial;
font-size:14px;
font-style:italic;
border:none;
outline: none;
}
#detalles-tallas .boton{
margin:10px;
background-color:#FF0000;
color:#FFFFFF;
font-family:"Segoe UI", Helvetica, arial;
font-size:14px;
font-style:italic;
border:1px solid #000000;
outline: none;
float:right;
}
#agregarTalla{
background-image:url(../img/admin/add-talla.png);
width:150px;
height:32px;
float:left;
margin:5px;
cursor:pointer;
}
#detalles-tallas input.vacio{
background-color:#FF6600;
color:#000000;
}
#detalles-tallas input.error{
background-color:#FF0000;
color:#000000;
}
#guardarC.deshabilitado {
background-color:#CCCCCC;
color:#333333;
border-color:#666666;
}
#resultados {
padding:20px;
}
#central .tablaStock {
background-color:#2d5956;
color:#FFFFFF;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#central th {
color:#FFFFFF;
font-size:12px;
padding:2px;
background-color:#000000;
}
#central tr.par {
background-color:#0a3533;
color:#FFFFFF;
}
#central tr.impar {
background-color:#1a4543;
color:#FFFFFF;
}
#central tr.hover {
background-color:#FFFFFF;
color:#000000;
cursor:pointer;
}
#datosCat {
margin-bottom:10px;
padding:5px;
font-size:14px;
font-style:italic;
background-color:#000000;
color:#FFFFFF;
}
#datosCat .Cantidad {
color:#FF0000;
font-weight:bold;
}
#datosCat  .ValorTotal {
color:#00FF00;
font-weight:bold;
}
#formulario .form{
margin:0 auto;
font-family:"Segoe UI",Helvetica, sans-serif;
font-size:14px;
font-style:italic;
}
#formulario .right {
text-align:right;
}

#formulario input, #formulario textarea  {
border:none;
background-color:#CCCCCC;
color:#000000;
font-family:"Segoe UI",Helvetica, sans-serif;
font-size:14px;
font-style:italic;
padding:2px;
}

#formulario input:focus, #formulario textarea:focus {
background-color:#66FF66;
color:#000000;
outline:none;
}

#formulario div.form-iz{
width:46%;
float:left;
padding:20px;
padding-top:0px;
}
#formulario div.form-da{
width:46%;
float:left;
}
#solicitud .vacio {
background-color:#000066;
color:#FFFFFF;
}
#solicitud .error {
background-color:#990000;
color:#FFFFFF;
}
#formulario a {
text-decoration:none;
color:#00FF00;

}
#formulario {
margin-bottom:20px;
}

#prodCotizador {
margin:0 auto;
padding:20px;
color:#000000;
font-size:16px;
}

#prodCotizador caption {
}
#prodCotizador table{
text-align:center;
}
#prodCotizador th{
font-style:italic;
font-size:18px;
font-weight:normal;
}

#prodCotizador .precio {
text-align:right;
padding-right:5px;
}
#prodCotizador .total {
text-align:right;
font-size:14px;
}

#prodCotizador .title {
font-size: 24px;
font-style:italic;
padding-left:10px;
margin-bottom:5px;
}

#prodCotizador .mas{
background-image:url(../img/prod/mas.png);
height:10px;
width:10px;
margin:1px;
float:left;
cursor:pointer;
}
#prodCotizador .menos{
background-image:url(../img/prod/menos.png);
height:10px;
width:10px;
margin:1px;
float:left;
cursor:pointer;
}
#prodCotizador .valor {
float:left;
margin-top:5px;
height:20px;
width:15px;
}

#prodCotizador a {
color:#ffffff;
text-decoration:none;
}
#prodCotizador a:hover{
color:#ff33ff;
}

#prodCotizador a.selected {
color:#ff00f6;
}

#prodCotizador .miniatura {
width:80px;
height:80px;
margin:10px;
border:1px solid #333333;
}
#prodCotizador .par {
background-color:Beige;
}
#prodCotizador .impar {
background-color:AntiqueWhite;
}
#prodCotizador td {
}
#prodCotizador .boton {
font-size:8px;
text-transform:uppercase;
display:block;
padding:5px;
margin:2px;
text-align:center;
border:#000606 1px solid;
background-color:#666666;
}

#prodCotizador .noprod{
font-size:14px;
padding:5px;
color:#000000;
background-color:#FFFFFF;
}
#prodCotizador .tot{
font-weight:bold;
color:#FF00FF;

}
#datos {
color:#000000;
}
#datos .campo{
border:none;
}
#datos .par{
background-color:#000000;
color:#FFFFFF;
}
#datos .par .campo{
background-color:#EEEEEE;
}
#datos .impar .campo{
background-color:#EEEEEE;
}
#datos .impar{
background-color:#008080;
}
.center {
margin:0 auto;
}
#datos input.campo:focus, #datos textarea.campo:focus {
background-color:#66FF66;
}
#solicitud{
margin-top:20px;
margin-bottom:20px;
}
#datos .campo.vacio{
background-color:#99FFFF;
color:#000000;
}
#datos .campo.error{
background-color:#FF0000;
color:#000000;
}
#excel {
display:inline;
float:left;
margin:5px;
position:relative;
top:-30px;
}

#vaciar {
font:Arial, Helvetica, sans-serif;
font-size:11px;
float:right;
font-style:normal;
margin:3px;
cursor:pointer;
}
#vaciar:hover{
color:#FF00FF;
}
#cotspan{
float:left;
}
.ui-effects-transfer {
border:dashed 1px #000000;
}

#tabla-guia{
margin:20px auto;
}
#tabla-guia .title{
font-size:16px;
}
#tabla-guia .medidas{
background-color:#006060;
color:#FFFFFF;
}
#tabla-guia .celda{
background-color:#FFFFFF;
color:#000000;
}

.linkguide a{
text-decoration:none;
font-size:14px;
color:#006060;
text-align:left;
}
.volver{
color:#006060;
text-decoration:none;
font-size:18px;
}

.franja {
    height: 216px;
    margin: 0 auto;
    overflow: hidden;
    width: 952px;
}
#c-productonew2 .franja .producto {
margin-bottom: 25px;
}

#c-productonew2 .imagen {
	background:url(../loader.gif) no-repeat center center;
	min-height:30px;
	display:block;	
}
.franja.small{
	height:150px;	
}

#c-productonew2 h1 {
	margin-top:30px;
	background-color:black;
	padding:3px;
	padding-left:10px;
	border-bottom:3px solid #B3B3B3;
	border-top:3px solid #B3B3B3;
}