@charset "utf-8";
@import url(lightboxes.css);

/* ------------------ General --------------------- */
 
* { position: relative }

html, body { height: 100% }

body {
	background: #06A9DF url(../img/bg/body.png) repeat-x 0 0 scroll;
	font-family: Arial, Helvetica, sans-serif;
}

a { 
	color: #205D91;/*#048FBD;*/
	font-size: 1.3em;
	text-decoration: none;
}
a:hover { color: #048FBD }

p {
	color: #5a5a5a;
	font-size: 1.3em;
	line-height: 16px;
	text-align: justify;
}

p a { 
	color: #205D91; 
	font-size: 1em;
}

p a:hover { text-decoration: underline }

p.error { 
	color: #D11F26;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
}

textarea { resize: none }

.container { min-height: 100% }

h2 {
	color: #0684B3;
	font-size: 3.2em;
	line-height: 38px;
	margin-bottom: 15px;
}

h3 {
	color: #565656;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 15px;
}

p.subtitle {
	color: #666;
	font-size: 1.4em;
	margin-bottom: 10px;
}
ul.list {
	color: #565656;
	font-size: 1.3em;
	line-height: 18px;
	list-style: disc;
	margin: 15px;
}

.clear.s1 { margin-bottom: 10px }
.clear.s2 { margin-bottom: 20px }
.clear.s3 { margin-bottom: 30px }

.clear.s2.line {
	border-bottom: 1px solid #333;
	margin-top: 10px;
	display: block;
	height: 2px;
}

/*  ------------------ Layout Masterpage  --------------------  */

.container {
	margin: 0 auto 20px;
	padding: 0;
	width: 964px;
}

/* ------ header  */
 
.header { height: 211px }
.header .logo { 
	position: absolute;
	top: 49px;
	left: 9px;
}
.header .logo a {
	background: transparent url("../img/logo.png") no-repeat 0 0 scroll;
	display: block;
	text-indent: -9999px;
	width: 320px;
	height: 76px;
}

/* --- header > navigation main */

.header .main {
	background: transparent url("../img/bg/nav-main.png") repeat-x 0 0 scroll;
	bottom: 0px;
	font-size: 1.2em;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
.header .main li {
	color: #067EAC;
	display: block;
	float: left;
	line-height: 18px;
	padding: 0 15px;
	height: 66px;
}
.header .main li a {
	color: #067EAC;
	display: table-cell;
	text-shadow: 2px 1px 1px #FFF;
	vertical-align: middle;
	line-height: 66px;
}
.header .main li a:hover { color: #205D91 }
.header .main li.first {
	background: transparent url("../img/bg/nav-main-left.png") no-repeat 0 0 scroll;
	padding: 0px;
	width: 8px;
}
.header .main li.last {
	background: transparent url("../img/bg/nav-main-right.png") no-repeat 0 0 scroll;
	float: right;
	padding: 0px;
	width: 8px;
}
.header .main li.cart {
	background: transparent url("../img/bg/nav-main-right.png") no-repeat 100% 0 scroll;
	display: block;
	float: right;
	font-size: 0.9em;
}
.header .main li.cart a {
	background: transparent url("../img/bg/btn-cart.png") no-repeat 0 0 scroll;
	font-weight: bold;
	padding-left: 55px;
	text-shadow: none;
	width: 83px;
}
.header .main li.cart a:hover {
	background: transparent url("../img/bg/btn-cart_hover.png") no-repeat 0 0 scroll;
}
.header .main li.cart a.disabled { 
	background: transparent url("../img/bg/btn-cart_disabled.png") no-repeat 0 0 scroll;
	color: #666; 
}

/* --- header > navigation sub */

.header .sub {
	color: #DCEAEF;
	font-size: 1.15em;
	position: absolute;
	top: 0;
	left: 0;
}
.header .sub li {
	background: transparent url("../img/bg/nav-sub.png") no-repeat 0 0 scroll;
	float: left;
	line-height: 28px;
	padding: 5px 8px;
}
.header .sub li a {
	color: #DCEAEF;
	cursor: pointer;
	font-weight: bold;
	line-height: 21px;
}
.header .sub li a:hover { color: #FFF }
.header .sub li a.fb {
	background: transparent url("../img/ui/fb.png") no-repeat 0 0 scroll;
	display: block;
	width: 26px;
	height: 26px;
}

/* --- header > navigation user */

.header .user {
	color: #DCEAEF;
	font-size: 1.15em;
	position: absolute;
	top: 0;
	right: 0;
}
.header .user li {
 	color: #DCEAEF;
	float: left;
	line-height: 28px;
	padding: 5px 8px;
}
.header .user li a {
	color: #DCEAEF;
	cursor: pointer;
	font-weight: bold;
	line-height: 21px;
}
.header .user li a:hover { color: #FFF }
.header .user li.logout a, .header .user li.register a{ color: #6BC4E9 }
.header .user li.logout a:hover, .header .user li.register a:hover { color: #75D6FF }

/* --- header >  search form */

.header .search {
	background: transparent url("../img/bg/search.png") no-repeat 0 0 scroll;
	display: block;
	float: left;
	position: absolute;
	top: 77px;
	right: 2px;
	width: 230px;
	height: 31px;
}
.header .search input[type="text"]  {
	background: transparent;
	color: #124A7E;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	height: 28px;
	line-height: 18px;
	margin: 0;
	padding: 0 5px;
	width: 176px; /* anterior: 148px cuando estaba ON el advanced search*/
}
.header .search input[type="button"],
.header .search input[type="submit"] {
	background: transparent;
	cursor: pointer;
	display: block;
	float: right;
	width: 37px;
	height: 31px;
}
/*
.header .search input[type="button"].advanced-search,
.header .search input[type="submit"].advanced-search {
	background: transparent;
	width: 28px;
}
*/

/* ------ content  */

.content {
	background-color: #FFF;
	min-height: 400px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px; 
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	margin-bottom: 10px;
}

/* ------ footer  */

.footer {
	background-color: #38BAE5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #EFEFEF;
	display: block;
	height: 40px;
}
.footer p {
	color: #EFEFEF;
	display: block;
	font-size: 1.2em;
	line-height: 14px;
	position: absolute;
	top: 13px;
	left: 0;
}
.footer p span {
	padding: 10px;
}
.footer .powered-by a {
	background: transparent url("../img/ui/by-ndway.png") no-repeat 0 0 scroll;
	display: inline-block;
	text-indent: -999px;
	width: 67px;
	height: 14px;
}
.footer .sub {
	color: #EFEFEF;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 14px;
	position: absolute;
	right: 0;
	top: 13px;
}
.footer .sub li {
	display: inline;
	padding: 0 15px 0 30px;
	float: left;
	height: 15px;
}
.footer .sub li.s1 { 
	background: transparent url("../img/bg/footer-profesionales.png") no-repeat 0 0 scroll;
	border-right: 1px solid #FFF;
	margin-right: 10px;
}
.footer .sub li.s2 { background: transparent url("../img/bg/footer-asociados.png") no-repeat 0 0 scroll }
.footer .sub li a { color: #EFEFEF }

/*  end of masterpage ------------------------------------------*/



/*  ------------------ Layout > Content  --------------------  */

.layout { padding:15px 15px 10px 10px }

.banner { 
	clear: after;
	display: block;
}

/* ------- Layout >  2col - left-menu */

.main-content.s1  {
	float: right;
	width: 680px;
}
.aside {
	float: left;
	margin-right: 15px;
	width: 238px;
}
.aside .menu { 
	border: 1px solid #EDEDED;
	margin-bottom: 8px;
}

.aside .menu>li {
	border-bottom: 1px solid #DDD;
	color: #1A86B7;
	height: auto;
}

.aside .menu .arq > a { background: #F6F6F6 url("../img/bg/arquitectonica-menu-icon.png") no-repeat 10px 10px scroll }
.aside .menu .ind > a { background: #F6F6F6 url("../img/bg/industrial-menu-icon.png") no-repeat 10px 10px scroll }
.aside .menu .aut > a { background: #F6F6F6 url("../img/bg/automotor-menu-icon.png") no-repeat 10px 10px scroll }
.aside .menu .aplic > a { background: #F6F6F6 url("../img/bg/aplicadores-menu-icon.png") no-repeat 10px 10px scroll }
.aside .menu .asoc > a { background: #F6F6F6 url("../img/bg/asociados-menu-icon.png") no-repeat 10px 10px scroll }
.aside .menu .cuenta > a { background: #F6F6F6 url("../img/bg/mi-cuenta-menu-icon.png") no-repeat 10px 10px scroll }


.aside .menu>li>a { 
	color: #1A86B7;
	display: block;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 10px 10px 55px;
}
.aside .menu li>a:hover { color: #048FBD }
.aside .menu ul li {
	background: transparent url("../img/ui/next_s2.png") no-repeat 16px 11px scroll;
	border-top: 1px solid #F2F2F3;
	border-bottom: 1px solid #D1D1D6;
	color: #787878;
	line-height: 30px;
	min-height: 31px;
	padding-left: 40px;
	min-height: 31px;
}
.aside .menu ul li:last-child { border-bottom: none }
.aside .menu ul li a { 
	color:#787878;
	display:block;
}
.aside .menu li a:hover { color:#07A6DA}

.aside .menu ul li.clicked {
	background: #EFEFEF url("../img/ui/next_s2click.png") no-repeat 16px 11px scroll;
	border-top: 1px solid #F2F2F3;
	color: #0795C5;
	min-height: 32px;
	border-bottom: none;
}
.aside .menu ul li.clicked>a { color:#0795C5 }
.aside .menu li.clicked>a:hover { color:#15BEF7}
.aside .menu  li ul { display: none; border-top: 1px solid #D1D1D9 }
.aside .menu  li.clicked > ul { display: block; }



.aside .menu ul li.active {
	background: #e7e7e7 url("../img/ui/next_s1.png") no-repeat 16px 11px scroll;
	min-height: 32px;
}
.aside .menu ul li.active a {color: #0795C5 } 

.aside .banner { margin-bottom: 2px }

.aside .right { 
	float: right;
	width: 100%;
}

/*  page navigation - breadcrumbs */

.page { 
	clear: both;
	margin-bottom: 20px;
	width: 100%
}
.page li {
	background: transparent url("../img/bg/next_s2.png") no-repeat 100% -2px scroll;
	color: #969696;
	float: left;
	font-size: 0.9em;
	margin-right: 3px;
	padding-right: 14px;
}
.page li a { color: #969696 }
.page li a:hover { color: #e0e0e0}
.page li.first a { text-decoration: underline }
.page li.last { background: none }


/* ------- Layout >  2col - right-menu */

.main-content.s2  {
	border-right: 1px solid #CCC;
	float: left;
	padding: 10px;
	width: 660px;
}

.aside.right {
    float: right;
    margin: 15px;
    width: 228px;
}

.aside.right h3 {
	color: #262638;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 10px;
}

.aside.right li, 
.aside.right li a { 
	color: #262638;
	display: block;
	line-height: 1.8em;
}
.aside.right li  a { margin-left: 10px }
.aside.right li  a:hover { color: #06A9DF; }

.aside.right .right > li {
	background: transparent url("../img/ui/next_s6.png") no-repeat 10px 10px scroll;
	border-bottom: 1px solid #DDD;
	padding: 5px 16px;
}
.aside.right li.on {
	color: #06A9DF;
	background: transparent url("../img/ui/down_s1.png") no-repeat 8px 14px scroll; 
}

.aside.right li ul { 
	display: none;
	padding: 0 0 0 16px;
}
.aside.right li.on ul { 
	background: transparent url("../img/bg/aside-right-bg.png") repeat-x 0 0 scroll;
	color: #777;
	display: block;
}
.aside.right li.on ul a { color: #777 }


.aside.right li.on ul a:hover,
.aside.right li.on > a, 
.aside.right li.on a.clicked { color: #06A9DF }

/* --- navigation user  s2 --- */

 .user.s2 {
	color: #01638F;
	font-size: 1.4em;
	position: absolute;
	top: 20px;
	right: 0;
}
.user.s2 li {
 	color: #01638F;
	float: left;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 8px;
}
.user.s2 li a {
	color: #B7B7B7;
	cursor: pointer;
	font-size: 1em;
}
.user.s2 li a:hover { color: #0684B2 }


/*  ------------------ Layout > Content > Forms  --------------------  */

/* --- form s1 ---  */
.form .section { margin-bottom: 20px }
.form h4 {
	border-bottom: 1px solid #ccc;
	color: #067C9E;
	font-size: 1.3em;
	line-height: 16px;
	margin-bottom: 20px;
	padding: 5px 0;
}
.form label {
	color: #656565;
	font-size: 1.3em;
	line-height: 14px;
	padding-left: 5px;
}
.form label a { 
	font-size: 1em;
	text-decoration: underline;
}
.form div.field { 
	margin-bottom: 10px;
	overflow: hidden;
	width: 300px;
}
.form div.field.checkbox { margin-bottom: 10px }
.form div.field.checkbox.s2 { margin-bottom: 30px }

.form input[type="text"], 
.form input[type="password"] {width: 256px}

.form .button input[type="button"],
.form .button input[type="submit"],
.form .button a {width: 263px}

.form select {width: 268px }
.form input[type="text"], 
.form input[type="password"], 
.form textarea  {
	background-color: #ECECEC;
	border: 1px solid #B1B1B1;
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 16px;
	padding: 6px 5px;
}
.form select {
	border: 1px solid #B1B1B1;
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 5px;
}
.form input[type="checkbox"], .form input[type="radio"] { float: left; height:14px; }

.form div.field.error { background: transparent url("../img/bg/error.png") no-repeat 100% 45% scroll }
.form div.field.error input[type="text"], 
.form div.field.error input[type="password"], 
.form div.field.error select { border: 1px solid #F00000 }

span.login.s2 {
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 30px;
	padding-bottom: 10px;
}
span.login.s2 a {
	color: #a4b51a;
	font-size: 1em;
	text-decoration: underline;
}


/*  ------------------ Botones */

/* ------ button  */  
/*  boton generico verde - 36px */

.button {
	background: transparent url("../img/bg/btn36-s1.png") no-repeat 100% -36px scroll;
	display: inline-block;
	cursor: pointer;
	height: 36px;
	padding-right: 5px;
}
.button input[type="button"],
.button input[type="submit"],
.button a {
	background: transparent url("../img/bg/btn36-s1.png") no-repeat 0 0 scroll;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 36px;
	padding: 0 5px 0 10px;
	text-align:center;
	height: 36px;
}

/* ------ button s2  */  
/*  boton generico gris -  36px  */

.button.s2 { background: transparent url("../img/bg/btn36-s2.png") no-repeat 100% -36px scroll }
.button.s2 input[type="button"], 
.button.s2 input[type="submit"], 
.button.s2 a { background: transparent url("../img/bg/btn36-s2.png") no-repeat 0 0 scroll }

/* ------ button s3  */  
/*  boton verde home -   44px */

.button.s3 {
	background: transparent url("../img/bg/btn44-s3.png") no-repeat 100% -44px scroll;
	line-height: 44px;
	height: 44px;
}
.button.s3 input[type="button"],
.button.s3 input[type="submit"],
.button.s3 a {
	background: transparent url("../img/bg/btn44-s3.png") no-repeat 0 0 scroll;
	font-size: 2em;
	font-weight: normal;
	line-height: 44px;
	height: 44px;
}

/* ------ button s4  */  
 /*  boton azul home -   44px */

.button.s4 {
	background: transparent url("../img/bg/btn44-s4.png") no-repeat 100% -44px scroll;
	line-height: 44px;
	height: 44px;
}
.button.s4 input[type="button"],
.button.s4 input[type="submit"],
.button.s4 a {
	background: transparent url("../img/bg/btn44-s4.png") no-repeat 0 0 scroll;
	font-size: 2em;
	font-weight: normal;
	line-height: 44px;
	height: 44px;
}

/* ------ button s5  s6 s7 */  
/*  botones mis puntos -  37px  */

.button.s5,  
.button.s6, 
.button.s7 { 
	width: 220px;
	line-height: 37px;
	margin-bottom: 13px;
	height: 37px;
}
.button.s5 input[type="button"], 
.button.s5 input[type="submit"], 
.button.s5 a,
.button.s6 input[type="button"], 
.button.s6 input[type="submit"], 
.button.s6 a,
.button.s7 input[type="button"], 
.button.s7 input[type="submit"], 
.button.s7 a {
	color: #95a610;
	font-size: 1.4em;
	line-height: 37px;
	padding-left: 45px;
	text-align: left;
	width: 170px;
	height: 37px; 
}
.button.s5 { background: transparent  url("../img/bg/btnpuntos-s1.png") no-repeat 100% -37px scroll }
.button.s6 { background: transparent  url("../img/bg/btnpuntos-s2.png") no-repeat 100% -37px scroll }
.button.s7 { background: transparent  url("../img/bg/btnpuntos-s3.png") no-repeat 100% -37px scroll }

.button.s5 input[type="button"], 
.button.s5 input[type="submit"], 
.button.s5 a { background: url("../img/bg/btnpuntos-s1.png") no-repeat scroll 0 0 transparent }

.button.s6 input[type="button"], 
.button.s6 input[type="submit"], 
.button.s6 a { background: url("../img/bg/btnpuntos-s2.png") no-repeat scroll 0 0 transparent }

.button.s7 input[type="button"], 
.button.s7 input[type="submit"], 
.button.s7 a { background: url("../img/bg/btnpuntos-s3.png") no-repeat scroll 0 0 transparent }

/* ------ button s8  */  
/*  boton para comprar gris -  36px  */

.button.s8 { 
	background: transparent url("../img/bg/btn-buy.png") no-repeat 100% -36px scroll;
	width: 245px;
	margin-top: -5px;
}
.button.s8 input[type="button"], 
.button.s8 input[type="submit"], 
.button.s8 a {
	background: transparent url("../img/bg/btn-buy.png") no-repeat 0 0 scroll;
	padding-left: 20px;
	width: 223px;
}

/* ------ button s9  */  
/*  boton para consultar gris -  36px  */

.button.s9 { 
	background: transparent url("../img/bg/btn-consult.png") no-repeat 100% -37px scroll;
	padding-right: 36px;
	height: 37px;
}
.button.s9 input[type="button"], 
.button.s9 input[type="submit"],
.button.s9 a {
	background: transparent url("../img/bg/btn-consult.png") no-repeat 0 0 scroll;
	color: #666;
	font-size: 1.3em;
	font-weight: regular;
	padding-left: 10px;
	height: 37px;
}

/* ------ button s10  */  
/*  boton para agregar al carrito -  36px  */

.button.s10 { 
	background: transparent url("../img/bg/btn-add-cart.png") no-repeat 100% -38px scroll;
	padding-right: 40px!important;
}
.button.s10 input[type="button"], 
.button.s10 input[type="submit"], 
.button.s10 a {
	background: transparent url("../img/bg/btn-add-cart.png") no-repeat 0 0 scroll;
	color: #95a610;
	padding: 0 5px;
}

/*  -end of  Forms  -------------------------------------------- */

/* ------------------- pager  */

div.pager {
	background: transparent url("../img/bg/pager.png") repeat-x 0 0 scroll;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 auto;
	height: 26px;
}
.pager span {
	color: #666;
	display: inline-block;
	font-size: 1.3em;
	line-height: 25px;
	margin: 0 auto;
	text-align: center;
	min-width: 20px;
}
.pager span.spacer {
    min-width: 0;
    width: auto;
}
.pager span a {
	color: #666;
	display: block;
 }
.pager span:hover { 
	background-color: #EEE;
	color: #333
}
.pager span.spacer:hover { 
	background-color: none;
	color: #666;
 }
.pager span.prev, .pager span.next {
	display: inline-block;
	font-size: 1.4em;
}
.pager span.prev a , .pager span.next a { color:#888 }
.pager span.active {  
	color: #333;
	font-weight: bold; 
}

/* ---------------------Main-content > definition-list   */

.definition-list { 
	border: 1px solid #B5B5B5; 
	border-top-left-radius: 5px;
	-moz-border-radius-topeft: 5px; 
	-webkit-border-top-left-radius: 5px;
}
.definition-list .definition-title {
	background: transparent url("../img/bg/servicios_collapsed_s1.png") repeat-x 0 0 scroll;
	border-top: 1px solid #B5B5B5;
	color: #6B6B6B;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 35px;
	padding: 0 16px;
	height: 35px;
}

.definition-list .definition-title-off {
	background: transparent url("../img/bg/servicios_collapsed_s1.png") repeat-x 0 0 scroll;
	color: #6B6B6B;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 35px;
	padding: 0 16px;
	height: 35px;
}

.definition-list .definition-title.first { border-top: none}
.definition-list .definition-title a, .definition-title-off a {
	color: #6B6B6B;
	cursor: pointer;
	display: block;
}
.definition-list .definition-title a:hover, .definition-title-off a:hover { color:#888;}
.definition-list .definition-title.active {
	background: transparent url("../img/bg/mis-compras-th.png") repeat-x 0 0 scroll;
	color: #FFF;
}
.definition-list .definition-title.active a { color: #FFF }
.definition-list .definition-title.active a:hover {color: #DEF0F5}
.definition-list .definition-desc { background-color: #F6F6F6 }
.definition-list .definition-desc.active { padding:18px }
.definition-list .definition-desc p { margin-bottom: 15px }
.definition-list .definition-desc img {
	float: left;
	margin: 0 15px 15px 0;
}

/*  end of definition list  -----------------------------------------*/



/*  --------------------------------- Home  */

.home .banner .links {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 4px;
}
.home .banner .links li { float: left }

/* ------ section  */

.home .section { overflow: hidden }

.home .section .area {
	display: block;
	float: left;
	padding: 20px 15px;
	width: 209px;
}
.home .section .area p { text-align: justify }
.home .section .area .button {
	margin: 0 auto;
	position: absolute;
	bottom: 30px;
	width: 206px;
}

.home .section .area.s1, .home .section .area.s2, .home .section .area.s3 {
	background: transparent url("../img/bg/home-section-s1.png") no-repeat 100% 0 scroll;
	height :214px;
}
.home .section .area.s1 h2, .home .section .area.s2 h2, .home .section .area.s3 h2 {
	display: block;
	margin: 0 auto 20px;
	text-indent: -9999px;
	width: 213px;
	height: 59px;
}
.home .section .area.s1 h2 { background: transparent url("../img/bg/home-sucursales-title.png") no-repeat 0 0 scroll }
.home .section .area.s2 h2 { background: transparent url("../img/bg/home-promociones-title.png") no-repeat 0 0 scroll }
.home .section .area.s3 h2 { background: transparent url("../img/bg/home-catalogo-title.png") no-repeat 0 0 scroll }

.home .section .area.s3 ul { margin: 0 15px }
.home .section .area.s3 ul li {
	color: #666;
	display: block;
	padding-left: 60px;
	height: 32px;
}
.home .section .area.s3 ul li.s1 { background: transparent url("../img/bg/cat-arquitectura.png") no-repeat 0 0 scroll }
.home .section .area.s3 ul li.s2 { background: transparent url("../img/bg/cat-automotor.png") no-repeat 0 0 scroll }
.home .section .area.s3 ul li.s3 { background: transparent url("../img/bg/cat-industria.png") no-repeat 0 0 scroll }
.home .section .area.s3 ul li.s4 { background: transparent url("../img/bg/cat-aplicaciones.png") no-repeat 0 0 scroll }
.home .section .area.s3 ul li a {
	color: #666;
	font-size: 1.4em;
	line-height: 32px;
}

.home .section .area.s4, .home .section .area.s5 { height: 87px }

.home .section .area.s4 { background: transparent url("../img/bg/home-section-s2.png") no-repeat 10px 100% scroll }
.home .section .area.s4 h3 {
	background: transparent url("../img/bg/home-asociados-title.png") no-repeat 0 100% scroll;
	display: block;
	margin-bottom: 0;
	text-indent: -9999px;
	width: 118px;
	height: 57px;
}
.home .section .area.s4 p, .home .section .area.s4 a {
	padding-left: 40px;
	line-height: 18px;
}
.home .section .area.s4 a { text-decoration: underline }

/* - end of Home ------------------------------------------------*/

/*  --------------------------------- Registro */

.layout.register { padding: 15px 15px 25px 25px}


/* --------------------------  Servicios */


.servicios .definition-list .definition-title a {
    background: url("../img/ui/plus_s1.png") no-repeat scroll 0 50% transparent;
    padding-left: 30px;
}
.servicios .definition-list .definition-title a:hover {  background:  transparent url("../img/ui/plus_s2.png") no-repeat  0 50% scroll }
.servicios .definition-list .definition-title.active a { background: transparent url("../img/ui/minus_s2.png") no-repeat 0 50%  scroll }
.servicios .definition-list .definition-title.active a:hover { background: transparent url("../img/ui/minus_s1.png") no-repeat  0 50%  scroll }

.servicios .definition-list .definition-title .ui-arrow {
	background: transparent url("../img/ui/next_s4.png") no-repeat 0 50% scroll;
	display: block;
	float: right;
	pading-right: 30px;
	width: 20px;
}
.servicios .definition-list .definition-title .ui-arrow:hover { background: transparent url("../img/ui/next_s3.png") no-repeat 0 50% scroll }
.servicios .definition-list .definition-title.active .ui-arrow { background: transparent url("../img/ui/down_s3.png") no-repeat 0 50% scroll }
.servicios .definition-list .definition-title.active .ui-arrow:hover { background: transparent ("../img/ui/down_s4.png") no-repeat 0 50% scroll }

/*  end of  Servicios  --------------------------  */


/*  --------------------------------- Sucursales */

.sucursales { padding: 23px }
.sucursales .news {
	background-color: #BFD225;
	margin-bottom: 20px;
	padding: 20px;
}
.sucursales .news h2 {
	color: #FFF;
	display: inline-block;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 25px;
	padding-right: 20px;
}
.sucursales .news ul {
	display: block;
	float: right;
	float: right;
	float: right;
	width: 80%;
}
.sucursales .news ul li { 
	color: #666;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 20px;
	width: 50%;
}
.sucursales .news ul li span { color: #FFF }

.sucursales .section.s1 {
	float: left;
	padding: 24px;
	width: 352px;
}
.sucursales .section.s1 p {
	margin-bottom: 25px;
	text-align: justify;
}

.sucursales .form h4 {
	border: none;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 12px;
}
.sucursales .form .field.s2 { margin-bottom: 30px }

.map {
	display: block;
	float: right;
}

/* ---  Sucursales > Resultado de busqueda */

.sucursales .results li.item { 
	display: block;
	float: left;
	margin-bottom: 30px;
	padding-left: 30px;
	width: 30%;
}
.sucursales .results li.item .result li {
	color: #666;
	font-size: 1.2em;
	line-height: 14px;
}
.sucursales .results li.item .result li a { font-size: 1em }
.sucursales .results li.item .result li.title {
	color: #333;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 5px;
}
.sucursales .results li.item .result li.more  a{
	line-height: 25px;
	text-decoration: underline;
}

 /* ---  Sucursales > Ficha Sucursal */
 
 .sucursales .image {
	background: transparent url("../img/bg/ficha-sucursal-img-bg.png") no-repeat 0 0 scroll;
	display: block;
	float: right;
	padding: 13px;
	width: 480px;
	height: 320x;
 }
 
.sucursales .section.s2 { 
	float: left;
	width: 400px;
}
.sucursales .section.s2 .area.s1 { 
	display: block;
	float: left;
	overflow: hidden;
	width: 175px;
}
.sucursales .section.s2 .area.s1 .map {
	float: none;
	margin-bottom: 20px;
}
.sucursales .section.s2 .area.s1 p { font-size:1.2em }
.sucursales .section.s2 .area.s1 .phone { 
	color: #888;
	font-weight: bold;
}
.sucursales .section.s2 .area.s2 {
	display: block;
	overflow: hidden;
	width: 225px;
}
.sucursales .section.s2 .area.s2 .address { 
	font-size: 0.9em;
	margin-bottom: 20px;
}
.sucursales .section.s2 .area.s2 .address p { margin-bottom: 15px }
.sucursales .section.s2 .area.s2 .address .title {
	color: #333;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 0;
}
.sucursales .section.s2 .area.s2 .address .download {
	background: transparent url("../img/bg/coordenadas.png") no-repeat 0 0 scroll;
	display: block;
	font-weight: bold;
	line-height: 22px;
	padding-left: 30px;
}
.sucursales .section.s2 .area.s2 .special {
	display: block;
	font-size: 1.2em;
	line-height: 32px;
	width: 90%;
}
.sucursales .section.s2 .area.s2 .special li {
	background: transparent url("../img/bg/ok.png") no-repeat 100% 50% scroll;
	border-bottom: 1px solid #CCC;
	display: block;
	padding-top: 5px;
	height: 34px;
}
.sucursales .section.s2 .area.s2 .special li span {
	display: block;
	height: 34px;
	padding-left: 50px;
}
.sucursales .section.s2 .area.s2 .special li.s1 span { background: transparent url("../img/bg/cat-arquitectura.png") no-repeat 0 0 scroll }
.sucursales .section.s2 .area.s2 .special li.s2 span { background: transparent url("../img/bg/cat-automotor.png") no-repeat 0 0 scroll }
.sucursales .section.s2 .area.s2 .special li.s3 span { background: transparent url("../img/bg/cat-industria.png") no-repeat 0 0 scroll }
.sucursales .section.s2 .area.s2 .special li.s4 span { background: transparent url("../img/bg/cat-aplicaciones.png") no-repeat 0 0 scroll }

.sucursales .section.s2 .area.s3 {
	display: block;
	position: relative;
	width: 80%;
	clear: both;
}

 
 /*  ------------------------------- Revista ColoreAR */
 
 .revista .page {
	display: block; 
	margin-bottom: 40px; 
}
 .revista  p { 
	line-height: 16px;
	margin-left: 20px;
	width: 50%; 
}
.revista .gallery .item {
	float: left;
	margin: 30px;
	width: 240px;
}
.revista .gallery .item .figure, .revista .gallery img {
	border: 10px solid #E3E3E3;
	clear: both;
	display: block;
	margin: 0 auto 10px;
}
.revista .gallery .item .figure-caption {
	font-size: 1.3em;
	line-height: 16px;
	margin-left: 5px;
	display: block;
	float: left;
	width: 145px
}
.revista .gallery .item .more {
	background: transparent url("../img/ui/zoom-in.png") no-repeat 0 0 scroll;
	color: #000;
	display: block;
	float: right;
	font-size: 1em;
	line-height: 16px;
	padding-left: 20px;
	width: 60px;
}

/*  ------------------------------ Quienes somos */

.about { padding: 23px }
.about p { margin-bottom:15px }
.about p.featured {
	color: #999;
	display: block;
	float: left;
	font-size: 1.8em;
	line-height: 27px;
	margin: 0 20px 20px 0;
	text-align: left;
	width: 300px;
 }

/*  ------------------------------ Prensa */

.prensa .gallery .item {
	border-left: 1px solid #ccc;
	float: left;
	margin: 25px 0;
	padding: 0 30px;
	width: 240px;
	height: 304px;
}
.prensa .gallery .item.left { border: 0 }
.prensa .gallery .item h3 {
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 25px;
}
.prensa .gallery .item .figure, .prensa .gallery .figure {
	border: 10px solid #E3E3E3;
	clear: both;
	display: block;
	margin: 0 auto 10px;
}
.prensa .gallery .item p {
	font-size: 1.3em;
	line-height: 15px;
	margin-bottom: 10px;
}
.prensa .gallery .item .more {
	display: block;
	float: right;
	padding-left: 20px;
}

/*  ------------------------------ Franquicias */

.franquicias { padding: 15px 15px 15px 30px }

.franquicias .main-content h3 {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 25px;
	margin-top: 25px;
	max-width: 420px;
}
.franquicias .aside p {
	display: block;
	max-width: 420px;
	margin-bottom: 20px;
}
.franquicias .main-content {
	display: block;
	float: left;
	width: 420px;
}
.franquicias .aside {
	background-color: #F4F4F4;
	display: block;
	float: right;
	padding: 26px;
	width: 363px;
}
.franquicias .aside h3 { color: #0684B3 }

.franquicias .field .radio {
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	width: 60px;
}

.franquicias .gallery img {
	background: transparent url("../img/bg/franquicia_gallery.png") no-repeat 0 0 scroll;
	margin-left: 19px;
	padding: 2px 10px 10px 2px;
}

/*  ------------------------------ Contacto */

.contacto { padding: 0px }
.contacto .section.s1 { padding:23px}
.contacto .section.s1 p { 
	float: left;
	line-height: 1.6em;
	width: 540px;
}
.contacto .section.s1 .phone {
	background: transparent url("../img/bg/contacto-phone.png") no-repeat 0 0 scroll;
	float: right;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 50px;
	padding-left: 50px;
	text-transform: uppercase;
	width: 265px;
	height: 55px;
}
.contacto .section.s2 {
	background-color:#F4F4F4;
	padding:15px;
}
.contacto .section.s2 p { margin-bottom: 15px }
.contacto .section.s2 .form.s1 { 
	margin: 0 auto;
	width: 600px;
}
.contacto .section.s2 .field { float: left }
.contacto .section.s2 .field.error{	background: none }
.contacto .section.s2 .field.textarea {width: auto }
.contacto .section.s2 .field.textarea textarea { width: 555px }
.contacto .section.s2 .field.checkbox {  width:100% }


/*  ---------------  Promociones   */

.promociones { padding:15px 15px 10px 10px }
.promociones .main-content { width: 684px}
.promociones .banner.s3 {
	background-color: #D5D5D5;
	margin-bottom: 20px;
	padding: 8px;
	width: 666px;
	height: 184px;
}

/*  ------------------------------ Mi cuenta */

/*  ------------------------------ Mi cuenta  > mis direcciones */

.micuenta h4.s2 { margin-bottom: 8px }
.micuenta  p.sub {
	color: #969696;
	margin-bottom: 30px;
}

/* form s2 */

.form.s2 fieldset {width: 300px }
.form.s2 .section.s2 {
	background-color: #DDD;
	border--radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	padding:20px 20px 10px;
	width: 270px;
}
.form.s2 .section.s2 legend {
	color: #595959;
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 16px;
}
.form.s2 .section.s2 .delete  {
	display: block;
	position: absolute;
	top: -18px;
	right: 34px;
	width: 70px;
}
.form.s2 .section.s2 .delete  input[type="button"],
.form.s2 .section.s2 .delete  input[type="submit"] {
	background: transparent url("../img/ui/close.png") no-repeat 100% 50% scroll; 
	color: #595959;
	cursor: pointer;
	width: 70px;
}
.form.s2 .section.s2 .field {	float: left } 
.form.s2 .section.s2 .field.s4 { 
	margin-right: 10px;
	width: 184px; 
}
.form.s2 .section.s2 .field.s4 input[type="text"] { width: 162px }

.form.s2 .section.s2 .field.s3 { 
	margin-right: 10px;
	width: 87px;
}
.form.s2 .section.s2 .field.s3 input[type="text"] { width: 64px }

.form.s2 .section.s2 .button {
	margin: 5px;
	width: 153px;
}
.form.s2 .section.s2 .button input[type="button"],  
.form.s2 .section.s2 .button input[type="submit"],  
.form.s2 .section.s2 .button a { width: 150px }

.form.s2 .section.s2 .button.s2 { width: 83px }

.form.s2 .section.s2 .button.s2 input[type="button"],  
.form.s2 .section.s2 .button.s2 input[type="submit"],  
.form.s2 .section.s2 .button.s2 a {width: 82px;}

.form.s2 .field-button {
	margin: 0 auto; 
	width: 270px;
}

/*  ------------------------------ Mi cuenta  > mis puntos */

.micuenta.puntos .banner.s1 { margin-bottom: 40px }

.micuenta.puntos .section .area {
	display: block;
	float: left;
	margin-right: 10px;
	width: 224px;
	height: 137px;
}
.micuenta.puntos .section .area.s1 {
	background: transparent url("../img/bg/puntos.png") no-repeat 0 0 scroll;
	padding: 16px;
	width: 192px;
	height: 105px;
}
.micuenta.puntos .section .area.s1 p {
	color: #FFF;
	font-size: 2.4em;
	line-height: 30px;
	text-align: center;
}
.micuenta.puntos .section .area.s1 p.s2 { border-bottom: 2px solid #FFF;}
.micuenta.puntos .section .area.s1 p.s3 {
	font-size:6em;
	line-height:80px;
}

.micuenta.puntos .section .area.s3 {
	border-left: 1px solid #ddd;
	padding-left: 10px;
	width: 180px;
}
.micuenta.puntos .section .area.s3 h4 {
	color: #a3bb1e;
	font-size: 2.3em;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
}
.micuenta.puntos .section .area.s3 li {
	background: transparent url("../img/bg/benefits.png") no-repeat 0 50% scroll;
	color: #666;
	font-size: 1.2em;
	line-height: 15px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.micuenta.puntos .section .area.s3 .moar {
	color: #9ab11a;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 22px;
}

/*  ------------------------------ Mi cuenta  > mis compras */


.micuenta .compras {
	margin-bottom: 5px;
	width: 100%;
}
.micuenta .compras tr th {
	background: transparent url("../img/bg/mis-compras-th.png") repeat-x 0 0 scroll;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	height: 37px;
}
.micuenta .compras tr th.col1 { background: transparent url("../img/bg/mis-compras-th_s1.png") no-repeat 0 -1px scroll; }
.micuenta .compras tr td {
	border-bottom: 1px solid #CCC;
	color: #666;
	font-size: 1.2em;
	padding:15px 0;
	vertical-align: top;
}
.micuenta .compras tr.s1 td{ background-color: #EFEFEF  }
.micuenta .compras tr.s2 td{ background-color: #F7F7F7  }
.micuenta .compras .col1 {
	padding-left: 5px;
	width: 202px;
}
.micuenta .compras .col2 { width: 59px }
.micuenta .compras .col3 { width: 56px }
.micuenta .compras .col4 { 
	padding-left: 5px;
	width: 153px; 
}
.micuenta .compras .col5 { width: 40px }
.micuenta .compras .col6 { width: 70px }
.micuenta .compras .col7 {
	text-align: center;
	width: 83px;
 }

.micuenta .compras p {font-size: 1em }
.micuenta .compras p.product{
	color: #067999;
	font-size: 1.2em;
	font-weight: bold; 
	line-height: 16px;
}
.micuenta .compras a {
	color: #0691b7;
	font-size: 1em;
	text-decoration: underline;
}
.micuenta .compras img { margin-top: 10px }

.micuenta .compras td.col2,
.micuenta .compras td.col3,
.micuenta .compras td.col5,
.micuenta .compras td.col6 {
	text-align: center;
	vertical-align: middle!important;
}

.micuenta .compras .estado {
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
.micuenta .compras .estado.s1 { color: #9cab06 }
.micuenta .compras .estado.s2 { color: #0689ae }


/*  ------------------------------ Mi cuenta  > mis favoritos */

.favorites .product {
	border-bottom: 1px solid #B8B8B8;
	display: block;
	margin-bottom: 20px;
	padding: 20px 20px 40px;
	height: 130px;
}
.favorites .product table {
	float: left;
	padding: 0;
	position: relative;
	width: 133px;
	height: 133px;
}
.favorites .product table  td {
	line-height: 0;
	text-align: center;
	vertical-align: middle;
}
.favorites .product .thumb {
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.favorites .product h3 {
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 0px;
}
.favorites .product h3 a {
	color: #333;
	font-size: 1em;
}
.favorites .product .properties {
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 5px 0;
}
.favorites .product .price {
	color: #605f5f;
	font-size: 2.4em;
	position: absolute;
	bottom: 10px;
	left: 152px;
}
.favorites .product .remove {
	background: transparent url("../img/bg/btn-remove.png") no-repeat 0 0 scroll;
	color: #939393;
	font-weight: bold;
	padding-left: 18px;
	position: absolute;
	top: 6px;
	right: 6px;
}
.favorites .product .buttons {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 15px;
}
.favorites .buttons .share {
	background: transparent url("../img/ui/share.png") no-repeat 0 0 scroll;
	color: #067EAC;
	display: inline-block;
	font-weight: bold;
	line-height: 22px;
	padding-left: 35px;
	position: absolute;
	right: 0;
	bottom: 50px;
	height: 22px;
}
.favorites .buttons .share a {
	color: #067EAC;
	font-weight: bold;
}
.favorites .buttons .button.s10 { margin-left: 5px }
 

/*  ------------------------------ Que Productos utilizo  */

.usar-productos h3 {
	color: #A0B314;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 10px;
}
.usar-productos .section {
	float: left;
	margin-right: 6px;
}
.usar-productos .form { padding-top: 20px }
.usar-productos .form div.field { 
	margin-bottom:30px;
	width: 218px; }
.usar-productos .form select { width: 196px }
.usar-productos .form input[type="button"],
.usar-productos .form input[type="submit"]  { width:192px }


.usar-productos .results { 
	border-top: 1px solid #333; 
	padding-top: 10px;
}
.usar-productos .results h4 {
	color: #0683B3;
	font-size: 1.6em;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 5px;
}
.usar-productos .results .filter {display:block }
.usar-productos .results .filter li {
	border-left: 1px solid #777;
	color: #777;
	float: left;
	padding: 0 6px;
}
.usar-productos .results .filter li.first { border: none; padding-left: 0 }
.usar-productos .results .filter li a { color: #777 }
.usar-productos .results .filter li a:hover { text-decoration: underline }

.usar-productos .results .product {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.usar-productos .results .product.title {
	color:#A0B314;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.8em;
	height: 20px;
}
.usar-productos .results .product .section {
	display: inline-block;
	float: none;
	width: 48%;
}
.usar-productos .results .product h5 {
	color: #0683B3;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	text-transform: uppercase;
}
.usar-productos .results .product p {font-size: 1.2em }
.usar-productos .results .product p strong  {font-weight: bold }


/*  ------------------------------ Productos  */

/*  ---------------  Productos > Categoria  */

.view-category .banner { margin-bottom: 10px }

.no-results {
	color: #333;
	font-size: 1.4em;
	line-height: 180%;
	padding-left: 10px;
}

.view-category .products,
.search-results .products,
.offers .products {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0 0 10px;
	overflow: hidden;
}

.view-category .product,
.search-results .product,
.offers .product {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 205px;
	height: 254px;
}

.view-category .product.promo,
.search-results .product.promo,
.offers .product.promo { background:transparent url("../img/bg/promo.png") no-repeat 100% 0 scroll }

.view-category .product table,
.search-results .product table,
.offers .product table {
	margin-bottom: 10px;
	padding: 0;
	height: 116px;
	width: 100px;
}

.view-category .product table td,
.search-results .product table td,
.offers .product table td {
	text-align: center;
	vertical-align: middle; 
	border: none;
}

.view-category .product .thumb,
.search-results .product .thumb,
.offers .product .thumb {
	display: inline-block;
	margin: 0;
	padding: 0;
	display: block ;
	line-height: 0;
}

.view-category .product h3,
.search-results .product h3,
.offers .product h3 {
	color: #333;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 130%;
	max-height: 35px;
	margin-bottom: 5px;
	text-align: left;
	overflow: hidden;
}

.view-category .product h3 a,
.search-results .product h3 a,
.offers .product h3 a { color: #333 }

.view-category .product p,
.search-results .product p,
.favorites .product p,
.offers .product p {
	color: #6B6B6B;
	font-size: 1.2em;
	line-height: 120%;
	max-height: 52px;
	margin-bottom: 10px;
	text-align: left;
	overflow: hidden;
}

.view-category .product .button.s9,
.search-results .product .button.s9,
.offers .product .button.s9 { overflow: hidden }

.view-category .product .button,
.search-results .product .button,
.offers .product .button { margin-right: 5px }

/*  ---------------  Productos > Ficha de producto  */

.ficha-producto h4.s2, 
.view-category h4.s2,
.search-results h4.s2  { 
	border-bottom: 1px solid #ccc;
	color: #067C9E;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 8px;
	padding: 5px 0;
	text-transform: uppercase;
}
.ficha-producto p.sub, 
.view-category p.sub,
.search-results p.sub {
	color: #888;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.ficha-producto p.cod.producto {
	color: #888;
	position: absolute;
	right: 0;
	top: 37px;
}

.product-details { 
	padding: 10px 0 0 0;
	overflow: hidden;
}
.product-details .product {
	border: 1px solid #b5b5b5;
	margin-bottom: 10px;
	height: 332px;
	position: relative;
}
.product-details .product .details {
	padding: 10px 10px 0;
	position: absolute;
	right: 0;
	width: 315px;
	height: 135px;
}
.product-details .product .details.s1 {
	border-bottom: 1px solid #B5B5B5;
	height: 195px;
}
.product-details .product .details h2 {
	color: #333;
	font-size: 1.6em;
	line-height: 120%;
	max-height: 65px;
	margin-bottom:4px;
	overflow: hidden;
}
.product-details .product .details .desc{
	 color: #333;
	 font-size: 1.1em;
	 font-weight: bold;
	 height: 12px;
	 line-height: 120%;
	 overflow: hidden;
}
.product-details .product .details ul {
	 position: absolute;
	 bottom: 6px;
	 z-index: 50;
}
.product-details .product .details .star,
.product-details .product .details .vote {
	 float: left;
	 line-height: 18px;
	 margin-right: 1px;
}
.product-details .product .details .variant span {
	font-size: 1.2em;
	line-height: 14px;
	padding-left: 12px;
}
.product-details .product .details .variant ul {
	display: block;
	margin: 10px;
	position: relative;
	height: 24px;
}
.product-details .product .details .variant li { 
	display: block;
	float: left; 
	margin-right: 8px;
}
.product-details .product .details .title {
	background: none;
	color: #53463A;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 6px 0;
}
.product-details .product .details .star a {
	background: url(../img/ui/star.png) no-repeat scroll -18px 0 transparent;
	display: block;
	text-indent: -9999px;
	height: 18px;
	width: 18px;
}
.product-details .product .details .star a:hover { background-position: 0 0 }
.product-details .product .details .vote {
	color: #000;
	padding-left: 5px;
}

.product-details .product .details .vote a {
	color: #000;
	font-size: 1.2em;
	margin-left: 4px;
}
.product-details .product .details .vote a:hover { text-decoration: underline }
.product-details .product .price {
	background-color: #F3F2F1;
	border-top: 1px dashed #b1aca6;
	border-bottom: 1px dashed #b1aca6;
	height: 45px;
	width: 298px;
	padding: 0 10px;
	position: absolute;
	top: 147px;
	right: 0;
}
.product-details .product .price strong {
	background: transparent url(../img/ui/product-price-dash.png) no-repeat 100% 50% scroll;
	color: #334B24;
	display: inline-block;
	font-size: 2.2em;
	font-weight: bold;
	float: left;
	margin: 12px 10px 0 0;
	padding-right: 10px;
}
.product-details .product .price .add {
	background: transparent url(../img/ui/add.png) no-repeat 0 0 scroll;
	color: #333;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	margin: 7px 0 0 0;
	padding-left: 40px;
	line-height: 33px;
	height: 33px;
}
.product-details .product .price .add:hover { text-decoration: underline }
.product-details .product .other {
	width: 298px;
	padding: 13px 10px 0 10px;
	position: absolute;
	top: 193px;
	right: 0;
}
.product-details .product .other.s2 {
	border-top: 1px solid #B5B5B5;
	padding: 36px 40px;
	position: absolute;
	right: 0;
	top: 205px;
	width: 255px;
	height: 55px;
	background: #F3F2F2 url("../img/bg/producto.png") repeat-x 0 100% scroll;
} 
.product-details .product .other.s2 .button.s9 {
	padding-right: 50px;
	width: 210px;
}
.product-details .product .other.s2 .button.s9 input[type="button"],
.product-details .product .other.s2 .button.s9 input[type="submit"],
.product-details .product .other.s2 .button.s9 a { width:210px; }

.product-details .product .share {
	height: 31px;
	position: absolute;
	left: 0px;
	bottom: 3px;
}
.product-details .product .share .button {
	background: transparent url("../img/ui/share.png") no-repeat 15px 50% scroll;
	border-right: 1px solid #B5B5B5;
	padding-left: 57px;
	width: 80px;
	height: 34px;
}
.product-details .product .share .button a {
	background: none;
	color: #067EAC;
	font-weight: normal;
	font-size: 1.4em;
	text-align: left;
}
.product-details .product .fav {
	height: 31px;
	position: absolute;
	right: 0px;
	bottom: 3px;
}
.product-details .product .fav .button {
	background: transparent url("../img/ui/fav-add.png") no-repeat 15px 50% scroll;
	padding-left: 39px;
	width: 140px;
	height: 34px;
}
.product-details .product .fav .button a {
	background: none;
	color:#067EAC;
	font-weight: normal;
	font-size: 1.4em;
	text-align: left;
}
.product-details .product .other p {
	color: #53463A;
	font-size: 1.2em;
	line-height: 140%;
}
.product-details .product .picture {
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	height: 175px;
	padding: 15px 0;
	position: absolute;
	width: 342px;
}
.product-details .product .picture table {
	margin: 0 auto;
	height: 159px;
	width: 163px;
}
.product-details .product .picture table td {
	text-align: center;
	vertical-align: middle;
	line-height: 0;
}
.product-details .product .picture table a, .product-details .product .thumbs li a { display: inline-block }
.product-details .product .thumbs {
	border-right: 1px solid #B5B5B5;
	bottom: 0;
	height: 117px;
	padding: 13px 10px 12px 5px;
	position: absolute;
	width: 338px;
}
.product-details .product .thumbs {padding:3px 2px; }
.product-details .product .thumbs ul { 
	float: right;
	margin: 2px;
 }
.product-details .product .thumbs li {
	background: transparent url("../img/bg/thumb-producto.png") no-repeat 0 0 scroll;
	float: left;
    height: 77px;
    margin: 0;
    width: 83px;
}
.product-details .product .thumbs li.current {
	background: url("../img/bg/thumb-producto-current.png") no-repeat scroll 0 0 transparent;
	height: 89px;
	margin: 0 3px;
	padding: 17px 5px 0;
	width: 90px;
}
.product-details .product .thumbs table {
	border: none;
	height: 77px;
	width: 86px;
}
.product-details .product .thumbs .current table {
	border: none;
	height: 75px;
	width: 75px;
}
.product-details .product .thumbs table td {
	text-align: center;
	vertical-align: middle;
}
.product-details .product .thumbs li.prev{
	background: transparent url("../img/ui/prev.png") no-repeat 0 50% scroll;
	height: 87px;
	margin: 16px 2px;
	width: 13px;
}
.product-details .product .thumbs li.next {
	background: transparent url("../img/ui/next.png") no-repeat 100% 50% scroll;
	height: 87px;
	margin: 16px 2px;
	width: 13px;
} 
.product-details .product .thumbs span { font-size:1.2em }


/* pages > product-details > information */

.product-details .information { margin-bottom: 10px }
.product-details .information .title {
	background-color:#eef1f6;
	border: 1px solid #b5b5b5;
	border-top-left-radius: 4px;
	-moz-border-radius-topeft: 4px; 
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px;
	height: 36px;
	margin-right: 2px;
	padding: 0;
}
.product-details .information .title li {
	background-color:#eef1f6;
	color: #282838;
	display: inline-block;
	height: 36px;
	float: left;
	font-size: 1em;
}
.product-details .information .title li:first-child a { background: none; }
.product-details .information .title li a { 
	background: transparent url(../img/bg/product-information-bar-left.png) no-repeat 0 0 scroll;
	color: #262626;
	display: inline-block;
	line-height: 34px;
	padding: 0 23px;
}
.product-details .information .title li.first a { 
	border-left:1px solid #b5b5b5;
	padding: 0 18px 0 19px;
} 
.product-details .information .title li a:hover { text-decoration: underline }
.product-details .information .title li:first-child .on {
	background: transparent url("../img/bg/mis-compras-th.png") repeat-x 0 0 scroll;
	border: medium none;
	color: #FFFFFF;
	height: 36px;
}
.product-details .information .title li .on {
	background: transparent url("../img/bg/mis-compras-th.png") repeat-x 0 0 scroll;
	border: medium none;
	color: #FFFFFF;
	height: 36px;
}
.product-details .information .title li .on:hover { text-decoration: none }
.product-details .information .actions {
	background: none !important;
	padding-left: 4px !important;
}
.product-details .information .actions li {
	background: none;
	padding: 0 8px;
}
.product-details .information .first a {
	border-top-left-radius: 4px;
	-moz-border-radius-topeft: 4px; 
	-webkit-border-top-left-radius: 4px;
}
.product-details .information .title li.action-4  { float: right }
.product-details .information .action-1 a, 
.product-details .information .action-2 a, 
.product-details .information .action-3 a, 
.product-details .information .action-4 a {
	display: block !important;
	padding: 0 5px!important;
	height: 34px;
	width: 36px;
}
.product-details .information .action-4 a { 
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	width: 173px;

}
.product-details .information .action-4 a .middle {
	line-height: 39px;
	padding-left:10px;
	position: absolute;
	vertical-align: middle;
}
.product-details .information .description {
	border-bottom: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	width: 676px;
}
.product-details .information .description h5 {
	color:#333;
	font-size:1.3em;
	font-weight:bold;
	line-height: 30px;
	padding: 0 20px;
}
.product-details .information .description p {
	color: #444;
	font-size: 1.2em;
	line-height: 180%;
	margin-bottom: 10px;
	padding: 0 20px;
}
.product-details .information .description table {
	color: #444;
	font-size: 1.2em;
	margin-bottom: 10px;
	width: 100% ;
	border-top: 1px solid #ddd;
}
.product-details .information .description table tr.odd td { background-color: #f6f6f6; border-right: 1px solid #DDDDDD;}
.product-details .information .description table td { 
	padding: 4px 5px; 
	border-bottom: 1px solid #ddd;
}
.product-details .information .description table td.label {
	font-weight: bold;
	width: 38%;
	padding: 5px;
	border-right: 1px solid #ddd;
}
.product-details .information .description .comment,
.comment-section .description .comment {
	/*background-color: #F8f8f8;*/
	border-top: 1px solid #B5B5B5;
	padding: 20px 0 0 20px;
}
.product-details .information .description .comment p,
.comment-section .description .comment p {
	color: #444444;
	display: block;
	font-size: 1.2em;
	line-height: 120%;
	padding-right: 10px;
}
.product-details .information .description .comment .user,
.comment-section .description .comment .user {
	font-size: 1.3em;
	padding: 5px 10px;
}
.product-details .information .description .comment .user .name,
.comment-section .description .comment .user .name { font-weight: bold }
.product-details .information .description .comment .answer,
.comment-section .description .comment .answer {
	clear: both;
	display: block;
	font-size: 1.3em;
	line-height: 16px;
	padding: 10px;
	text-align: right;
	text-decoration: underline;
}
.product-details .information .description .add-comment,
.comment-section .description .add-comment {
	background-color: #F6F6F6;
	padding: 10px;
	width: 96.7%;
	padding-top: 20px;
}
.product-details .information .description .add-comment p,
.comment-section .description .add-comment p {
	color: #333;
	font-size: 1.3em;
	line-height: 14px;
}
.product-details .information .description .add-comment p.subt,
.comment-section .description .add-comment p.subt { font-weight: bold }

.product-details .information .description .add-comment  .field,
.comment-section .description .add-comment .field {
	float: left;
	width: 200px;
}
.product-details .information .description .add-comment  label,
.comment-section .description .add-comment label {
	color: #333;
	font-size: 1.1em;
}
.product-details .information .description .add-comment  .field.s2,
.comment-section .description .add-comment .field.s2  {width: 255px }

.product-details .information .description .add-comment .field.s2  input,
.comment-section .description .add-comment .field.s2 input {width: 243px }

.product-details .information .description .add-comment  .field.s3,
.comment-section .description .add-comment .field.s3  {width: 550px }

.product-details .information .description .add-comment .field.s3  input,
.comment-section .description .add-comment .field.s3 input {width: 603px}

.product-details .information .description .add-comment  input,
.comment-section .description .add-comment input {width: 170px}

.product-details .information .description .add-comment textarea,
.comment-section .description .add-comment textarea {
	border: 1px solid #AEAEAE;
	color: #000;
	display: block;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	padding: 2px;
	height: 150px;
	width: 450px;
}
.product-details .information .description .add-comment .button,
.comment-section .description .add-comment .button { float: left  }


/* ------------ Busqueda > resultado de busqueda de contenidos ------- */

.search-results .switch-view {
	position: absolute;
	right: 0;
	top: 30px;
	text-decoration: underline;
}

.search-results p.sub {
	border-bottom: 1px solid #ccc;
	display: block; 
	padding-bottom: 20px; 
}

.search-results .search-result h3 {
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.7em;
}

.search-results .search-result h3 a {
	color: #333;
	font-size: 1em;
}

.search-results .search-result { 
	border-bottom: 1px solid #CCC;
	padding: 15px 5px 35px;
}
ul.result-page { 
	clear: both;
	position: absolute;
	right: 5px;
	bottom: 15px;
}
ul.result-page li {
	background: transparent url("../img/bg/next_s2.png") no-repeat 100% -2px scroll;
	float: left;
	font-size: 0.9em;
	margin-right: 3px;
	padding-right: 14px;
}
ul.result-page li a { text-decoration: underline }
ul.result-page  li.last { background: none }


/* ------------ club profesionales > login / asociados > login ------- */

.login-club .wrapper,
.asociados .wrapper {
	background-color: #f4f4f4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(border-radius.htc);
	float: left;
	padding: 20px 35px;
	width: 582px;
	height: 284px;
}
.login-club .wrapper .left,
.asociados .wrapper .left  { 
	float: left;
	margin-right: 20px;
	width: 300px;
}

.login-club .wrapper .left .title,
.asociados .wrapper .left .title { margin-bottom: 12px }

.login-club .wrapper .left .title h3,
.asociados .wrapper .left .title h3 {
	border-bottom: 1px solid #ccc;
	color: #1c88b7;
	font-size: 2.1em;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 5px;
}

.login-club .wrapper .center,
.asociados .wrapper .center {
    border-left: 2px solid #FFFFFF;
    float: left;
    padding: 30px 0 30px 30px;
    width: 230px;
}

.login-club .wrapper .center h4,
.asociados .wrapper .center h4 {
	color: #595959;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 2.5em;
}

.login-club .wrapper .center p,
.asociados .wrapper .center p {
	color:#595959;
	color: #595959;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 10px;
	text-align: left;
}

.login-club .wrapper .center p a,
.asociados .wrapper .center p a { 
	color: #A3BB1E;
	font-size: 1em;
}

.login-club .aside.right,
.asociados .aside.right { padding-left: 24px }

.login-club .aside h4,
.asociados .aside h4  {
	color: #A3BB1E;
	font-size: 2.4em;
	line-height: 2.7em;
}

.login-club .aside.right ul,
.asociados .aside.right ul  {
	color: #656565;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	list-style-image: url("../img/bg/benefits.png");
}

.login-club .aside.right ul li,
.asociados .aside.right ul li { margin-bottom: 10px; }

.login-club .aside.right .more,
.asociados .aside.right .more {
	color: #A3BB1E;
	font-size: 1.4em;
	font-weight: bold;
}

/* -----------home > Novedades , club de profesionales > novedades -------------- */

.news-club .main-content.s2 {
	background: transparent url("../img/bg/dot.png") repeat-y 100% 150px scroll;
	border: none;
}
.news-club h3, 
.asociados.s2 h3 {
	color: #A3BB1E;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 2.6em;
	margin-bottom: 10px;
}
.asociados.s2 h3 { margin-bottom: 0 }
.news-club .news,
.asociados.s2 .news,
.newslist .news,
.news-article .news {
	border-bottom: 1px solid #CCC;
	padding: 10px 5px  0;
	margin-bottom: 15px;
}
.news-club .news h4,
.asociados.s2 .news h4,
.newslist .news h4,
.news-article .news h4 {
	color: #333;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 2.3em;
}
.news-article .news h4 a { 
	font-size: 0.7em;
	font-weight: normal;
	line-height: 2.3em;
	text-decoration: underline;
}

.news-club .news .date,
.newslist .news .date,
.news-article .news .date {
	color: #999;
	font-size: 1.2em;
	position: absolute;
	top: 5px;
	left: 5px;
}

.news-club .news .more,
.asociados.s2 .news .more,
.newslist .news .more {
	/* display: block; */
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 10px;
}

.news-club .news .image,
.asociados.s2 .news .image,
.newslist .news .image,
.news-article .news .image {
	background-color: #DDD;
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
}

.newslist .news .comments,
.news-article .news .comments {
	color: #555;
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.news-article .news .fb-mod { float: right }

.news-article .news .share { 
	display: block;
	margin-bottom: 5px; 
}
.news-article .news .share span {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 15px;
	margin: 0 5px;
}
.news-article .news .share li {
	background: transparent url("../img/ui/share-icons.png") no-repeat 0 0 scroll;
	float: left;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	margin: 10px 5px;
}
.news-article .news .share li.mail { background-position: 0 0 }
.news-article .news .share li.fb { background-position: -32px 0 }
.news-article .news .share li.tw { background-position: -16px 0 }


.news-article .comment-section .count {
	font-weight: bold;
	margin-bottom: 10px;
}

.news-article .comment-section .not-logged p {
	font-size: 1.3em;
	margin-bottom: 10px;
}
.news-article .not-logged p.info { 
	font-size: 1.4em;
	font-weight: bold;
}

.news-article .not-logged .register {
	color: #639813;
	font-weight: bold;
}
.news-article .not-logged .login { font-weight: bold }

.news-club .section .area.s1, 
.prizes-club .section .area.s1 {
	background: transparent url("../img/bg/puntos.png") no-repeat 0 0 scroll;
	display: block;
	padding: 16px;
	margin-bottom: 20px;
	width: 192px;
	height: 105px;
}
.news-club .section .area.s1 p,
.prizes-club .section .area.s1 p {
	color: #FFF;
	font-size: 2.4em;
	line-height: 30px;
	text-align: center;
}
.news-club .section .area.s1 p.s2,
.prizes-club .section .area.s1 p.s2 { border-bottom: 2px solid #FFF }

.news-club .section .area.s1 p.s3,
.prizes-club .section .area.s1 p.s3  {
	font-size: 6em;
	line-height: 80px;
}

/* ----------- club de profesionales > premios -------------- */

.prize {
	float: left;
	padding: 10px;
	width: 300px;
}
.prizes-club .prize .picture {
	display: inline-block;
	float: left;
	margin: 0 2px 2px 0;
	width: 145px;
	heigth: 125px
}
.prizes-club .prize h4 {
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.prizes-club .prize p {
	font-size: 1.1em;
	text-align: left;
}
.prizes-club .prize .points {
	color: #A3BB1E;
	font-weight: bold;
	line-height: 2em;
}


/* ------------------- Como calculo los litros -------------- */

.calcular-litros h2 { margin-bottom: 2px }

.step {
	display: block;
	float: left;
	padding: 5px;
	text-align: left;
	width: 155px;
}
.step .number {
	background-color: #C3D737;
	color: #fff;
	display: inline-block;
	font-size: 5.9em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 15px;
	text-align: center;
}
.step p {
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: left;
}
.step p span {
	color: #9AAC15;
	font-weight: bold;
}

.row { clear: both }
.row .text { 
	color: #333;
	display: block;
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 30px;
	margin-right: 5px;
	width: 85px;
}
.row .text.s2 { padding-left: 10px }
.row .text.s3 { color:#A0B12D }
.row .field.s3 {
	float: left;
	padding: 0;
	width: 122px;
}
.form.s3 input[type="text"], 
.form.s3 input[type="password"] {
	font-size: 1.15em;
    width: 110px;
}
.row .cross,
.row .division,
.row .equal {
	background: transparent  url("../img/ui/cross.png") no-repeat 50% 0 scroll;
	display: block;
	float: left;
	text-indent: -9999px;
	width: 52px;
	height: 25px;
}
.row .division { background-image: url("../img/ui/division.png")  }
.row .equal {	background-image: url("../img/ui/equal.png") }

.buttons { 	
	display: inline-block; 
	float: right;
	margin: 20px 30px; 
}
.buttons .print, .buttons .button { 
	margin: 0 5px;
	padding: 0 10px 0 0;
}
.buttons .button  a { padding: 0 5px 0 15px }
.buttons .print {
	background: transparent url("../img/ui/print_s2.png") no-repeat 0 0 scroll;
	color: #696969;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
    line-height: 32px;
	padding-left: 40px;
	text-decoration: underline;
	height: 32px;
}
.buttons .print  a { color: #696969 }

/*   -----------------------  Asociados > SIG  ------------------------------------  */

.sig table {
	font-size: 1.2em;
	line-height: 14px;
	vertical-align: middle;
	width: 660px;
}
.sig table a { font-size: 1em}
.sig td {  padding: 5px }
.sig .folder {
	background: transparent url("../img/ui/folder.png") no-repeat 5px 15px scroll;
	border-top: 1px solid #ccc;
	font-weight: bold;
	padding: 15px 30px 5px;
}
.sig .folder a { font-weight: normal }
.sig .cell a {
	display: block;
	text-decoration: underline; 
}
.sig .cell.s1 { width: 23px }
.sig .cell.s2 { width: 188px }
.sig .cell.s3 { width: 235px }
.sig .cell.s4 { width: 75px }
.sig .cell.s5 { width: 139px }


/*   -----------------------  Guia para pintar  ------------------------------------  */

.banner-guia .featured {
	background: transparent url("../img/bg/guiaparapintar-featured.png") repeat-x 0 0 scroll;
	position: absolute;
	top: 268px;
	height: 79px;
	width: 100%;
}
.banner-guia .featured  li {
	float:left;
	padding:10px 5px; 
	width:28%;
}
.banner-guia .featured li table { float: left }
.banner-guia .featured p {
	color: #A4B416;
	font-weight: bold;
}
.banner-guia .featured a { 
	display: block;
	font-weight:normal;
}
.banner-guia .buttons { margin: 10px 50px }

/*   -----------------------  Guia para pintar  > articulo  --------------------------------  */

.news-article h5 {
	border-bottom: 1px solid #ccc;
	color: #555;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 5px;
}
.news-article .images { margin-bottom: 10px }
.news-article .images img { margin: 5px }
.news-article p { margin-bottom: 10px }
.news-article p.strong { 
	color: #255367;
	font-weight: bold;
}

.news-article .recommendations { background-color: #E9E9E9 }
.news-article .recommendations ul {
	float: right;
	color: #666;
	font-size: 1.2em;
	line-height: 14px;
	margin: 10px;
	width: 330px;
}
.news-article .recommendations li {
	background: transparent url("../img/bg/reco-list.png") no-repeat 0 4px scroll;
	margin-bottom: 10px;
	padding-left: 12px;
}

.news-article .video {
	background-color: #E3E3E3;
	display: inline-block;
	float: left;
	width: 300px;
}

.news-article .video h4 {
	color: #255367;
	text-transform: uppercase;
	line-height: 1.3em;
	margin: 10px;  
}
.news-article .video span {
	color: #1A86B7;
	display: block;
}
.news .featured {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	margin: 15px 2px;
	overflow: hidden;
}
.news .featured  li {
	border-left: 1px solid #CCC;
	float: left;
	font-size: 0.9em;
	padding: 10px 5px; 
	width: 31%;
	min-height: 75px;
}
.news .featured  li:first-child { border: none; } 
.news .featured li table { 
	float: left;
	margin-right: 10px 
}
.news .featured p span {
	color: #A4B416;
	display:block;
	font-weight: bold;
}
.news .featured a { 
	display: block;
	font-weight: normal;
}

.news .related {
	width: 300px;
	float: left;
	margin: 10px;
	font-size: 1.2em;
}
.news .related li {
	background: transparent url("../img/bg/related.png") no-repeat 0 2px scroll;
	padding-left:10px;
	margin-bottom: 8px;
}
.news .related li a { font-size: 1em } 

.comment-section .description {
	border: 1px solid #ccc;
	margin: 10px 15px;
	width: 94%;
}

/*   -----------------------  Guia para pintar  > articulo  --------------------------------  */

.carrito .main-content{
	width: 680px;
	float:left;
}

.bg_carrito{
	width:954px;
	height:62px;
	background-color:#f8f8f8;
	right:10px;
	top:-7px;
	padding-left:10px;
	padding-top:20px;
	margin-bottom:9px;
}

.carrito .page{
	padding-bottom:5px;
}

.title_carrito h2{
	float:left;
}

.title_carrito p{
	top:15px;
	left:7px;
}

.pasos_on_carrito{
	color:#c1e6ec;
}

.pasos_off_carrito{
	color:#979797;
}

.info_envio .section{
	width:300px;
	margin-left:30px;
}

.form.s1 .info_envio .field{
	overflow:visible;
}

.form.s1 .section .field.s3{
	width:66px;
	float:left;
	margin-right:30px;
}

.form.s1 .section .field.s3 input[type="text"]{
	width:64px;
}

.envío_carrito label{
	color:#067C9E;
}

.checkbox_carrito{
	margin-top:18px;
	width:630px;
	margin-bottom:10px;
	overflow:hidden;
}

.checkbox_carrito label{
	display:block;
	padding-left:18px;
	font-size:1.2em;
}

.checkbox_carrito .radio{
	float:left;
	margin-right:18px;
}

.checkbox_carrito input{
	float:left;
}

.checkbox_carrito label p{
	color: #656565;
    font-size: 1em;
    line-height: 0px;
    padding-left: 5px;
}

.checkbox_envio_carrito{
	margin-left:30px;
	margin-bottom:30px;
}

.checkbox_envio_carrito .radio{
	padding-bottom:10px;
}

.checkbox_envio_carrito p{
	padding-right:30px;
	top:-26px;
	float:right;
}

.volver_atras {
	float: left;
	width: 100%
}


.volver_atras p{
	font-weight:bold;
	float:left;
}

.volver_atras .button{
	float:right;
	bottom:20px;
}

.volver_atras_2 .button{
	bottom:0px;
	left:457px;
	position:absolute;
}

/* .form.s1 .section .button input{
    width: 153px;
} */

.aside.right.carrito{
	top:101px;
}

.aside.right.carrito h4{
	color:#A3BB1E;
	font-size:2.2em;
	font-weight:bold;
	text-align:center;
}

.aside.right.carrito h5{
	color:#9a9a9a;
	font-size:2.2em;
	font-weight:bold;
	margin-left:109px;
}

.aside.right.carrito .definition-title{
	text-align:center;
}

.aside.right.carrito .definition-desc p{
	color:#333333;
	font-size:13px;
	text-align:center;
	margin-bottom:5px;
}

.aside.right.carrito2{
	top:89px; 
}

.aside.right.carrito2 li{
	font-size:13px;
	width:196px;
	right:10px;
	padding-left:15px;
	padding-top:3px;
	padding-bottom:3px;
}

.aside.right.carrito2 li.first{
	color:#0687ac;
	border-bottom:1px solid #dbdbdb;
}

.aside.right.carrito2 li.second{
	color:#333333;
	border-bottom:1px solid #dbdbdb;
}

.aside.right.carrito2 li .bold{
	font-weight:bold;
}

.aside.right.carrito2 .definition-desc.active{
	padding-top:7px;
	padding-bottom:7px;
}


.compras_carrito .col1, .col2, .col3, .col4, .col5{
	color:#5A5A5A;
}

.compras_carrito .s1{
	border-bottom:1px solid #bdbdbd;
}

.compras_carrito .s1 th.col1, .col2, .col3, .col4, .col5, .s2 .col2, .col3, .col4, .col5{
	font-size:11px;
}

.compras_carrito th.col1{
	font-size:11px;
}

.compras_carrito .col1{
	width:370px;
	text-align:left;
}

.compras_carrito .col2, .col3, .col5{
	width:80px;
	text-align:center;
}

.revision_pedido{
	margin-bottom:0px;
	padding-bottom:5px;
}

p.product_title{
	color: #067999;
    font-size: 1.5em;
    font-weight: bold;
	margin-bottom:0px !important;
}

.compras_carrito tr td{
	padding-top:15px;
}

.compras_carrito .s1 td.col4, .s2 td.col4{
	width:90px;
}

.compras_carrito .s1 td.col4 select, .s2 td.col4 select{
	width:50px;
	left:18px;
}

.compras_carrito .s3 .col4 p, .s4 .col4 {
	text-align:right;
}

.compras_carrito .s3 .col5 p {
	text-align:center;
}

.compras_carrito .s3 {
	background-color:#e9e9e9;
	height:62px;
}

.compras_carrito .s3 p {
	font-size:11px;
}

.compras_carrito .s4 {
	border:1px solid #e9e9e9;
	height:40px;
	padding-bottom:15px;
}

.compras_carrito .s4 .col4, 
.compras_carrito .s4 .col5{
	color:#a4b51a;
	font-size:21px;
	padding-bottom:15px;
}

.volver_atras_3 p{
	float:left;
	top:40px;
}

.volver_atras_3 .button{
	float:right;
	top:20px;
}

/*   -----------------------  Carrito > Gracias por su compra  ------------------------------------  */

.section2{
	top:37px;
	left:12px;
}

.section2 .text1{
	color:#333333;
	font-size:27px;
	font-weight:bold;
}

.section2 .text2 p{
	color:#8ca211;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
}

.section2 .col1 .text3 p {
	color:#5A5A5A;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
}

.section2 .text4 p{
	color:#0a6891;
	font-size:15.68px;
	font-weight:bold;
}

.section2 .text5 p{
	color:#9a9a9a;
	font-size:15.68px;
	font-weight:bold;
	padding-left:77px;
}

.section2 .col1{
	width:160px;
	float:left;
}

.section2 .col2{
	width:160px;
	height:57px;
	float:left;
	border-left:1px solid #c4b8b8;
	border-right:1px solid #c4b8b8;
	padding-left:24px;
	top:17px;
}

.section2 .col2 .text3, .col3 .text3{
	font-weight:bold;
}

.section2 .col2 .text4 p, .col3 .text4 p{
	font-size:15px;
}

.section2 .col3{
	width:160px;
	height:57px;
	float:left;
	padding-left:24px;
	top:17px;
}

/*   -----------------------  Carrito > lightbox  ------------------------------------  */
.lightbox-title .text_lightbox_carrito p{
	padding-left:11px;
}

.button_carrito_lightbox{
	width:278px;
}

.button_carrito_lightbox .button{
	padding-left:93px;
}

/*   -----------------------  ficha producto > selector  ------------------------------------  */
.select_products select{
	width:150px;
	float:left;
	margin-bottom:7px;
	margin-right:5px;
}

.product_precio{
	width:304px;
	min-height:45px;
	border:1px solid #b7b7b7;
	background-color:#ebebeb;
	overflow:hidden;
	border-radius:5px 5px 5px 5px;
	padding: 4px;
}

.product_precio .precio p{
	float: right;
	font-size: 30px;
	line-height: 30px;
	margin-top: 7px;
}
.product_precio .precioTextoImpInc{
	font-size: 10px;
}

/*Puntos*/
.s4Custom
{
	style="margin-top: -5px; 
	color: #FFFFFF; 
	font-family: Arial,Helvetica,sans-serif";
}


/*descuentos*/
.tachado
{
	text-decoration:line-through;
	color:Red;
}


.precio .priceDiscount
{
	font-size:25px!important;
	float:right;
	clear:both;
	margin-top:10px!important;
	line-height:17px!important;
}
.precio .priceOld
{
	font-size:14px!important;
	float:right;
	clear:both;
	text-decoration: line-through;
	color:Red;
	line-height:17px!important;
	margin-top:2px!important;
}