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

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

* {margin:0; padding:0; outline:0; border:0; background:none;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
body {background:#E6E6E6;}
h1 {display:none;}
a {text-decoration:none; cursor:pointer; float:left; display:inline;}
div {width:100%;}
.float_right {float:right !important}

/****************************************** MAQUETADO */

#Maquetado {width:980px; margin:0 auto;}
#Maquetado div {float:left; display:inline;}
/* FILAS */
#Cabeza {background:#000000 url(BgTop.jpg) left bottom no-repeat; padding-bottom:16px;}
.Cuerpo {background:url(BgCuerpo.jpg) left repeat-y;}
#Pie {background:url(BgPie.jpg) bottom repeat-x; height:50px;}
/* COLUMNAS */
#Izquierda {width:208px;}
.Alma {width:542px; margin:0 15px;}
#Derecha {width:162px; padding-left:18px;}

/****************************************** ESTILOS */

.Alma p {margin:0 15px 15px; text-align:justify;}
.Paginador {text-align:center; padding:15px 0; letter-spacing:2px; word-spacing:3px;}
.Paginador a {color:#990000; float:none; font-weight:bold; padding:1px 2px;}
.Paginador a:hover {background:#ccc;}
.Mensaje p {text-align:center; font-weight:bold; font-size:13px; letter-spacing:1px;}
.Banners {text-align:center;}
.Banners a {float:none;}
.Banners img {margin-top:20px;}
.errMsg {color:#6B1C18; font-weight:bold; font-size:11px; padding-bottom:10px;}
.Center {text-align:center !important;}
.Btn {width:70px !important; color:#6b1c18; font-weight:bold; font-style:italic; cursor:pointer;
font-size:11px; padding:2px 6px; text-align:center; text-transform:uppercase;}
.Linea input {bottom:-20px; color:#6b1c18; font-weight:bold; font-style:italic; cursor:pointer;
font-size:12px; padding:1px 10px; background:#FFFFFF; border:#9d9d9d 1px solid; position:relative;}
.Linea {border-bottom:#000000 1px solid; position:relative; height:11px; margin-bottom:20px;}
.Linea span {color:#6b1c18; font-weight:bold; background:#FFFFFF; padding:0 5px 5px 0;
position:absolute; left:0 !important; top:0 !important; width:auto !important;}

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

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

#Cabeza {}

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

#Izquierda .Menu {background:url(BgMenu.jpg) left repeat-y; padding-bottom:15px;}
.Menu a, .Menu span {background:url(BtnMenu.jpg) left no-repeat; border-top:#000000 1px solid;
font-weight:bold; font-style:italic; text-transform:uppercase; color:#aeaaa7;
width:178px; height:23px; padding:11px 0 0 30px;}
.Menu span {float:left; display:inline;}
.Menu a:hover {color:#FFFFFF;}
.Menu .activo {background:url(BtnMenuActivo.jpg) left no-repeat; color:#FFFFFF;}
.Menu .SubCat a {background:url(BtnSubCat.jpg) left no-repeat; border:0;
width:150px; height:23px; padding:11px 0 0 58px;}
.Menu .SubCat a.activo {background:url(BtnSubCatActivo.jpg) left no-repeat; color:#FFFFFF;}
#Izquierda .Espacio {background:#E6E6E6; height:10px;}

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

#Derecha .Login {background:#f2f2f2 url(TitLogin.jpg) top no-repeat; width:137px; padding:45px 12px 10px; margin-bottom:15px;}
#Derecha .News {background:#f2f2f2 url(TitNews.jpg) top no-repeat; width:137px; padding:45px 12px 10px; margin-bottom:15px;}
#Derecha input {background:#FFFFFF; border:#9d9d9d 1px solid; padding:1px 3px; width:130px; margin:3px 0;}
#Derecha p {font-size:11px; margin-bottom:10px;}
#Derecha .Mensaje {padding:50px 0;}
#Derecha .Btn {margin-left:35px;}

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

#Pie .Promaker {background:url(Promaker.jpg); width:208px; height:50px;}
#Pie .Datos {width:770px; margin-top:20px; color:#8b8b8b; text-align:center; font-size:11px;}
#Pie .Datos a {color:#8b8b8b; float:none; font-size:11px;}
#Pie .Datos a:hover {color:#333333;}

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

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

#Home img {float:left; display:inline; margin-bottom:15px;}

/****************************************** EMPRESA */

#Empresa span {font-size:18px; font-weight:bold; color:#993333;}
#Empresa .Gris {background:#E6E6E6; margin-bottom:15px;}
#Empresa #Fotos img {margin:11px;}
#Empresa .Foto {border:#993333 5px solid; float:right; margin:12px 16px 0 0;}
#Empresa h3 {margin:12px;}

/****************************************** CATALOGO */

#Catalogo {width:740px; background:#FFFFFF;}
#Catalogo a {float:none; color:#6b1c18; font-weight:bold;}
#Catalogo a:hover {color:#CC3333;}
#Catalogo .Descargar {background:url(Catalogo/Descargar.jpg) center top no-repeat; padding:100px 0 20px;
float:left !important; margin:40px 0 0 310px;}
#Catalogo .PageFlip {text-align:center;}

/****************************************** CONTACTO - REGISTRO */

.Form {width:510px; margin:0 15px 15px;}
.Form div {text-align:right; margin-bottom:7px;}
.Form div input, .Form textarea, .Form select {background:#d8c3c0; padding:2px 3px; width:290px; margin-left:5px;}
.Form textarea {height:100px; overflow:hidden;}
.Form .Check {width:12px !important; height:12px; background:none;}
.Form div span {position:absolute; top:20px; left:40px; color:#6b1c18; font-style:italic;}
.Form div b {vertical-align:top; font-weight:normal;}
div.Linea {height:30px; text-align:center; margin-bottom:100px;}
#Contacto .Mensaje, #Registro .Mensaje {padding:150px 0;}
.Pregunta {border-top:#000000 1px solid; padding:15px 0;}
.Pregunta .Texto {color:#6b1c18; font-weight:bold; float:left;}
.Pregunta .Opcion {float:right; width:120px; text-align:right;}
.Pregunta .Check {margin:0 20px;}
.Form font {color:#800000; font-weight:bold;}

/****************************************** GALERIA */

#Galeria .Fotos {width:510px; margin:0 15px;}
#Galeria .Fotos img {float:left; display:inline; width:110px; height:83px; background:#CCCCCC;}
#Galeria .Fotos a {margin:5px; border:#FFFFFF 1px solid; padding:1px;}
#Galeria .Fotos a:hover {border-color:#000000;}

/****************************************** DISTRIBUIDORES */

#Distribuidores {width:740px; background:#FFFFFF; min-height:350px;}
#Distribuidores h2 {text-indent:-9999px; height:35px; margin-bottom:15px;
background:#7d2e29 url(Distribuidores/Titulo.jpg) top left no-repeat;}
#Distribuidores .Form {width:100%; margin:15px 0;}
#Distribuidores .Form input, #Distribuidores .Form textarea {width:200px;}
#Distribuidores #distribuidor_usuario {margin-right:30px;}
#Distribuidores .Btn {background:#FFFFFF; border:#7E7E7E 1px solid;}
#Distribuidores .Ofertas {margin-left:-13px; position:relative; background:url(Distribuidores/Ofertas.jpg); width:358px; height:118px;
float:left; display:inline;}
.Left, .Right {width:349px;}
.Right {margin-left:20px;}
.Left {padding-right:20px; border-right:#BFBFBF 1px solid;}
.Left p {margin-right:0;}
.Logout {color:#FFCC33; font-weight:bold; font-style:italic; letter-spacing:2px; position:relative;
float:right; margin:-40px 20px 0 0;}
.Logout:hover {color:#FFFFFF;}
.Contenedor {width:367px; margin-left:2px;}
.Contenedor .Vacio {margin:90px 0 0; text-align:center; color:#800000; font-weight:bold;}
#contenedor {padding:20px; width:327px; height:180px; background:#DBDBDB;}
.VerPedido {color:#FFCC33; background:#800000; width:100%; padding:5px 0; text-align:center; font-weight:bold;
border-top:#FFFFFF 2px solid; font-style:italic;}
.VerPedido:hover {color:#FFFFFF;}
#Distribuidores .Memo {font-size:11px; font-style:italic;}
#Distribuidores .Memo a {float:none; color:#800000; text-decoration:underline; font-size:11px;}
#Distribuidores .Filtrar {border-top:#999999 1px solid;}
#Distribuidores .Filtrar a {background:url(Distribuidores/Flechita.gif) left no-repeat; font-style:italic;
float:none; padding-left:20px;}
#Distribuidores .Filtrar a:hover {color:#666666;}
.Actualizado {background:#FFCCCC !important;}
span.Actualizado {padding:1px 20px; margin:10px;}
.Nuevo {background:#FFCC33 !important;}
span.Nuevo {padding:1px 20px; margin:10px;}
#Distribuidores .Linea input {width:150px !important;}
#Distribuidores .Precio {padding-bottom:10px; border-bottom:#800000 1px solid; margin-bottom:20px;}
#Distribuidores .Precio .Btn {width:150px !important; margin:0 0 -20px;}
#Distribuidores .Precio span {color:#800000;}
#Distribuidores .Precio span span {font-weight:bold;}

/***************************** Listado */
#Listado {margin:-13px 0 5px; background:#FFFFFF; position:relative; padding-top:20px;}
#Listado .Linea {margin:0 20px 20px;}
#Listado div {border-bottom:#FFFFFF 2px solid; padding:3px 0;}
#Listado span {float:left; display:table-cell; width:93px; vertical-align:middle; text-align:center;}
#Listado input {border:#000000 1px solid; padding:1px 3px;}
#Listado .desc {width:480px; text-align:left; padding-left:20px;}
#Listado .desc2 {width:300px; text-align:left; padding-left:20px;}
#Listado .precio {width:180px; text-align:right; padding-right:20px;}
#Listado .precio2 {width:120px; text-align:right; padding-right:20px;}
#Listado .Cols {background:#DBDBDB;}
#Listado .Cols span {font-weight:bold;}
#Listado .Center {font-size:11px;}
.Center a {float:none; font-weight:bold; font-size:11px;}
.Center a:hover {color:#888888;}
#Listado .Siguiente {background:url(Distribuidores/Flechita.gif) right no-repeat; padding-right:20px;}
#Listado .Anterior {background:url(Distribuidores/FlechitaBack.gif) left no-repeat; padding-left:20px;}
#Distribuidores .Botones {border-bottom:#CCCCCC 1px solid; padding:30px 0;}
#Distribuidores .Botones a.Btn {width:auto !important; float:right; margin-left:10px;}

.BtnListas {background:url(BtnListas.gif) no-repeat; color:#FFF; width:144px; height:30px; line-height:30px; text-align:center;}

/*****************************************************************************************************
									carlos@promaker.com.ar
*****************************************************************************************************/