@charset "utf-8";

/*****************************************************************************************************
										ETIQUETAS GENERALES
*****************************************************************************************************/

/****************************************** RESET ALL */

* {margin:0; padding:0; outline:0; border:0; background:none;}
html {overflow:hidden; overflow-y:scroll;}
body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
background-color:#FFFFFF; background-image:url(BgBodyProd.jpg); background-position:top; background-repeat:repeat-x;}
h1 {display:none;}
div {width:100%;}
.Bottom {background:url(BgBottom.jpg) bottom repeat-x; position:absolute;}
#Maquetado {width:960px; margin:0 auto;}
#Maquetado div, img, a, span {float:left; display:inline;}
a {text-decoration:none; cursor:pointer;}
p a, p span, p img {float:none;}
p a:hover {color:#333333;}
strong {color:#365606;}

h2 {color:#365606; font-size:24px; font-family:"Trebuchet MS"; font-weight:normal; padding-bottom:13px;}
h3 {color:#365606; font-size:18px; font-family:"Trebuchet MS"; font-weight:normal;
float:left; display:inline; width:100%;}

.Columna {background:url(BgIzquierda.gif) repeat-y left; margin-left:15px; width:930px;}
.Cuerpo {}
.Alma {width:650px; margin:45px 0 0 45px; padding-bottom:100px;}
.Alma h2 {background:url(BgH2.jpg) bottom no-repeat; padding-bottom:20px; float:left; width:100%; margin-bottom:20px;}
.Alma p {margin-bottom:11px; text-align:justify;}
.Right {float:right !important;}
.Center {text-align:center !important;}
.Mensaje {padding:100px 0;}
.Mensaje p {text-transform:uppercase; font-weight:bold; letter-spacing:1px; word-spacing:1px; text-align:center;}
.Boton, .Boton span {background-image:url(Boton.gif);}
.Boton {padding-right:6px; background-position:right center; height:16px; margin:5px 5px 0 0;}
.Boton span {background-position:left center; padding:2px 0 2px 6px; height:12px; font-size:10px; color:#FFFFFF;}
.Boton:hover span, .Btn:hover {color:#CCCCCC;}
.Btn {width:65px; height:11px; padding:6px 5px; text-align:center; color:#FFFFFF; cursor:pointer; font-size:10px;}
.Verde {background:url(Boton.jpg);}
.Gris {background:url(BotonGris.jpg);}
.Long {background:url(BtnLong.jpg); width:100px;}
.Volver {background:url(Volver.jpg); width:70px; height:28px;}
input.Verde {height:23px; width:75px; color:#FFFFFF !important;}
.Paginador {padding:30px 0;}
.Paginador p {text-align:center; word-spacing:5px; letter-spacing:2px;}
.Paginador a {color:#999999; font-weight:bold;}
.Paginador .Act, .Paginador a:hover {color:#365606;}
.Form div.errMsg {text-align:right; font-size:10px; font-weight:bold; color:#990000; margin-bottom:-5px; position:relative; padding:0;}

/*****************************************************************************************************
											INCLUDES
*****************************************************************************************************/

/****************************************** CABEZA */

#Cabeza {padding-top:4px;}
#Cabeza .Menu {padding:4px 0 3px 15px; height:34px; width:930px;}
#Cabeza .Menu a, #Cabeza .Menu span {color:#FFFFFF; font-size:12px; padding:10px 40px 10px 41px; margin:0 1px;
text-transform:uppercase; font-family:Verdana;}
#Cabeza .Menu a:hover, #Cabeza .Menu .activo, #Cabeza .Menu div:hover span {
background:#e1ecb5 url(MenuOver.jpg) top repeat-x; color:#477406;}
#Cabeza .Menu div {width:auto; position:relative; z-index:999;}
#Cabeza .Menu .SubMenu div {width:100%; position:relative;}
#Cabeza .Menu .SubMenu, #Cabeza .Menu .SubMenu .SubMenuExtra, #Cabeza .Menu .SubMenu:hover, #Cabeza .Menu .SubMenu .SubMenuExtra:hover {background:#e1ecb5 url(SubMenu.jpg) bottom repeat-x; position:absolute; width:100%; padding-bottom:10px;}
#Cabeza .Menu div:hover div div span {background:none;}
#Cabeza .SubMenu {left:0; top:34px;}
#Cabeza .Menu .SubMenu a, #Cabeza .Menu .SubMenu span {text-transform:none; text-align:center; margin:0 3%; width:94%; padding:3px 0; color:#477406; font-size:10px;}
#Cabeza .SubMenu a:hover, #Cabeza .Menu div:hover .SubMenu div:hover span {background:#9bae6d; color:#FFFFFF;}
#Cabeza .SubMenuExtra {right:-100%; top:-5px; padding-top:5px;}
#Cabeza .SubMenuExtra a {width:140px; margin:0 5px; clear:left;}

/****************************************** IZQUIERDA */

#Izquierda {width:206px;}
#Izquierda .Top h3 {width:auto;}
#Izquierda .Top div {padding:12px 0; border-bottom:#777777 2px dotted; margin-bottom:12px;}
#Izquierda .Top .Right, #Izquierda .Top span {color:#365606;}
#Izquierda .Top a.Right {text-decoration:underline;}
#Izquierda .Top .Chango {background:url(Chango.jpg) right no-repeat; padding-right:20px; margin-top:5px;}
#Izquierda .Top .Carrito {background:url(Carrito.jpg) no-repeat; width:171px; padding:10px;}
#Izquierda .Top {background:#e1e6cb url(BgIzqTop.gif) top no-repeat;
padding-top:20px; width:191px; padding:5px 7px 5px 8px;}
#Izquierda input {float:left; display:inline; color:#777777; font-size:10px;}
#Izquierda .Top .Olvido {color:#999999; float:right; margin-top:6px;}
#Izquierda .Top .Btn {float:right; margin:12px 5px;}
#Izquierda .InpText {background:url(Input.jpg) left no-repeat; padding:4px 3px; width:184px;}
#Izquierda .Buscar {background:url(Buscar.jpg); width:22px; height:21px; cursor:pointer;}
#Izquierda .Bot {background:url(BgIzqBot.gif) top no-repeat; padding-top:18px;}
#Izquierda .Bot p {padding-bottom:12px;}

/****************************************** DERECHA */

#Derecha {}

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

#Pie {color:#FFFFFF; margin-top:-75px; position:relative;}
.pie_txt{width:724px;float:right!important}

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

/****************************************** HOME */

#Home {}
.SoloHome div {padding-top:20px; height:145px; overflow:hidden;}
.SoloHome .Bienvenidos {width:400px; margin-left:15px; font-size:13px; line-height:19px;}
.SoloHome .Oferta {width:210px; margin-left:20px;}
.SoloHome .Estrella {margin-top:-7px; position:relative; margin-right:5px;}
.SoloHome .Right {width:120px; padding:0; height:auto;}
.SoloHome .Right p, .SoloHome .Oferta font, h3.Mas {padding-left:12px;
background-image:url(IconMas.gif); background-repeat:no-repeat;}
.SoloHome .Right .Descripcion {height:44px; overflow:hidden;}
.SoloHome .Right p {background-position:left 3px;}
.SoloHome .Right p, .SoloHome .Right font {float:left; display:inline; width:100%;}
.SoloHome .Oferta font {background-position:left 6px; font-size:16px;}
.SoloHome .Boton span {background-color:#f8ffed;}
.Oferta h2 {float:left; height:22px; overflow:hidden; width:150px; margin-bottom:5px;}

/****************************************** LISTADO */

.Listado {background:url(BgListado.jpg) 5px -4px repeat-y;}
.Listado div {width:310px; margin:10px 0 0 10px; height:165px;}
.Listado div div {float:right !important; margin:0;}
.Listado div div div {height:70px; line-height:18px; overflow:hidden;}
.Listado span {color:#365606; font-size:16px; font-weight:bold; width:100%;}
.Listado .Verde {margin:5px 0 0 0; width:75px; float:left; height:23px; line-height:22px; padding:0; display:block;}
.Listado a.Foto {float:left;}
.Listado .desc {width:160px; margin:0 0 0 10px}
.Listado .btt {width:160px;}
.Listado .bts {width:160px; height:auto;}
.Listado .bts a {color:#FFFFFF;}
.Listado .bts a:hover {color:#FFFFFF; text-decoration:underline;}
.Listado .over {width:160px; height:94px;}
.Listado .bts .right {margin-left:3px;}
h3.Mas {background-position:left 7px; color:#5c6731; width:148px;}

/****************************************** DETALLE */

.Detalle {width:615px; margin-left:30px;}
.Detalle .Right {width:300px;}
.Detalle .Btn {margin:3px;}
.Detalle .Descripcion {height:212px; overflow-y:scroll; overflow-x:hidden; line-height:18px;}
.Detalle .Precio, .SubTitulo {border:#777777 2px dotted; border-left:0; border-right:0;
padding:10px 0; margin:10px 0;}
.Detalle .Precio {font-size:16px;}
.Detalle .Right h3.Mas {padding-bottom:12px;}
.Relacionados div {padding:20px 0;}
.Relacionados h3 {padding-bottom:17px; background:url(BgH3.jpg) bottom no-repeat;}
.Relacionados a {width:90px; text-align:center; padding:9px;}
.Relacionados a img {border:#333333 1px solid; margin-bottom:5px;}
.Relacionados a:hover img {border:#999999 1px solid;}
.Relacionados span {color:#999999; margin-bottom:5px; width:100%;}
.Relacionados strong {text-decoration:underline;}

/****************************************** CONTACTO */

#Contacto .Left {width:210px;}
#Contacto .Left .Dato {background-image:url(Datos.jpg); background-repeat:no-repeat; padding:20px 0 0 80px;
width:130px; height:60px;}
#Contacto .Left a {color:#333333;}
#Contacto .Left .Tel {background-position:left top;}
#Contacto .Left .Mail {background-position:left center;}
#Contacto .Left .Dir {background-position:left bottom;}
#Contacto .Right {width:390px;}

#Registro .Form, #Olvido .Form, #Info .Form {width:400px; margin:20px 0 0 125px;}
.Form p {color:#939393; letter-spacing:1px;}
.Form span {color:#365606; width:90px; margin-right:12px; vertical-align:top; font-size:12px; text-align:right;}
.Form div {padding-bottom:12px;}
.Form div input, .Form textarea, .Form select {border:#e0e0e0 1px solid; padding:1px 3px; width:280px; cursor:text;
font-family:Arial; font-size:11px; color:#999999;} .Form select {width:288px; cursor:pointer;}
.Form input {float:left; display:inline;}
.Form textarea {height:90px; overflow-y:scroll; overflow-x:hidden}

#Olvido .Registrar {width:570px; padding:20px 40px;}
#Olvido .Registrar a {margin-top:20px;}

.ImgCaptcha {position:relative; margin-left:-13px;}
#captcha_txt {width:165px;}

/*****************************************************************************************************
											CARRITO
*****************************************************************************************************/

.MenuCarrito {height:50px;}
.MenuCarrito a {width:150px; margin-right:15px; text-align:center; font-size:13px; color:#5c6731; padding-bottom:4px;
border-bottom-color:#d8e5c4; border-bottom-style:solid; border-bottom-width:3px;}
.MenuCarrito a:hover, .MenuCarrito a.activo {border-bottom-color:#5c6731; border-bottom-width:5px;}
.Grey {background:#d8e5c4; color:#5c6731;}
.Grey span {float:right; padding:8px 20px; font-weight:bold; text-transform:uppercase;}
.Grey .Green {background:#5c6731; color:#FFFFFF;}
.Botones .Btn {margin:15px 2px;}
#Carrito .Btn {float:right;}
.Producto {padding-bottom:20px;}
.Producto div.Right {width:480px;}
.Producto div.Right strong {float:left; font-size:16px;}
.Producto div.Right .Right {width:130px;}
.Producto div.Right a {background:url(X.jpg) left center no-repeat; padding:5px 0 5px 20px; color:#999999; font-weight:bold;}
.Producto input {background:#CCCCCC; border:#000000 1px solid; width:20px; padding:2px 5px; text-align:center;}
.Producto h3 {margin-left:-13px; position:relative;}
.Producto .Descripcion {height:58px; overflow:hidden;}

/****************************************** DETALLE */

#Pedido div.Grey {margin-top:12px;}
.Grey .Grey {background:#b6b6b6; color:#FFFFFF;}
#Pedido .Grey span {text-transform:none; text-align:right;}
#Pedido .Grey .Grey, #Pedido .Grey .Green {width:90px;}
#Pedido .Botones {padding-left:200px; width:300px;}
#Pedido textarea {border:#CCCCCC 1px solid; padding:2px 6px; width:570px; height:100px;}
#Pedido h3 {width:auto;}
#Pedido .Contenido {width:617px; float:right;}
#Pedido .Contenido p {float:left; width:350px;}
#Pedido .Col {float:right; width:130px; text-align:center;}
#Pedido .Col strong {color:#5c6731; font-size:14px;}
#Pedido div div.Left, #Pedido div div.Right, #Info div div.Left, #Info div div.Right {width:310px;}
#Pedido .Left p, #Pedido .Right p, #Info .Left p, #Info .Right p {padding:10px 20px;}
#Info .Left input, #Info .Right input {float:left; margin-top:10px;}
#Info select {width:270px; border:#CCCCCC 1px solid; font-size:10px;}
#Info .Btn {margin-left:288px;}
#Info .Form .Btn {margin-left:0; float:left; margin-top:20px;}
#Info .Form div {text-align:right;}
#Info .Form span, #Info .Form input {float:none;}
#Info .Form span.Checks {width:257px; float:right; text-align:left;}

/*****************************************************************************************************
									carlos@promaker.com.ar
*****************************************************************************************************/
#sociales{padding-top:20px;width:206px; border-top: 1px dotted #487307;margin-top:-7px;position:relative}
#sociales a{float:left;text-indent:-9999px;background-image:url(sociales.png);width:32px;height:32px}
a.fb_bt{background-position:0 100%;margin:0 10px 0 60px}
	a.fb_bt:hover{background-position:0 0}
a.tw_bt{background-position:-32px 100%}
	a.tw_bt:hover{background-position:-32px 0}