@charset "utf-8";
*{margin:0; padding:0; border:0; }
html {width:100%; height:100%;}
body {width:100%; height:100%; font:14px Arial, Helvetica, sans-serif; color:#202020;  background:#BCBDBF url(imagenes/bg.jpg) repeat-x;} 
/* grl */
.azul_cl{color:#9ec8d4;}
.rojo{color:#ed1c24;}
.verde{color:#009933;}
.negro{color:#202020;}
.blanco{color:#fff;}
.gris{color:#919191;}
a:link{color:#44899d;}
a:hover{color:#333333; text-decoration:none;}
a:active{color:#ed1c24;}
a:visited{color:#44899d;}
label{color:#202020; margin:0px 30px; display:block; line-height:100%; padding:2px 0px 0px 0px; font-size:14px;}
.input{width:220px; background:#eee; margin-left:30px; color:#202020; font-size:12px; padding:2px 4px; border:1px solid #ddd;}
.boton{width:80px; height:22px; background:url(imagenes/bg_bot_login.png) no-repeat center; font-size:14px; margin-left:30px; color:#fff; margin-top:10px; text-align:center; }
small{color:#ed1c24; font-size:12px; font-style:italic;}
br{clear:both;}
ul, ol{list-style:none; padding:0px 0px 10px 0px;}
h5{font-size:18px; font-variant:small-caps; margin:10px 0px 10px 20px;}
p {color:#555; margin:7px 10px 7px 10px; text-align:left; line-height:15px; text-decoration:none; font-stretch:normal; font-weight:normal;}
#contenido li{color:#202020; line-height:18px; font-stretch:normal; font-weight:normal; margin-left:50px; list-style:none; list-style-image:url(imagenes/vin_grl.gif);}
/* menu arriba*/
#menu_arriba{width:1000px; height:50px; margin:auto; }
.btn_arriba{width:110px; float:right; display:inline;}
#menu_arriba a:link{color:#fff;}
#menu_arriba a:hover{color:#9ec8d4; text-decoration:none;}
#menu_arriba a:active{color:#F00;}
#menu_arriba a:visited{color:#888;}
#login_head{color:#eee; height:20px; padding-top:15px;}
/* head */
#head{width:1000px; height:220px; margin:auto;  }
#logo{width:300px; height:160px; padding-top:30px; float:left; text-align:center; }
#slogan{width:300px; height:20px; padding-top:5px; float:left; text-align:center; }
#slogan h4{font-variant:small-caps; color:#7a7c81; font-size:22px;}
#banner{width:700px; height:220px; float:left; display: inline; text-align:center; }
/* cuerpo */
#cuerpo{ width:1000px; min-width:1000px; margin:auto; height:auto; border-top:#ed1c24 solid 10px;}
#contenido{width:700px; min-height:880px; height:auto; background:#FFF; float:left; padding-bottom:10px; display:inline; }
#titulo{width:675px; font-size:22px; height:45px; float:left; margin:5px 10px;}
h2{border-bottom:#999 solid 1px; margin-left:60px; color:#244a55; font-variant:small-caps; font-size:28px } 
#titulo img{float:left;}
.subtitulo{width:700px; height:50px; padding-top:15px; background:#000 url(imagenes/bg_subt.png) bottom repeat-x; margin:0px;}
.sub_cuerpo, .productos_bloques, #producto{width:700px; height:700px; float:left; display:inline;}
.subtitulo h4, .subtitulo_admon h4{color:#eee; float:right; font-size:20px; margin-right:40px;}
p.prin{ line-height:18px; margin:15px 15px 0px 15px; text-indent:55px; text-align:justify; padding-bottom:15px;}
.form p{margin-left:30px; line-height:20px;}
.hr{ background:#ed1c24; width:100px; float:right; margin-right:15px; height:5px;}
/* en index 4 bloques*/
.cuatro{width:340px; height:230px; display:inline; float:left; text-align:left; padding-top:10px}
.cuatro h5, .form h5{font-size:18px; color:#44899d; margin:0px 15px; border-bottom:#999 solid 1px; padding-bottom:5px;}
.comp{margin:10px 15px 10px 0px;}
.cuatro img{margin-left:25px;}
/* menu izq */
#menu_izq{width:300px; min-height:880px;  background:#8bbecd; float:left; display:inline;padding-bottom:10px;}
#menu_izq li{ margin-left:15px; list-style:none; margin-bottom:2px;}
.sec_izq_1{ width:300px; background:#397484; }
.scroll{height:170px; overflow:auto; 
/*scrolls*/
scrollbar-face-color:#44899d;
scrollbar-highlight-color:#44899d;
scrollbar-3dlight-color:#397484;
scrollbar-darkshadow-color:#397484;
scrollbar-shadow-color:#333;
scrollbar-arrow-color:#ddd;
scrollbar-track-color:#397484; }
.sec_izq_2{ width:300px; background:#44899D; }
.sec_izq_1 a:link, .sec_izq_2 a:link{color:#ddd;}
.sec_izq_1 a:hover, .sec_izq_2 a:hover{color:#fff; text-decoration:none}
.sec_izq_1 a:active, .sec_izq_2 a:active{color:#FF0000;}
.sec_izq_1 a:visited, .sec_izq_2 a:visited{color:#eee; text-decoration:none; }
.sec_izq_3{ width:300px; background:#72B0C2; }
.sec_izq_4{ width:300px; background:#8BBECD; }
/* recomendacion */
#art_recom{font-size:14px; padding:0px 4px; margin:-1px; text-align:center; overflow:hidden;}
#img_recom{width:120px; height:120px; margin:6px auto 0px auto; border:#eee solid 1px; padding:2px; text-align:center;  }
.sec_izq_3 a:link, .sec_izq_4 a:link{color:#333; }
.sec_izq_3 a:hover, .sec_izq_4 a:hover{color:#000; text-decoration:none;}
.sec_izq_3 a:active, .sec_izq_4 a:active{color:#FF0000;}
.sec_izq_3 a:visited, .sec_izq_4 a:visited{color:#333;}
/* form login nvo user*/
.form{width:340px; display:inline; float:left; text-align:left; padding-top:20px}
.form label{line-height:25px;}
.form h4{margin:5px 30px;}
/* administracion */
#contenido_admon{width:1000px; height:880px; background:#FFF; float:left; }
.sub_cuerpo_admon{width:1000px; float:left; }
.sub_cuerpo_admon .cuatro{width:330px; height:50px; display:inline; float:left; text-align:left; padding-top:10px}
.sub_cuerpo_admon a{text-decoration:none;}
.subtitulo_admon{width:1000; height:50px; padding-top:15px; background:#000 url(imagenes/bg_subt.png) bottom repeat-x; }
table, td{border:#ccc solid 1px; margin:auto; color:#000; overflow:hidden;}
tr:hover{background: #FFFEE6;}
td:hover{background: #E2FFBB;}
.td{background:#eee; text-align:center;}
.cent{text-align:center;}
.nav_admon{width:800px; height:40px; padding-top:10px; text-align:center; margin:auto; margin-top:10px;}
.sub_cuerpo_admon label{color:#357282; margin:0px 30px; display:block; }
.sub_cuerpo_admon .form{margin-top:-30px;}
.input_admon{width:350px; background:#eee; margin-left:30px; color:#000; font-size:14px; padding:0px 4px; border:1px solid #ddd;}
.bloc{background: #E8F5FF; border:#44899d solid 2px; width:400px; padding:7px; color:#44899d; margin-top:20px; margin-right:20px; float: right;  }
/* producto bloque */
.producto_bloque{width:215px; height:210px; border:#fff solid 1px; float:left; display:inline; margin:7px}
.producto_bloque:hover{border:#ed1c24 solid 1px;}
.producto_bloque h5{font-size:16px; color:#44899d; margin:5px 5px; border-bottom:#888 solid 1px; padding-bottom:5px; }/* titulo bloque*/
.producto_bloque a{text-decoration:none;}
.imagen_bloque{width:210px; text-align:center;}
/*paginacion*/
.paginacion{width:100%; height:40px; float:left; display:block; padding-top:10px;}
.sig{ height:30px; float:left; display:inline; text-align:left; margin-left:30px; width:200px; }
.centx{width:240px; height:30px; float:left; display:inline; text-align:center;}
.ant{ height:30px; float:left; display:inline; text-align:right; margin-right:30px; width:200px; }
/*paginacion admon*/
.paginacion_ad{width:100%; text-align:center; height:40px; float:left; display:block; padding-top:10px;}
.sig_ad{ width:200px; float:right; display:inline }
.centx_ad{width:200px; margin:auto; display:inline }
.ant_ad{ width:200px; float:left; display:inline }
/* producto */
#producto{height:750px;}
.img_prod{width:160px; height:160px; margin:auto; padding:5px; border:#44899d solid 1px; cursor:pointer;}
#producto h5{font-size:16px; color: #244a55; border-bottom:#999 solid 1px; margin:10px 15px; display:block;}
.media{width:50%; display:inline; float:left;}
.datos_prod{width:600px; border:#397484 solid 1px;  background:#E4EFF8; margin-left:35px; float:left; font-size:12px; }
.media small, .cuatro small{color:#888; font-size:12px; font-style:italic;}
/* pie */
#pie{width:100%; min-width:1000px; background:#333; float:left; border-top:#ed1c24 solid 10px; display:block; }
#conte_pie{width:800px; height:50px; margin:auto; text-align:center; margin-top:15px; color:#888; padding-bottom:5px; border-bottom:#888 solid 1px;}
#img_pie{width:800px; height:60px; margin:auto; padding-top:10px; text-align:center; }