/*
***********************
		RESET
***********************
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 16px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*
***********************
		GLOBALS
***********************
*/

a {
	color: #316796;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}

/* Forms */
form.styled .formbox {
	width: 500px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px 10px 5px 10px; 
	clear: both;
	overflow: hidden;
	background: #eeeeee;
}

form.styled li{
	border-bottom: 1px solid #cccccc;
	padding: 2px 0px 2px 0px;
}
form.styled li.first{
	border-top: none;
}
 form.styled label{
	display: inline-block; 
	width: 120px;
	text-align: right;
	padding-right: 10px;
	color: #316796;
	font-weight: bold;
	margin-bottom: 2px;
}
form.styled li span{
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	margin-top: 3px;
	padding-left: 4px;
}
form.styled input{
	width: 360px;
}
form.styled input,
form.styled li span{
	color: #222222;	
}
form.styled .submit{
	float: right;
	margin-top: 5px;
	color: #ffffff;
	width: auto;
}

form.nostyle ul{
		background: none;
}
form.nostyle li{
	border: none;
	padding: 2px 0px 2px 0px;
}

 form.nostyle label{
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	margin-top: 3px;
	width: auto;
	text-align: right;
	color: #666666;
}

/* Lists */
.incbuttons {
	float: right;
	clear: both;
	overflow: hidden;
	width: 14px;
	margin-top: -2px !important;
	margin-top: -13px; /* IE6 */
}
.incbuttons .button{
	background: #265172;
	width: 11px;
	padding: 1px;
	font-size: 9px;
	line-height: 9px;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
}
.incbuttons .button.plus{
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-bottom: 1px solid #3a7ab7;
}
.incbuttons .button.minus{
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
}
.incbuttons .button:hover,
.incbuttons .button.hover{
	background: #333333;
}

.list{
	width: 800px;
}
.list th{
	padding: 10px !important;
	padding: 5px;
	background: #265172 url(../images/dgr_blue.gif) repeat-x center top;
	border-left: 2px solid #ffffff;
	color: #ffffff;
	text-align: center;
}
.list th.first{
	border-left: none;
}

.list tr{
	background: #cccccc url(../images/dgr_gray.gif) repeat-x center top;
	border-bottom: 3px solid #ffffff;
}
.list td{
	padding: 10px;
	text-align: center;
	border-left: 1px solid #a7a8aa;
	vertical-align: middle;
	font-size: 11px;
	
	/* IE6 */
	/*background: none !important;*/
	background-color: #cccccc;
	border-bottom: 3px solid #ffffff;
}
.list td.first{
	border-left: none;
}
.list .id{
	width: 80px;
}
.list .ammount {
	width: 50px;
}
.list .ammount input{
	margin: 0px !important;
	padding: 0px !important;
	margin: -10px;
	padding: -10px;
	width: 25px;
	display: inline;
}
.list .precio,
.list .importe{
	width: 80px;
}
.list td.precio,
.list td.importe,
.list td.total{
	text-align: right;
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-right: 5px;
	padding-left: 5px;
}
.list .nombre,
.list .desc{
	text-align: left;
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-right: 5px;
	padding-left: 5px;
}
.list .moreinfo {
	width: 44px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}
.list .addtocart ,
.list .delete{
	width: 80px;
}
#resultados .list .ammount{
	width: 60px;
}
#resultados .list .options{
	width: 80px;
}
.list .moreinfo a,
.list .moreinfo .link{
	display: block !important;
	width: 24px;
	height: 24px;
	text-indent: -1000em;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/file_icon_default.png) no-repeat center center;
	cursor: pointer;
}
.list .moreinfo a.doc{
	background: url(../images/file_icon_doc.png) no-repeat center center;
}
.list .moreinfo a.pdf{
	background: url(../images/file_icon_pdf.png) no-repeat center center;
}
.list .moreinfo a.txt{
	background: url(../images/file_icon_txt.png) no-repeat center center;
}
.list .moreinfo a.xls{
	background: url(../images/file_icon_xls.png) no-repeat center center;
}
.list .moreinfo a.zip{
	background: url(../images/file_icon_zip.png) no-repeat center center;
}
.list .moreinfo .link{
	background: url(../images/file_icon_link.png) no-repeat center center;
	cursor: pointer;
}

.list .addtocart input,
.list .delete input,
.list .options input,
.list #deleteselecteditems,
.submit,
.reset,
.btnsavetopdf,
.btnprint,
.btnSearch{
	border: none;
	background: none;
	background: #265172;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ffffff;
	padding: 5px 10px 5px 10px !important;
	padding: 5px 5px 5px 5px;
	text-transform: uppercase;
	font-size: 10px;
	cursor: pointer;
}
.gocarrito{
	border: none;
	background: none;
	background: #265172;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ffffff;
	padding: 5px 10px 5px 10px !important;
	padding: 5px 5px 5px 5px;
	text-transform: uppercase;
	font-size: 32px;
	cursor: pointer;
	height: 150px;
}

.list .addtocart input:hover, .list .addtocart input.hover,
.list .delete input:hover, .list .delete input.hover,
.list .options input:hover, .list .options input.hover,
.list #deleteselecteditems:hover, .list #deleteselecteditems.hover,
.submit:hover, .submit.hover,
.reset:hover, .reset.hover,
.btnsavetopdf:hover, .btnsavetopdf.hover ,
.btnprint:hover, .btnprint.hover,
.btnSearch:hover,
.btnSearch.hover{
	background-color: #333333;
}
.list #deleteselecteditems{
	padding-left: 18px !important;
	padding-left: 9px;
	background: #265172 url(../images/btn_arrow_down_white.png) no-repeat 2px center;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
}
input.disabled,
input.disabled:hover,
.incbuttons .disabled ,
.incbuttons .disabled:hover{
	color: #dddddd !important;
	background: #999999 !important;
	cursor: default !important;
}
.incbuttons .disabled.plus{
	border-color: #dddddd;
}


.list.empty{
	margin-bottom: 20px !important;
	margin-bottom: 10px;
}
/*
***********************
		LAYOUT
***********************
*/
html, body{
	height: 100%;
}
body{
	background: url(../images/body-bg.jpg) repeat top center !important;
	background: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #222222;
}
#wrapper{
	width: 990px; /* 1000px */
	margin-left: auto;
	margin-right: auto;
	background: url(../images/wrapper_shadowT.png) repeat-y top center !important;
	background: none; /* IE6*/
}

/*
***********************
		FOOTER
***********************
*/
#footer{
	background-color: #111111;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #888888;
	padding: 20px;
	clear: both;
	overflow: hidden;
}
#footer .foot{
	float: left;
}
.foot-menu a{
	font-size: 11px;
	color: #888888;
	text-decoration: none;
}
#foot-menu li{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
#foot-menu li.first{
	margin-left: 0;
}
#foot-menu a{
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
#foot-menu a:hover{
	text-decoration: underline;
}
#footer .copy{
	margin-top: 5px;
}
#footer .by{
	float: right;
	margin-top: 10px;
}
.by a{
	color: #cccccc;
	text-decoration: none;
}
.by a:hover{
	color: #ffffff;
}


/*
***********************
		HEADER
***********************
*/
#header{
	/*background: #000000;*/
	background: url(../images/fondo_header.jpg) repeat top center;
	height: 120px;
	width: 990px;
}
#header #logo{
	padding: 0px 0px 20px 40px;
}


/*
***********************
		MENU
***********************
*/
#menu{
	background: url(../images/fondo_header.jpg) repeat bottom center;
	padding-left: 20px;
	clear: both;
	overflow: hidden;
	border-bottom: 4px solid #000000;
}
#menu li{
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	float: left;
	height: 42px;
    width: auto;
	background: #010101 url(../images/menu_btn.gif) repeat-x center top;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	text-align: center;
	margin-left: 10px;
}
#menu li.first {
	margin-left: 0px;
}
#menu li.active,
#menu li:hover,
#menu li.hover{
    background: #0f0f0f url(../images/menu_btn_hover.gif) repeat-x center top;
}
#menu li a{   
	display: block;
	line-height: 42px;
	font-size: 12px;
	color: #fff;
	font-family: Arial; 
    background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: normal;
}
#menu li.active  a,
#menu li a:hover{
	color: #fff;
	font-size: 12px;
}

/*
***********************
	   MENU-USER
***********************
*/
#menu-user{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	height: 90px; /* 120 */
	padding-top: 30px;
}

#menu-user li{
	float: left;
	width: 260px; /* 260 */
	height: 50px;
	margin-left: 10px;
	background: url(../images/dgr_gray.gif) repeat-x left center;
	text-align: center;
	font-weight: bold;
	line-height: 50px;
	text-transform: uppercase;
	position: relative;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}
#menu-user li a{
	display: inline-block;
	width: 160px; /* 260 */
	padding-left: 100px;
	height: 50px;
	color: #333333;
}
#menu-user li:hover,
#menu-user li.hover,
.pedidos #menu-user li.pedidos,
.resumen #menu-user li.resumen,
.agenda #menu-user li.agenda{
	background: #265172;
	color: #ffffff;
}
#menu-user li:hover a,
#menu-user li.hover a,
.pedidos #menu-user li.pedidos a,
.resumen #menu-user li.resumen a,
.agenda #menu-user li.agenda a{
	color: #ffffff;
	text-decoration: none;
}
#menu-user li.first{
	margin-left: 0px;
}
#menu-user  .icon{
	position: absolute;
	left: 10px;
	top: -30px;
	width: 120px;
	height: 120px;
}
#menu-user  li .resumen{
	background: url(../images/icon_resumen.png) no-repeat center center;
}
#menu-user  li .pedidos{
	background: url(../images/icon_pedidos.png) no-repeat center center;
}
#menu-user  li .agenda{
	background: url(../images/icon_agenda.png) no-repeat center center;
}


/*
***********************
	  DISPLAY BOX
***********************
*/
#display-box { 
	background:url(../images/gris_medio.jpg) repeat-x left top;
	border-top: 1px solid #ffffff;
	text-align: center;
	padding: 20px;
}
#display-box.small{
	min-height: 100px;
}
#banner-bottom{
	text-align: center;
	padding: 20px;
}
					
/*
***********************
		CONTENT
***********************
*/
#content{
	background-color: #ffffff;
}

/* Banners Categorias */
#banners-categorias {
	padding-top: 25px;
	padding-bottom: 25px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: hidden;
}
#banners-categorias .recuadro{
	float: left;
	width: 216px; /* 256px original*/
	height: 113px; /* 153px original*/
	padding: 20px; /* El padin se debe sumar al width y al hight*/
	background: url(../images/recuadro_gris_chico.png) no-repeat left top;
	margin-left: 10px;
	text-align: left;
}
#banners-categorias .recuadro.first{
	margin-left: 0px;
}
#banners-categorias .recuadro h1{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	color: #316796;
	font-family: Arial, Helvetica, sans-serif;
}
#banners-categorias .recuadro h1 span{
	font-size: 12px; 
	color: #316796;
}
#banners-categorias .recuadro  p img{
	float: right;
	border:5px solid #dddddd;
	width:66px;
	height: 66px;
	margin: 0px 0px 5px 8px;
}

/*
***********************
	CONTENT - EMPRESA
***********************
*/
.empresa .recuadro{
	display: inline-block;
	width: 800px; 
	height: auto; 
	text-align: justify;
	margin-top: 20px;
}
.empresa .recuadro.first{
	margin-left: 0px;
	margin-top: 40px;
}
.empresa .recuadro h2{
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #316796;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #316796;
}
.empresa .recuadro h1 span{
	font-size: 12px; 
	color: #000;
}
.empresa .recuadro  p img{
	float: right;
	border:5px solid #dddddd;
	width: 225px;
	height: auto;
	margin: 0px 20px 5px;
}

/*
***********************
	CONTENT - IMPORTACIONES
***********************
*/
.importaciones .recuadro{
	display: inline-block;
	width: 800px; 
	height: auto; 
	text-align: justify;
	margin-top: 20px;
}
.importaciones .recuadro.first{
	margin-left: 0px;
	margin-top: 40px;
}
.importaciones .recuadro h2{
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #316796;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #316796;
}
.importaciones .recuadro h1 span{
	font-size: 12px; 
	color: #000;
}
.importaciones .recuadro p h3 {
	font-size: 16px; 
	color: #000;
}
.importaciones .recuadro  p img{
	float: right;
	border:5px solid #dddddd;
	width: 225px;
	height: auto;
	margin: 0px 20px 5px;
}
/*
***********************
	CONTENT - UBICACION
***********************
*/
.ubicacion .recuadro{
	width: 780px; /* 470px */
	margin-top: 20px;
	margin-bottom: 20px;
	background: #d1d1d3 url(../images/ubicacion_degra.jpg) repeat-x left top;
	padding: 10px;
	
	clear: both;
	overflow: hidden;
	float: left;
	
	font-size: 14px;
}
.ubicacion .recuadro  .ficha{
	margin-left: 10px;
	float: left;
}
.ubicacion .recuadro .thumb.right{
	float: right;
	border: 5px solid #dddddd;
}
.ubicacion #content .recuadro h1{
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #316796;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #316796;
}

.ubicacion #content .recuadro h2{
	font-size: 12px; 
	color: #316796;
	font-weight: bold;	
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
}

.ubicacion .recuadro  .ficha a{
	font-size: 12px; 
	color: #316796;
	font-weight: bold;
	text-decoration: none;	
	margin-top: 10px;
	display: block;
}
.ubicacion .recuadro  .ficha  a:hover{
	font-size: 12px; 
	color: #fff;
	font-weight: bold;	
}
.ubicacion .recuadro  .ficha  ol{
	margin-bottom: 10px;
}
.ubicacion .recuadro  .ficha li{
	margin-left: 20px;
}
/*
***********************
		CONTENT - CONTACTO
***********************
*/
#texto-contacto{
	background: #eeeeee;
	clear: both;
	overflow:hidden;
	text-align: left;
	width: 800px; /* 800px  */
	margin-left: auto;
	margin-right: auto;
}
.contacto .recuadro{ 
	height: auto; 
	text-align: left;
	margin-top: 20px;
	/*background:  url(../images/contacto_degra.jpg) repeat-x left top;*/
	
}
.contacto  h1{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	color: #316796;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #316796;
}
.contacto  h2{
	margin-right: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #316796;
}
.contacto   li{
	margin-bottom: 2px;
}

.contacto .recuadro.left{
	width: 350px;
	margin-left: 0px;

}
.contacto .recuadro.right{
	width: 420px;
	margin-left: 0px;
	border-left: 3px solid #cccccc;
	padding-left: 20px;
	text-align: left;
}
.contacto .recuadro.right label{
	display: block;
	text-align: left;
}
.contacto  .recuadro h1{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	color: #316796;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #316796;
}
.contacto  .recuadro p span{
	font-size: 12px; 
	color: #316796;
	font-weight: bold;
}
.contacto .recuadro  p a{
	font-size: 12px; 
	color: #316796;
	text-decoration: none;	
}
.contacto  .recuadro  p a:hover{
	font-size: 12px; 
	color: #fff;
	font-weight: bold;	
}

.contacto  .recuadro.left,
.contacto  .recuadro.right{
	float:left;
}
.contacto  .recuadro.right{
	padding-left: 20px;
}

#sucursales .sucursal{
	margin-bottom: 20px;
	margin-left: 20px;

}
#sucursales .sucursal  li {
	margin-left: 5px;
}
#sucursales .sucursal .nombre{
	font-size: 12px; 
	color: #1072BA;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 0px;
}


#nav,
#breadcrumb,
#main{
	background: #ffffff;
}
#main #content{
	padding: 20px;
}
#content h1,
#content h2{
	margin-top: 0px; 
	margin-bottom: 10px;
	position: relative;
}
#content h1 .subtitulo{
	font-weight: normal;
	color: #666666;
	font-size: 18px; 
}
#content h2 .subtitulo{
	font-weight: normal;
	color: #666666;
	font-size: 12px; 
}
#content h1 .subinfo{
	position: absolute;
	right: 0px;
	font-size: 14px;
	font-weight: bold;
	top: 20px;
}
#content .recuadro h1{
	margin-top: 0px;
}
#breadcrumb{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #cccccc;
}
#breadcrumb .current-page{
	font-weight: bold;
}
#breadcrumb,
#breadcrumb a{
	color: #0c4d82;
}
#breadcrumb a{
	text-decoration: none;
}
#breadcrumb a:hover{
	text-decoration: underline;
}
/*
***********************
	    Feedback
***********************
*/
#msg{
	width: 755px;/* 800px */
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#msg.err,
#msg.att,
#msg.ok{
	padding: 10px 10px 10px 35px;
}
#msg.ok{
	border: 1px solid darkblue;
	background: lightblue url(../images/feedback_ok.gif) no-repeat 10px;
}
#msg.err{
	border: 1px solid red;
	background: pink url(../images/feedback_err.gif) no-repeat 10px;
}
#msg.att{
	border: 1px solid yellow;
	background: lightyellow url(../images/feedback_att.gif) no-repeat 10px;
}


/*
***********************
	   USER META
***********************
*/
#wdg-login a,
#user-meta  a{
	font-weight: normal;
}
.widget legend,
#wdg-login.login label{
	display: none;
}
#wdg-login .user,
#wdg-login .password{
	background: none;
	border: 1px solid #222222;
	color: #222222;
	background-color: #ffffff;
	width: 180px;
}
#wdg-login .submit {
	width: 188px;
	border: none;
	background: none;
	background: #265172;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	font-size: 10px;
	cursor: pointer;
}
#wdg-login .submit:hover{
	background-color: #ffffff;
	color: #333333;
}
#wdg-login .lostpwd,
#wdg-login .newuser{
	text-align: left;
	margin-left: 8px;
}
#wdg-login .newuser{
	border-top: 1px solid #444444;
	margin-top: 7px;
	padding-top: 4px;
}
#captcha {
	margin-top: 10px;
	margin-bottom: 10px;
}
#captcha #recaptcha_image {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#captcha #recaptcha_image,
#captcha .newcaptcha{
	display: block;
}
#captcha #recaptcha_response_field{
	margin-top: 5px;
}
#captcha .newcaptcha{
	margin-top: 5px;
}


#user-meta {
	width: 200px;
	text-align: center;
	margin-left: 755px;
	position: absolute;
	font-size: 12px;
	
	padding: 8px 8px 8px 8px;
	background: #333333;
	color: #ffffff;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#user-meta a{
	color: #cccccc;
	text-decoration: none;
}
#user-meta a:hover{
	text-decoration: underline;
}

#user-meta .cart {
	border-top: 1px solid #444444;
	margin-top: 7px;
	padding-top: 4px;
}
#user-meta .cart .cliente{
	margin-bottom: 5px;
	display: block;
	color: #eeeeee;
	font-style: italic;
}
/*
***********************
		LOGIN
***********************
*/
#main  #wdg-login {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	width: 200px;
	padding: 8px;
	background: #333333;
	color: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
} 
#main  #wdg-login.resetpass {
	width: 318px;
}

#wdg-login a{
	color: #cccccc;
	text-decoration: none;
}
#wdg-login  a:hover{
	text-decoration: underline;
}
#wdg-login form{
	width: 200px;
}
#wdg-login  form ul{
	background: none;
}
#wdg-login form fildset,
#wdg-login form li{
	border: none;
}
#wdg-login form fieldset{
	margin: 0;
}
#wdg-login form .submit{
	float: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* PassReset */
#main  #wdg-login.resetpass  form{
	width: 318px;
}
#main  #wdg-login.resetpass  legend{
	display: none;
}
#main  #wdg-login.resetpass  label{
	color: #dddddd;
	width: auto;
}
#main  #wdg-login.resetpass  .submit{
	width: 318px;
}



/*
***********************
		BUSCADOR
***********************
*/
#buscador {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
#buscador li,
#buscador .submit{
	float: left;
	margin-left: 15px;
}
#buscador li.first{
	margin-left: 0px;
}
#buscador li label{
	display: block;
	color: #316796;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
#buscador li.productos {
	width: 80px;
}
#buscador li.productos select{
	width: 80px;
}
#buscador .submit{
	border: none;
	background: none;
	background: #265172;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	font-size: 10px;
	cursor: pointer;
	margin-top: 18px;
}	
#buscador .submit:hover,
#buscador .submit.hover{
	background: #333333;
}

#buscador .rubros,
#buscador .fabricantes,
#buscador .marcas{
		min-width: 80px;
}

/*
***********************
		CONTENT
***********************
*/
#content{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#content h1{
	color: #316796;
	font-size: 34px;
	padding-bottom: 10px;
	border-bottom: 1px solid #316796;
	margin-bottom: 20px;
}
#content h2{
	color: #316796;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #316796;
	margin-bottom: 10px;
}
#content h3{
	color: #316796;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 10px;
	font-size: 12px;
	border-bottom: none;
}

/*
***********************
		PRODUCTOS
***********************
*/
.productos #resultados  {
	
}
.productos #resultados  h2{
	color: #316796;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 10px !important;
	margin-bottom: 10px;
	font-size: 12px;
	border-bottom: none;
	width: 200px;
}
.productos #resultados .nav-pages{
	float: right;
	width: 230px;
	text-align: right;
	overflow: hidden;
}
.productos #resultados .nav-pages.top{
	margin-top: -25px;
	margin-left: 0px !important;
	margin-left: -20px;
}
.productos #resultados .nav-pages.bottom{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
.productos #resultados .nav-pages .button{
	display: inline-block;
	width: 16px;
	height: 16px;
	/*text-indent: 1000em;*/
	text-align: center;
	color: #ffffff;
	background: #265172;
	overflow: hidden;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.productos #resultados .nav-pages .first{
	background: #265172;/* url(../images/btn_double_arrow_left_white.png) no-repeat center center;*/
}
.productos #resultados .nav-pages .prev{
	background: #265172; /* url(../images/btn_arrow_left_white.png) no-repeat center center;*/
}
.productos #resultados .nav-pages .next{
	background: #265172; /* url(../images/btn_arrow_right_white.png) no-repeat center center;*/
}
.productos #resultados .nav-pages .last{
	background: #265172; /* url(../images/btn_double_arrow_right_white.png) no-repeat center center;*/
}
.productos #resultados .nav-pages .button:hover,
.productos #resultados .nav-pages .button.hover{
	background-color: #333333;
}
#savetopdf,
#printpreview{
	float: left;
	width: 350px;
	margin-top: 7px;
	margin-bottom: 10px;
	height: 50px;
}
.productos .losprecios{
	margin-top: -20px;
}


/*
***********************
		CARRITO
***********************
*/
#totales{
	margin-top: 15px;
	text-align: right;
}
#totales .subitems{
	margin-bottom: 5px;
}
#totales label{
	display: inline-block;
	color: #316796;
	font-weight: bold;
	font-size: 12px;
	width: 130px;
	text-align: right;
	padding-right: 10px;
}
#ficha-cliente label{
	display: inline-block;
	color: #316796;
	font-weight: bold;
	font-size: 12px;
	width: 60px;
	text-align: right;
	padding-right: 10px;
}
#ficha-cliente li{
	margin-bottom: 2px;
}
#totales .val{
	display: inline-block;
	font-weight: bold;
	width: 70px;
	text-align: right;
}

#comprar{
	margin-bottom: 20px;
}
.list  #comprar{
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	border-top: 1px solid #316796;
	text-align: right;
}
#comprador,
#btn-comprar{
	display: inline-block;
}
#comprador label{
	color: #316796;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}
#comprador #btn-comprar {
	position: absolute;
	right: 0px;
}

#btn-comprar .submit{
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}

.carrito .buyed{
	font-size: 14px;
	color: #ffffff;
	background: #265172;
	text-align: center;
	padding: 20px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.carrito .buyed  .thanks{
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

/*
***********************
	    PEDIDOS
***********************
*/
.list .fecha{
	width: 80px;
}
.pedidos .list .desc{
	text-align: left;
}
.pedidos .list .total{
	width: 80px;
}
.pedidos .list {
	margin-bottom: 30px;
}
.pedidos .options{
	width: 80px;
}
/*
***********************
	   DETALLES
***********************
*/
#detallesfactura{
	margin-bottom: 20px;
	font-weight: bold;
}
#detallesfactura  label{
	display: inline-block;
	color: #316796;
	font-weight: bold;
	font-size: 12px;
	width: 60px;
	text-align: right;
	padding-right: 10px;
}
#detallesfactura  span{
	margin-bottom: 5px;
	display: block;
}
#totales{
	margin-bottom: 20px;
}
#totales.total{
	border-top: 1px solid #316796;
	padding-top: 10px;
	margin-top: 10px;
}

/*
***********************
	   RESUMEN
***********************
*/
.resumen .options{
	width: 80px;
}
.resumen .vencida{
	color: red;
}
.analisis  #savetopdf{
	margin-top: -35px;
}

/*
***********************
	   HISTORICO
***********************
*/
.historico .options{
	width: 80px;
}



/*
***********************
	   AGENDA
***********************
*/
#index-nav {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px; 
}
#index-nav li{
	float: left;
	margin-right:4px; 
	color: #999999;
}
.agenda .nombre{
	width: 150px; 
}
.agenda .telefono{
	width: 120px;
}
.agenda .email{
	width: 150px;
}
.agenda .direccion{
	text-align: left;
}
.agenda .options{
	width: 50px;
}

/*
***********************
	   REGISTRAR
***********************
*/
.registrar  .comment{
	margin-top: 10px;
	float: left;
	color: red;
}
.registrar .mark{
	display: inline-block;
	margin-top: -5px;
	color: red;	
}
.registrar .datospersonales  #nick{
	width: 200px;
}
.registrar  #status{
	display: inline-block;
	margin-left: 10px;
}
.registrar #status.disponible{
	color: green;
}
.registrar #status.nodisponible{
	color: red;
}
.registrar #captcha {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.registrar  #recaptcha_widget{
	margin-left: 135px;
	width: 360px;
	margin-top: -28px;
}
.registrar  #captcha #recaptcha_image {
	margin: 0;
	margin-bottom: 10px;
	display: inline-block;
}
.registrar  #captcha .newcaptcha{
	display: block;
}
.registrar  #captcha #recaptcha_response_field{
	margin-top: 5px;
}
.registrar  #captcha .newcaptcha{
	margin-top: 5px;
}
.registrar  form  input.error{
	border: 1px solid red;
	background: pink;
}
.registrar  form  input.valid{
	border-color: none;
	background: white;
}
.registrar   div.error{
	margin-left: 135px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: red;
	font-weight: bold;
}
.registrar form.styled .formbox {
	clear: none;
	overflow: visible;
}
.registrar form .submit{
	border-top: none;
}
.registrar  li.submitbtn{
	clear: both;
	overflow: hidden;
	border: none;
}
.registrar #registro .submit{
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}
.registrar .verificacion div.error{
	margin: 0px;
}

.registrar  #registrar{
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #316796;
	text-align: right;
	clear: both;
	overflow: hidden;
}
.registrar  #btn-registrar{
	display: inline-block;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}

.registrar .registrado{
	font-size: 14px;
	color: #ffffff;
	background: #265172;
	text-align: center;
	padding: 20px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.registrar .registrado .thanks{
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

.wasaa{
    padding:0px;
    vertical-align: middle;
    top: -5px;
    position: relative;
}
.wasaa img{
    width: 20px;
    height: auto;
    top:5px;
    position: relative;
    margin-right: 5px;
}

.galperin{
    padding:0px;
    vertical-align: middle;
    top: -5px;
    position: relative;
}
.galperin img{
    width: 200px;
    height: auto;
    top:-5px;
    left: -20px;
    position: relative;
}