/*
	REFERENCES: 	
	----------------------------------------------------------
	HTML5 Reset					: : http: //html5reset.org
	Eric Meyer					: : http: //ericmeyer.com
	HTML5 Doctor				: : http: //html5doctor.com
	HTML5 Boilerplate			: : http: //html5boilerplate.com
*/

@font-face {
	font-family: Bebasneue;
	src: url('/css/fonts/BebasNeue.otf');
}

@font-face {
	font-family: Bebasneue;
	font-weight: bold;
	src: url('/css/fonts/BebasNeue.otf');
}
	
/*---------------------------------------------------------------------------------------------------
 Let's default everything out, apply some general cross-browser fixes and declare standard classes!
----------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	border: none; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

/* Enable font smoothing for better readability on compatible systems (macosx, ios, etc): http: //maxvoltar.com/archive/-webkit-font-smoothing */
html { font-smooth: always; font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; }

/* Mac-, Linux- and Windows-friendly Helvetica-Neue/Arial font stack: http: //mky.be/fontstack */
body { font: 13px Helmet, Freesans, sans-serif; }

h1, h2, h3, h4, h5, h6 { }

/* New html5 tags to use block display for cross-broswer compatability */
article, aside, figure, footer, header, hgroup, nav, section { 
	display: block;
}

/* Responsive images and other embedded objects to never be bigger than their container */
img, object, embed { max-width: 100%; }

/* No margins or text decorations on hyperlinks */
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit; }

/* Accessible focus treatment http: //people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/* del tag to use line-through */
del { text-decoration: line-through; }

/* Clean up table style - Note: tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
td, td img { vertical-align: top; } 

/* cleaner standard hr element */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Use the pre element to display computer code! */
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 */
	word-wrap: break-word; /* IE */
}

/* input tweaks */
input, select { vertical-align: middle; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* control de size of small tags - relenvant to the current font */
small { font-size: 85%; }

/* Make sure sup and sub don't screw with your line-heights http: //gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button { width: auto; overflow: visible; }
 
/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover */
.ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
: : -moz-selection { background: #fcd700; color: #fff; text-shadow: none; }
: : selection { background: #fcd700; color: #fff; text-shadow: none; } 

/* iOS tap link: j.mp/webkit-tap-highlight-color */
a: link { -webkit-tap-highlight-color: #fcd700; } 

/* Misc classes */
.clear { clear: both !important; float: none !important; height: 0px !important; }
.verticalSpacer5px { margin-top: 5px; }
.verticalSpacer10px { margin-top: 10px; }
.verticalSpacer20px { margin-top: 20px; }
.verticalSpacer50px { margin-top: 50px; }
.no-border { border: none !important; }
.red-text { color: #FE0000 !important; }
.relative { position: relative !important; }
.red-button {
	 background: url(/img/flecha_blanca.png) no-repeat 92% center #c22f33;
	 border: none;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
	 color: #fff;
	 font-weight: bold;
	 padding: 10px 25px 10px 15px;
	 text-align: center;
	 text-transform: uppercase;
	 margin: 10px 0; 
}
.red-button-left {
    background: url("/img/flecha_negra_izq.png") no-repeat scroll 5% center transparent;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #AAAAAA;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px 15px 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.red-button-without {
     background: #c22f33;
     border: none;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     color: #fff;
     font-weight: bold;
     padding: 12px 10px 12px 10px;
     text-align: center;
     text-transform: uppercase;
     margin: 1px 0;     
}

/* Paginación htaccess  */
.migass {float:right; height:20px; margin-top:20px;}
.migass_number, .pagina_link {background:#E5E5E5; text-align:center; color:#2B5F85; display:block; float:left; padding:2px 4px; margin-right:4px; height:18px;}
.migass_number:hover, .pagina_link:hover {background:#7394AD; color:#fff;}
.anterior_link {float:left; padding-top:2px; margin-right:4px;}
.siguiente_link {float:right; padding-top:2px;}
.pagina_navigation .active_page { background:#6787A4; color:white; }

/* Paginación jquery  */
.migas {float:left; height:20px; margin-top:20px;}
.migas_number, .page_link {background:#E5E5E5; text-align:center; color:#2B5F85; display:block; float:left; padding:2px 4px; margin-right:4px; height:18px;}
.migas_number:hover, .page_link:hover {background:#7394AD; color:#fff;}
.miga_izq, .previous_link {float:left; padding-top:2px; margin-right:4px;}
.miga_der, .next_link {float:right; padding-top:2px;}
.page_navigation .active_page { background:#6787A4; color:white; }
#pagination-content { width:100% }

/*-------------------------------------------------------------------------------
 MAIN TEMPLATE!
-------------------------------------------------------------------------------*/
html { background: #929292; margin: 0; }
body { min-width: 1050px; width: 100%; background: #e5e5e5; margin: 0 auto; color: #666 ; }
.wrapper { min-width: 1000px; width: 1000px; margin: 0 auto; }

/*
 * GNC Main Header - contains logo, navigation language select & user bar
 */
#pageheader { display: block; width: 100%; border-top: 10px solid #d5d5d5; background: #e5e5e5; }
#pageheader .wrapper { position: relative; }
.ie7 #pageheader .wrapper { position: static; }
#logo { float: left; height: 91px; }
#logo a { text-decoration: none; }
#logo img { border: none; }

#main-site-nav { display: block; float: right; text-transform: uppercase; text-align: center; font-weight: bold;  margin-right: 60px; }
.ie7 #main-site-nav  { margin-right: 20px;  }
/*#main-site-nav  .menu-item > a { display: block; margin-top: -10px; float: left; width: 90px; height: 52px; padding: 25px 10px 15px; text-decoration: none; color: #3a3a3a; background : #f8f8f8; }*/
/*Cambiada la altura del men√∫ por mejoras en la usabilidad*/
#main-site-nav  .menu-item > a { display: block; margin-top: -10px; float: left; width: 90px; height: 50px; padding: 25px 10px 15px; text-decoration: none; color: #3a3a3a; background : #f8f8f8; }

.ie7 #main-site-nav  .menu-item > a, .ie8 #main-site-nav  .menu-item > a  { border-right: 1px solid #ccc; }
#main-site-nav .green-top { border-top: 10px solid #648f3f; }
#main-site-nav .red-top { border-top: 10px solid #d72e35; }
#main-site-nav .blue-top { border-top: 10px solid #5780ae; }
#main-site-nav .brown-top { border-top: 10px solid #563e22; }
#main-site-nav .turquoise-top { border-top: 10px solid #82adb4; }
#main-site-nav .yellow-top { border-top: 10px solid #fbaf3f; }
.menu-item {  float: left; }
#green-menu-sub { background : #648f3f; }
#green-menu-sub:before { border-color: #648f3f transparent ; }
#red-menu-sub { background : #d72e35; }
#red-menu-sub:before { border-color: #d72e35 transparent; }
#blue-menu-sub { background : #5780ae; }
#blue-menu-sub:before { border-color: #5780ae transparent; }
#turquoise-menu-sub { background : #82adb4; }
#turquoise-menu-sub:before { border-color: #82adb4 transparent; }
#brown-menu-sub { background : #563e22; }
#brown-menu-sub:before { border-color: #563e22 transparent; }
#yellow-menu-sub { background : #fbaf3f; }
#yellow-menu-sub:before { border-color: #fbaf3f transparent; }
.main-sub-nav {
	background : #fff;
	position: absolute;
	margin: 70px 0 0 10px;
	padding: 10px;
	text-align: left;
	box-shadow: 0px 0px 10px #000 ; 
	-webkit-box-shadow: 0px 0px 10px #000 ; 
	-moz-box-shadow: 0px 0px 10px #000 ;
	border-radius : 5px 5px 5px 5px ;  
	-moz-border-radius : 5px 5px 5px 5px ;  
	-webkit-border-radius : 5px 5px 5px 5px ;
	list-style-type: none;
	color: white ;
	display: none ;
	z-index: 99;
	width: 150px;
	font-size: 12px;
}
.ie7 .main-sub-nav { margin-left: -60px; position: fixed; } 
.main-sub-nav:before { border-style: solid; content: ""; display: block; position: absolute; border-width: 0 10px 10px; bottom: auto; left: auto; top: -10px; }
#main-site-nav .menu-item > a {	 
	background : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));  
	background : -moz-linear-gradient(center top , #fff, #e5e5e5) ;
	-webkit-box-shadow: 0px -4px 7px #C4C4C4 ;
    -moz-box-shadow: 0px -4px 7px #C4C4C4 ;
    box-shadow: 0px -4px 7px #C4C4C4 ;
}
#main-site-nav .menu-item .active { color: white; text-shadow: 1px 1px 1px #000; }
#main-site-nav .green-top.active { background : #648f3f; }
#main-site-nav .red-top.active { background : #d72e35; }
#main-site-nav .blue-top.active { background : #5780ae; }
#main-site-nav .brown-top.active { background : #563e22; }
#main-site-nav .turquoise-top.active { background : #82adb4; }
#main-site-nav .yellow-top.active { background : #fbaf3f; }

.main-sub-nav li {  width: 100%; ; list-style-type: none; padding: 10px 0; border-bottom: 1px solid white; text-transform: none; float: left;}
.main-sub-nav li a { color: white; width:100%; float:left;}
.main-sub-nav li a:hover {
	/*transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	padding-left: 10px;*/
	color:#dfdfdf;
}

.langbox { width: 40px; margin-top: -10px; padding: 5px; background: #fff; cursor: pointer; position: absolute; right: 0; z-index: 999; }
.ie7 .langbox {  position: static; float: right; padding-bottom: 0;  }
.langbox {
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25) ; 
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25) ; 
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25) ;
	border-radius : 0 0 5px 5px ;  
	-moz-border-radius : 0 0 5px 5px ;  
	-webkit-border-radius : 0 0 5px 5px ;  	
}
.langbox .flag { margin-right: 2px; float: left; margin-top: 4px; }
.langbox .arrow { margin-left: 2px; float: left; margin-top: 4px; }
.langbox .selection { display: none; padding: 10px 2px; text-align: center; }
.ie7 .langbox .selection { width: 90px; height: 100%; background: white; }
.langbox .selection img: hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }

.user-bar { background: #999; padding: 8px 0 3px; color: white; height: 15px; }
.user-bar span { color: black; margin-right: 5px; font-weight: bold; }
.user-bar .search { float: right; margin-top: -5px; width: 250px; text-align: right; }
.user-bar .search input[type="submit"] { background: url("/img/lupa.png") no-repeat; height: 20px; border: none; margin: 0; vertical-align: bottom; width: 25px; }
.user-bar .search input[type="text"], .user-bar .search input[type="email"], 
.user-bar .search input[type="number"], .user-bar .search input[type="text"], .user-bar .search input[type="url"] { 
		border: medium none; height: 18px; margin: 0; padding-left: 10px; width: 200px;
}
.user-bar .user-account-nav { float: right; margin-right: 20px; width: 400px; text-align: center; margin-top: -8px; }
.user-bar .user-account-nav a { padding: 7px; font-weight: bold; display: block; float: left; color: white;  }
.user-bar .user-account-nav .separator { padding: 7px 0 7px 7px; font-weight: bold; display: block; float: left; color: white;  }
.user-bar .user-account-nav .active { background: #ccc; color: black; border: none; }
.user-bar .user-account-nav .last { border: none; }
.user-bar .carrito { float: left; width: 310px; }
.user-bar .carrito a { color: white; }
.user-bar .carrito img { margin-top: -12px; margin-right: 10px; float: left; }
.user-bar .green { color: green; }

.login-bar * { margin: 0; }
.login-bar { display: none; background: #ccc; margin: 0; padding: 10px 0; }
.login-bar form { width: 700px; margin: 0 auto; }
.login-bar div { float: left; width: 180px; }
.login-bar button { float: left; }
.login-bar span { float: left; padding-top: 10px; margin-left: 10px; } 
.login-bar label, .login-bar input { display: block; }
.login-bar label { font-weight: bold; }
.login-bar input, .login-bar button { margin-right: 10px; }
.login-bar a { text-decoration: underline; color: #666; }


/*
 * GNC Footer - contains logo, navigation language select & user bar
 */
#footer1 { background-color: #777; padding-top: 0; }
#footer1 {
	background : -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#7d7d7d));  
	background : -moz-linear-gradient(center top , #5e5e5e, #7d7d7d) ;	
}
#footer1 .wrapper section { float: left; margin: 10px 15px 0 0; height: 60px; font-size: 12px; }
#footer1 .atencion-cliente { background: url('/img/atencion_cliente.png') no-repeat; padding: 8px; min-width: 215px; margin-top: 0 !important; }
#footer1 .atencion-cliente span, #footer1 .atencion-cliente strong { display: block; margin: 0 0 2px 0 !important; padding: 0 !important; }
#footer1 .tienda-dist { background: url('/img/caja_home.png') no-repeat; padding-left: 90px; padding-top: 10px;  min-width: 130px; }
#footer1 .sobre-gnc { background: url('/img/logo_foot.png') no-repeat; padding-left: 95px; padding-top: 10px;  min-width: 185px; }
#footer1 .gold-card { background: url('/img/goldcard_home.png') no-repeat; padding-left: 75px; padding-top: 10px; margin-right: 0 !important; min-width: 125px; }
#footer1 .salud { background: url('/img/manzana_home.png') no-repeat; padding-left: 55px; padding-top: 10px; margin-right: 0 !important; min-width: 125px; }
#footer1 .salud a { width: 200px; }
#footer1 a { color: white; text-transform: uppercase; margin-bottom: 10px; display: block; }
#footer1 a img { margin-left: 5px; }

#footer2 { background-color: #3b3b3b; color: #dadada; }
#footer2 {
	background : -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#3f3f3f));  
	background : -moz-linear-gradient(center top , #1d1d1d, #3f3f3f) ;	
}
#footer2 .wrapper section { float: left; margin-top: 5px 0; margin-right: 0px;  }
#footer2 .wrapper section h1, #footer2 .wrapper section h1 a { font-size: 15px; color: white; }
#footer2 .col_izq { width: 25% !important; margin-top:10px;}
#footer2 .atencion-cliente { background: url('/img/atencion_cliente.png') no-repeat; padding: 8px; min-width: 215px; margin-top: 10px !important; }
#footer2 .atencion-cliente a{text-decoration:none;}
#footer2 .atencion-cliente span, #footer2 .atencion-cliente strong { display: block; color: #000; margin: 0 0 2px 0 !important; padding: 0 !important; }
#footer2 .siguenos { width: 100% !important; /*margin-top: 15px !important;*/ }
#footer2 .siguenos h1, #footer2 .info h1 { margin: 10px 0 5px; }
#footer2 .siguenos img { height: 30px; }
#footer2 .siguenos a { margin-right: 5px;}
#footer2 .info { /*padding-left: 15px; width: 25% !important;  margin-top:15px; */}
#footer2 .info a { display: block; margin: 8px 0;}

#footer2 .blog {margin: 15px 0 0 40px !important; width: 200px; height:270px; overflow:hidden;}
#footer2 .noticias {   }
#footer2 .vivir-mejor { }


#footer2 .info nav{width:240px; /*float:left;*/margin-left:2px;}
#footer2 .info nav div {
    margin-right: 20px;
}
#footer2 .info nav div:last-child {
    margin-right: 0;
}

#footer2 a { color: #dadada;}
#acambur {margin-top:5px; float:right; width:65px;}
#footer2 header { margin-bottom: 10px; font-weight: bold; }
#footer2 section article { padding: 10px 0 5px; border-bottom: 1px dashed white ; }
#footer2 section article, #footer2 section article h1, #footer2 section article h1 a { margin: 0px !important; font-size: 13px !important; color: #dadada !important; }
#footer2 .blog-big {margin: 0 0 0 60px !important; width: 280px; height:250px; overflow:hidden}

#footer2 .blog-big article{height:25px;}

/*
 * GNC center content container
 */
/* #content { background: #fff; padding: 20px 20px 50px; min-height: 650px; } */
#content { background: #fff; padding: 20px; min-height: 650px; }
#content.masa { min-height: 600px; }
#content {
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25) ; 
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25) ; 
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25) ;
}

#content2 { background: #fff; padding: 20px 20px 50px; min-height: 650px; }
#content2 {
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25) ; 
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25) ; 
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25) ;
}

.nopadding {
    padding: 0 !important;
    padding-top: 20px !important;
}
#content.solo_ofertas {
    padding: 0 !important;
    min-height: 550px !important;
}



/*-------------------------------------------------------------------------------
 HOME Page
-------------------------------------------------------------------------------*/
#home-top { width: 100%; /* border-bottom: 1px solid #d6d6d6; */padding: 0 20px; }
.home-top-left-col { float: left; }
.home-top-right-col { float: left; }
.home-top-right-col article { width: 149px; height: 80px; padding-top: 15px; padding-left: 95px; border-bottom: 1px solid #d6d6d6; vertical-align: center; margin-top: 5px;}
.home-top-right-col article h1 { margin: 0; }
.home-top-right-col article h1 a { color: #666; font-size: 14px; }
.home-top-right-col .mapas { background: url(/img/spain_map.jpg) 10px center no-repeat; }
.home-top-right-col .gold-card { background: url(/img/goldcard_home.png) 10px center no-repeat; }
.home-top-right-col .nuestros-blogs { background: url(/img/bloginicio.png) 10px center no-repeat; }
.home-top-right-col .distribudores { background: url(/img/caja_home.png) 10px center no-repeat; border-bottom: none; }

.home-top-right-col .mapas h1 a { float:left; margin-top:25px; }
.home-top-right-col .nuestros-blogs h1 a { float:left; margin-top:15px; }
.home-top-right-col .distribudores h1 a { float:left; margin-top:15px; }
#home-products { background: url('/img/fnd_tabs_home.png') repeat-x; }
/*
#home-products > header { border-bottom: 1px solid #d6d6d6 ; padding: 20px 0; font-weight: bold; }
#home-products > header nav { margin: 0 auto; width: 450px; position: relative; }
#home-products > header nav > div { float: left; }
#home-products > header nav a { margin: 0 15px; color: #666; cursor: pointer;}
#home-products > header nav a.active:before { border-style: solid; left: 47%; bottom: -27px; content: ""; display: block; position: absolute; border-width: 10px 10px 10px; border-color: #a6a6a6 transparent transparent transparent; }
#home-products > header nav a.active {
	background: #a6a6a6;
	padding: 8px;
	color: white;
	box-shadow: inset 1px 1px 2px #333333;
	-webkit-box-shadow: inset 1px 1px 2px #333333;
	-moz-box-shadow: inset 1px 1px 2px #333333;
	border-radius : 5px 5px 5px 5px ;  
	-moz-border-radius : 5px 5px 5px 5px ;  
	-webkit-border-radius : 5px 5px 5px 5px ;
	list-style-type: none;	
}
*/
#home-products > header {  padding: 0; font-weight: bold;  font-size: 14px;}
#home-products > header nav { margin: 0 auto; width: 100%; position: relative; }
#home-products > header nav > div.relative { float: left; width: 30%; border-left: 1px solid #888; padding: 10px 0 0; text-align: center; height: 40px }
#home-products > header nav > div.relative:first-child { border: none; width: 35% }
#home-products > header nav > div#divrecomendados{ width: 34%; }
#home-products > header nav a {
    color: #666; 
    cursor: pointer;
}
#home-products > header nav div#divinofertas {
    margin-left: 10px;
    width: 280px;
    height: 100%;
    padding-top: 10px;
}
#home-products > header nav div#divinofertas:hover, #home-products > header nav div#divinofertas.active {
    background: #fff;
    border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
            -webkit-border-radius: 10px 10px 0px 0px;
}
#home-products > header nav a#ofertas {
    padding: 5px 0 25px;
    /* padding: 20px 89px 25px; */
    background: url('/img/ofertas_tab_gris.png') no-repeat 0px 0px;    
}
#home-products > header nav a#ofertas:hover, #home-products > header nav a#ofertas.active {
    background: url('/img/ofertas_tab.png') no-repeat 0px 0px #fff;
}

#home-products > header nav div#divinnovedades {
    margin-left: 10px;
    width: 330px;
    height: 100%;
    padding-top: 10px;
}
#home-products > header nav div#divinnovedades:hover, #home-products > header nav div#divinnovedades.active {
    background: #fff;
    border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
            -webkit-border-radius: 10px 10px 0px 0px;
}
#home-products > header nav a#novedades {
    padding: 5px 0 25px;
    background: url('/img/novedades_tab_gris.png') no-repeat 0px 0px;    
}
#home-products > header nav a#novedades:hover, #home-products > header nav a#novedades.active {
    background: url('/img/novedades_tab.png') no-repeat 0px 0px #fff;  
}


#home-products > header nav div#divinrecomendados {
    margin-left: 10px;
    width: 328px;
    height: 100%;
    padding-top: 10px;
}
#home-products > header nav div#divinrecomendados:hover, #home-products > header nav div#divinrecomendados.active {
    background: #fff;
    border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
            -webkit-border-radius: 10px 10px 0px 0px;
}
#home-products > header nav a#recomendados {
    padding: 5px 0 25px;
    background: url('/img/recomendados_tab_gris.png') no-repeat 0px 0px;    
}
#home-products > header nav a#recomendados:hover, #home-products > header nav a#recomendados.active {
    background: url('/img/recomendados_tab.png') no-repeat 0px 0px #fff;  
}
#home-products > header nav a span { margin-left: 35px; }

.ie7 #home-products > header nav a { display: block; height: 15px; padding: 8px; }
#home-products article { 
    float: left; 
    padding: 5px 9px; 
    text-align: center; 
    height: 200px; 
    width: 190px; 
    font-size: 12px; 
    border-bottom: 2px dotted #d6d6d6;
    background-color: #fff;
}
#home-products article.product_link header { margin: 0; color: #797979; }
#home-products article.product_link header h1 { margin: 2px 0; line-height: 1; }
#home-products article.product_link header p { margin: 2px 0; }
#home-products article.product_link header h1 a { color: black; font-size: 13px; font-weight: normal; }
#home-products article.product_link .price { font-weight: bold; color: red; margin: 0; font-size: 15pt; }

#home-products article.product_link div.product_div:hover {
    border: 1px solid #d6d6d6;
    box-shadow: inset 0 0 5px #d6d6d6;
    -moz-box-shadow: inset 0 0 5px #d6d6d6;
    -webkit-box-shadow: inset 0 0 5px #d6d6d6;
    padding: 0px 10px 20px;
    position: relative;
    background: #fff;
    z-index: 5;
}
#home-products article.product_link div.product_div {
    float: none !important;
    width: auto !important;
    padding: 1px 10px 20px;
    overflow: hidden;
}

#home-products article.product_link div.product_div p.valoracion {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 80px;
}
#home-products article.product_link p.tabletas {
    font-size: 12px;
    margin: 10px 0 10px 0;
    color: #888;
}

div.imagen_producto {
    width: 100px !important;
    float: none !important;
    margin: 0 auto;
}

/*-------------------------------------------------------------------------------
 Poduct Section Page
-------------------------------------------------------------------------------*/
.breadcrumb-bar { border-bottom: 2px dotted #c4c4c4; padding: 4px 0; margin-bottom: 10px;  }
.order-selector { float: right; margin-top: -4px; }
.order-selector select { margin-top: -4px;  margin-left: 5px; }
.breadcrumb { font-size: 12px; float: left; }
.breadcrumb a { text-decoration: underline; }
.product-listing-sidebar { float: left; width: 215px; margin-right: 20px; padding-left: 5px; }
.product-listing-sidebar {
	background: -moz-linear-gradient(top, #fff, #f2f2f2, #f2f2f2, #fff); 
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.25, #f2f2f2), color-stop(0.5, #f2f2f2), to(#fff)); 
}
.product-listing-sidebar h1 { margin: 10px 0; color: #81acb3 ; text-transform: uppercase; font-size: 20px; }
.product-listing-sidebar .verde { color: #648f3f; }
.product-listing-sidebar .rojo { color: #d72e35; }
.product-listing-sidebar .azul { color: #5780ae; }
.product-listing-sidebar .marron { color: #563e22; }
.product-listing-sidebar .cyan { color: #82adb4; }
.product-listing-sidebar .amarillo { color: #fbaf3f; }
.product-listing-sidebar .sidebar-nav { padding: 5px; width: 205px; margin-bottom: 60px; background: transparent; }
.product-listing-sidebar .sidebar-nav div { position: relative; }
.product-listing-sidebar .sidebar-nav a { display: block; padding: 8px; border-bottom: 1px solid #ccc; color: #444; padding-left: 10px; }
.product-listing-sidebar .sidebar-nav .active { background-color: #dcdcdc; border-left: 1px solid #ccc ; font-weight: bold;  }
.ie7 .product-listing-sidebar .sidebar-nav .active { border-right: 1px solid #ccc ;  }
.product-listing-sidebar .sidebar-nav .active:before {
	border-style: solid; left: 100%; top: 0px; content: ""; display: block; position: absolute; border-width: 16px; border-color: transparent transparent transparent #ccc;
}
.product-listing-sidebar .sidebar-nav .active:after {
	border-style: solid; left: 100%; top: 0px; content: ""; display: block; position: absolute; border-width: 15px; border-color: transparent transparent transparent #dcdcdc;
}
.product-listing { float: left; width: 720px; }
.product { padding: 15px; width: 210px ; height: 230px ; text-align: center; float: left; border-bottom: 2px dotted #ccc; }
.product-listing article.product h1 a {
    font-size: 12pt;
    font-weight: normal;
}
.product-listing article.product div.product_div {
    float: none !important;
    width: auto !important;
    padding: 20px 10px;
    width: 210px;
    height: 250px; 
    overflow: hidden;
}
.product-listing article.product div.product_div:hover {
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: inset 0 0 5px #d6d6d6;
    -moz-box-shadow: inset 0 0 5px #d6d6d6;
    -webkit-box-shadow: inset 0 0 5px #d6d6d6;
    padding: 19px 10px;
}
.product header > h1 { font-size: 16px; margin: 5px 0 ; }
.product header > h1 a { color: #404040; }
.product header > h2 { font-size: 12px; margin: 5px 0 ; }
.product header > h2 a { color: #515151; }
.product header > p { font-size: 14px; margin: 0 ; color: #797979 ; }
.product .price { font-size: 16px; margin: 5px 0 0 ; color: red ; font-weight: bold; }
.product-listing header p.tabletas {
    font-size: 12px;
    margin: 10px 0 10px 0;
    font-style: italic;
    font-weight: bold;
}

.product-listing article.product {
    float: left; 
    padding: 15px 9px; 
    text-align: center; 
    height: 280px; 
    width: 220px; 
    font-size: 12px; 
    border-bottom: 2px dotted #d6d6d6;
}

.product-listing .articulo_product h2 {
    color: #FFFFFF;
    font-family: Bebasneue,sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.9em;
    margin: 0;
    width: 100%;
    padding-bottom: 5px;
}
.product-listing .articulo_product div {
    color: #fff;
    /* width: 60%; */
    padding: 20px 290px 0 20px;
    min-height: 140px;
}

.product-listing .articulo_product div.product_div {
    margin-top: 50px;
}

.product-listing article div.product_div p.valoracion {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 90px;
}

.product-listing .more-info header {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.product-listing .more-info { }
.product-listing .more-info > header { border-bottom: 1px solid #d6d6d6 ; padding: 20px 0; font-weight: bold; }
.product-listing .more-info > header nav { margin: 0 auto; width: 710px; position: relative; }
.product-listing .more-info > header nav > div { float: left; }
.product-listing .more-info > header nav a { margin: 0 8px; color: #666; cursor: pointer;}
.product-listing .more-info > header nav a.active:before { border-style: solid; left: 47%; bottom: -27px; content: ""; display: block; position: absolute; border-width: 10px 10px 10px; border-color: #a6a6a6 transparent transparent transparent; }
.product-listing .more-info > header nav a.active {
	background: #a6a6a6;
	padding: 10px;
	color: white;
	box-shadow: inset 1px 1px 2px #333333;
	-webkit-box-shadow: inset 1px 1px 2px #333333;
	-moz-box-shadow: inset 1px 1px 2px #333333;
	border-radius : 5px 5px 5px 5px ;  
	-moz-border-radius : 5px 5px 5px 5px ;  
	-webkit-border-radius : 5px 5px 5px 5px ;
	list-style-type: none;	
}
.ie7 .product-listing .more-info > header nav a { display: block; height: 15px; padding: 8px; }

.product-listing .more-info .contenido div.box {
    display: none;
    padding: 10px;
}
.product-listing .more-info .contenido div.active {
    display: block;
}
.product-listing .more-info header nav div.margenl_0 {
    margin-left: 30%;  
}
.product-listing .more-info header nav div.margenr_0 {
    margin-right: 5%;
}
.product-listing .more-info header nav div.margenl_1 {
    margin-left: 15%;    
}
.product-listing .more-info header nav div.margenr_1 {
    margin-right: 5%;
}
.product-listing .more-info header nav div.margenl_2 {
    margin-left: 8%;    
}
.product-listing .more-info header nav div.margenr_2 {
    margin-right: 3%;
}

/*-------------------------------------------------------------------------------
 Poduct Item Page
-------------------------------------------------------------------------------*/
.product-listing .img { float: left; margin-right: 15px;  width: 280px; }
.product-listing .main { float: left; width: 410px; }
.product-listing .main form { font-size: 15px;  }
.product-listing .main form label { margin-right: 5px ; }
.product-listing .main .price { color: red; font-size: 20px; font-weight: bold; }
.product-listing .main .price .iva { color: #666; font-size: 14px; font-weight: normal; margin: 0 5px; }
.product-listing .main .descuento header { text-transform: uppercase; background: url(/img/goldcard_small.jpg) no-repeat; font-size: 13px; padding: 4px 0 5px 40px; font-weight: bold; border-bottom: 2px dotted #cbcbcb; width:250px; }
.product-listing .main .descuento .price { font-size: 16px; }
.product-listing .main .descuento .info a { color: #666; font-size: 13px; font-weight: normal; margin: 0 5px; }
.product-listing .main .links { margin: 10px 0; }
.product-listing .main .links a { color: #666; }
.product-listing .main .links > div { float: left; margin-right: 20px; height: 30px; margin-top: 5px; }
.product-listing .main .links .print { background: url(/img/print.png) no-repeat; padding-left: 25px; }
.product-listing .main .links .email { background: url(/img/mail.png) no-repeat; padding-left: 25px; }
.product-listing .more-info { margin: 20px 0; }
.product-listing .more-info .leftcol { float: left; width: 230px; text-align: right; padding: 20px 15px 15px;  }
.product-listing .more-info .leftcol > div { margin-bottom: 30px; position: relative; cursor: pointer; }
.product-listing .more-info .leftcol a { display: block; color: #666; text-transform: uppercase; font-weight: bold; }
.product-listing .more-info .leftcol > .active { font-size: 15px;}
.ie7 .product-listing .more-info .leftcol > .active { text-decoration: underline; font-size: 15px;}
.product-listing .more-info .leftcol > .active:after {
	border-style: solid;  right: -32px; top: -2px; content: ""; display: block; position: absolute; border-width: 8px; border-color: transparent transparent transparent #999;
}
.product-listing .more-info .rightcol { float: left; width: 400px; padding: 15px 0 15px 30px; border-left: 1px solid #999; min-height: 200px; }
.product-listing .more-info .rightcol #nutricional_box, .more-info .rightcol #empleo_box { display: none; }
.product-listing .other-products > header h1 { color: #666; font-size: 16px; border-bottom: 2px dotted #cbcbcb ; font-weight: normal; }
.product-listing .main header h2 { color: #515151; font-size: 12px; border-bottom: 2px dotted #cbcbcb ; font-weight: normal; padding-bottom:5px;}
.other-products .product { border: none ; }
.other-products article.product div.product_div {
    float: none !important;
    width: auto !important;
    padding: 20px 10px;
    width: 210px;
    height: 250px; 
    overflow: hidden;
}
.other-products article.product div.product_div:hover {
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: inset 0 0 5px #d6d6d6;
    -moz-box-shadow: inset 0 0 5px #d6d6d6;
    -webkit-box-shadow: inset 0 0 5px #d6d6d6;
    padding: 19px 10px;
}
#descripcion_box ul, #empleo_box ul {
    padding: 0;
    margin: 0 10px;
}
#descripcion_box ul li, #empleo_box ul li {
    margin-bottom: 5px;
}

.product-listing .img p.valoracion {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 90px;
    
}
/*-------------------------------------------------------------------------------
 Blog listing page
-------------------------------------------------------------------------------*/
.blog-listing { color: #747474; }
.blog-listing > header { border-bottom: 2px dotted #c4c4c4; } 
.blog-listing > header h1 { font-size: 36px; letter-spacing: -2px; margin: 0; padding-bottom: 15px; background: url(/img/redheart.jpg) no-repeat 330px 0px; width: 370px; }
.blog-listing > header h1 .red { color: #ca2523; }
.blog-listing .blog-entry { margin: 20px 0; }
.blog-listing .blog-entry time { float: left; color: #999; width: 80px; margin-right: 20px; background: url(/img/greyheart.jpg) no-repeat center top; padding-top: 35px; font-size: 20px; text-align: center; }
.blog-listing .blog-entry time span { display: block; }
.blog-listing .blog-entry time .day { font-size: 28px; } 
.blog-listing .blog-entry .entryimg { float: left; width: 300px; margin: 0 20px 10px 0; font-weight: bold; }
.blog-listing .blog-entry > header {  }
.blog-listing .blog-entry > header h1 a { font-size: 28px; margin: 0; font-weight: normal; color: #747474; }
.blog-listing .blog-entry .leer-mas a { color: #ca2523; text-decoration: underline; font-size: 14px; }
.blog-listing .blog-entry .entry-bar { background: #f2f2f2; padding: 8px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 -20px 40px; }
.blog-listing .blog-entry .entry-bar > div { float: left; margin-right: 25px; }
.blog-listing .blog-entry .entry-bar a { color: #666; text-decoration: underline; font-weight: normal; }
.blog-listing .blog-entry .entry-bar .comments { margin: 15px 0; border-top: 2px dotted #bfbfbf; }
.blog-listing .blog-entry .entry-bar .list { float: left; width: 45%; margin-right: 30px; }
.blog-listing .blog-entry .entry-bar .list article { padding: 15px; border-bottom: 2px dotted #bfbfbf; }
.blog-listing .blog-entry .entry-bar .list article img { float: left; margin: 0 5px 5px 0; }
.blog-listing .blog-entry .entry-bar .list article > header h1 { font-size: 14px; margin: 0; }
.blog-listing .blog-entry .entry-bar .list article > header h1 strong { }
.blog-listing .blog-entry .entry-bar .comment { float: left; width: 45%; padding: 15px; }
.blog-listing .blog-entry .entry-bar .comment label { display: block; font-weight: bold; font-size: 14px; margin: 5px 0px;  }
.blog-listing .blog-entry .entry-bar .comment textarea { width: 100%; height: 116px; padding: 5px; }
.blog-listing .blog-entry .entry-bar .list h1 { color: #000; }
.blog-listing .blog-entry .entry-bar .list h1 span.texto, .commentlist .comment-author h1 span.says { 
    color: #888; 
    font-weight: normal;
}
.share-links { margin: 20px 0; }



/*-------------------------------------------------------------------------------
 Search page
-------------------------------------------------------------------------------*/
.resultados-busqueda { background: url(/img/search.png) no-repeat left top; padding-left: 170px; min-height: 400px; }
.resultados-busqueda header { margin: 20px 0; }
.resultados-busqueda article { background: url(/img/flecha_roja_der.png) no-repeat left center; padding-left: 20px; margin-left: 20px; }
.resultados-busqueda article h1 a { font-weight: normal; font-size: 20px; }

/*-------------------------------------------------------------------------------
 Conocenos
-------------------------------------------------------------------------------*/
.gnc nav { border-bottom: 2px solid #999; color: #666; font-size: 16px; font-weight: bold; letter-spacing: 0; }
.gnc nav a { display: block; text-transform: uppercase; float: left; padding: 10px; position: relative; color: #747474; z-index: 10; }
.gnc nav a:hover { color: #ce3336; }
.gnc nav a:hover:after { border-style: solid; left: 47%; top: 100%; content: ""; display: block; position: absolute; border-width: 8px; border-color: #ce3336 transparent transparent transparent; } 
.gnc nav a.active { color: #ce3336; }
.gnc nav a.active:after { border-style: solid; left: 47%; top: 100%; content: ""; display: block; position: absolute; border-width: 8px; border-color: #999 transparent transparent transparent;}
.gnc .about-gnc, .gnc .about-gnc-img { float: left; width: 48%; margin-top: 20px; }
.gnc .about-gnc-img { margin: 30px 0 0 30px; }
.gnc .about-gnc-img img { margin-bottom: 20px; 	box-shadow: 0px 0px 10px #000 ; -webkit-box-shadow: 0px 0px 10px #000 ; -moz-box-shadow: 0px 0px 10px #000 ; }

#nav-below div a{
	margin-top:-7px;
	float:left;
	width:400px;
	letter-spacing:none;
	font-weight:none;
	font-size:14px;
	border-bottom:none;
}
.quotes { padding: 15px; font-size: 20px; }
.quotes:before { color: #ccc; content:open-quote; font-size: 200px; position: absolute; left: -50px; top: -20px; z-index: 1; }
.quotes:after { bottom: 0; color: #ccc; content: close-quote; font-size: 200px; position: absolute; left: 90%; top: 70%; z-index: 1; }

.conoce-equipo header h1 { 
	color: #747474;
    display: block;
    float: left;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
}

.conoce-equipo .persona {
	float: left;
	padding: 20px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.conoce-equipo .persona .img {
	border: 1px solid #ccc;
	padding: 6px;
	display: block;
}

.conoce-equipo .persona h1 {
	font-size: 13px;
}

.conoce-equipo .persona h2 {
	font-size: 11px;
	font-style: italic;
}


/*-------------------------------------------------------------------------------
 Mapa de tiendas page
-------------------------------------------------------------------------------*/
.mapa-listing > header p { background: url(/img/punto_tiendas.png) no-repeat left center; padding-left: 35px; padding-top: 12px; height: 25px; margin-bottom: 10px; }
.mapa-listing .listing { float: left; width: 40%; margin-right: 25px; }
.mapa-listing .listing form label { display: block; margin: 4px 0; font-weight: bold; }
.mapa-listing .listing form select { display: block; width: 160px; }
.mapa-listing .listing .tienda { margin: 10px 0; background: #ececec; padding: 10px; }
.mapa-listing .listing .tienda {
	background: -moz-linear-gradient(left, #fff, #e2e2e2); 
	background: -webkit-gradient(linear, left center, right center, from(#fff), to(#e2e2e2)); 	
}
.mapa-listing .listing .tienda .number { float: left; color: #cd3335; font-size: 22px; margin-right: 15px; }
.mapa-listing .listing .tienda header { float: left; }
.mapa-listing .listing .tienda header h1 { margin: 5px 0; font-size: 15px; }
.mapa-listing .listing .tienda header p { margin: 5px 0; }
.mapa-listing .listing .tienda img { float: right; }
.mapa-listing .listing .red { color: #cd3335; }
.mapa-listing .map { float: left; width: 56%; 	box-shadow: 0px 0px 5px #000 ; -webkit-box-shadow: 0px 0px 5px #000 ; -moz-box-shadow: 0px 0px 5px #000 ; }
.mapa-listing .map iframe { width: 100%; height: 550px; margin:0: padding: 0; border: none; }

/*-------------------------------------------------------------------------------
 Contacto page
-------------------------------------------------------------------------------*/
.contacto > header p { background: url(/img/sobre.jpg) no-repeat left center; padding-top: 20px; padding-left: 120px; width: 65%; height: 70px; } 
.contacto .form { float: left; background: #d5d5d5; width: 430px; padding: 25px; height: 660px; position: relative; }
.contacto .form label { display: block; text-transform: uppercase; padding: 5px; font-weight: bold; margin-top: 10px; }
.contacto .form input, .contacto .form select, .contacto .form textarea { width: 410px; padding: 4px; }
.contacto .form textarea { height: 200px; }
.contacto .info { float: left; background: #e8e8e8; width: 430px; padding: 25px; height: 660px; line-height: 150%; position: relative; }
.contacto .info:before, .contacto .form:before { border-style: solid; left: 47%; top: 0; content: ""; display: block; position: absolute; border-width: 20px; border-color: #fff transparent transparent transparent; }
.contacto .info .atencion { background: url(/img/cascos.png) no-repeat left ;  border-bottom: 2px dotted #bababa;  margin: 30px 0 0 20px; padding: 60px 0; padding-left: 150px;  }
.contacto .info .pedidos { background: url(/img/paquete.png) no-repeat left ;  margin: 30px 0 0 20px; padding: 30px 0; padding-left: 150px; }
.contacto .legal { font-size: 80%; margin: 15px 0; }
.contacto .legal p { margin-top: 0; }

/*-------------------------------------------------------------------------------
 Carrito page
-------------------------------------------------------------------------------*/
.carrito > header { margin: 0 auto; padding-top: 20px; width: 650px; height: 60px; }
.carrito > header .pasos_activo { background: url(/img/test/carrito_pasos_activo.png) no-repeat right top; height: 60px; width: 120px; font-weight: bold; padding-right: 16px; padding-top: 10px; float:left; margin: 2px; }
.carrito > header .pasos_inactivo { background: url(/img/test/carrito_pasos_inactivo.png) no-repeat right top; height: 60px; width: 120px; font-weight: bold; padding-right: 16px; padding-top: 10px; float:left; color: grey; margin: 2px;}
.carrito > header .ultimo_paso { background: none; } 
.carrito > header .numero { font-size: 40px; float:left; margin-right: 5px; }
.carrito > header .texto { width: 80px; float:left; padding-top: 2px;  }
.carrito .activo { color:red; }
.carrito .inactivo { color:#ccc; }
.carrito .shade { height: 20px; margin: 0;
	border-radius : 0px 0px 15px 15px ;  
	-moz-border-radius : 0px 0px 15px 15px  ;  
	-webkit-border-radius : 0px 0px 15px 15px  ;
	background : -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fff));  
	background : -moz-linear-gradient(center top , #f4f4f4, #fff) ;
	border-top : solid #ccc 1px;
	margin-top: -12px;
}
.carrito .total_carro { margin: 40px 0 20px 0; }
.carrito .noticemsg_carro {padding:.8em;border:2px solid #ddd; margin:5px; background:#e5e5e5;color:#333;border-color:#c0c0c0; overflow: hidden;}
.carrito .noticemsg_carro a {color:#000;}
.carrito .red { color: #cf3336; font-weight:bold; }
.carrito .contenido_carro {  }
.carrito .botones_carro {  padding: 20px 20px 0 60%; }
.carrito .carrito-goldcard { background: url(/img/test/carrito_admiracion.png) no-repeat 40px center; width: 100%; height: 60px; float:left; padding: 20px 0 20px 0; border-bottom: 2px dotted #d6d6d6;  }
.carrito .carrito-goldcard p { width: 550px;  margin: 0;  padding: 0 0 0 150px;}
.carrito .mas_info { color: red; font-style: underline; }
.carrito table { padding-left: 150px; width: 100%; text-align:center; }
.carrito table thead { margin-bottom:20px; }
.carrito table tr { border-bottom: 2px dotted #d6d6d6; }
.carrito table th { text-align: left; padding: 10px; font-weight:bold; }
.carrito table td { text-align: left; padding: 20px 10px; }
.carrito table #item_picture { padding: 4px; width: 10%; }
.carrito table #item_name { text-align:left; width: 35%; font-weight: normal; }
.carrito table #item_price { text-align:left; width: 10%; font-weight: bold; }
.carrito table #item_discount { text-align:left; width: 10%; font-weight: bold; }
.carrito table #item_x { text-align:center; width: 5%; font-weight: bold; }
.carrito table #item_cantidad { text-align:left; width: 8%; font-weight: bold; padding: 10px; }
.carrito table #item_cantidad select { border: 1px solid #d6d6d6; padding: 5px 1px 5px 5px; }
.carrito table #item_total { text-align:left; width: 10%; font-weight: bold; }
.carrito table #item_actions { text-align:center; width: 7%; font-weight: bold; padding: 20px 0; }
.carrito .gastos_envio { font-size: 12px; border-right: 1px solid #CCCCCC; float: left; margin: 0px 30px; padding: 0 20px 0 20px; position: relative; width: 62%; }
.carrito .gastos_envio h1 { font-size: 14px; padding: 0; margin: 10px 0 0 0; }
.carrito .gastos_envio:after { border-style: solid; left: 100%; top: 50%; content: ""; display: block; position: absolute; border-width: 3px; border-color: transparent transparent transparent #999;}
.carrito .totales { font-size: 12px; height: 125px; width: 25%; float: left; margin-top: 10px; }
.carrito .totales table { padding: 0px; width: auto; text-align:center; }
.carrito .totales table thead { margin-bottom:20px; }
.carrito .totales table tr { border-bottom: none;}
.carrito .totales table th { padding: 5px 30px 5px 0 ; font-weight:bold; color:#666; text-align: right; }
.carrito .totales table td { padding: 5px 0px 5px 0 ; text-align: right; }
.carrito .totales table tr#total_compra { border-top: solid 1px #666; }
.carrito button#eliminar { background: url("/img/test/carrito_delete.png") no-repeat; height: 21px;  width: 21px; border: none; margin: 0; vertical-align: bottom; }
.carrito button#actualizar { float:right; background: url("/img/flecha_roja_der.png") no-repeat; height: 16px; width: 10px; border: none; margin: 0; margin-left:2px; vertical-align: top; }

/*-------------------------------------------------------------------------------
 Nutricionista page
-------------------------------------------------------------------------------*/
.nutricion .form:before { border-style: solid; top: 47%; left: 0; content: ""; display: block; position: absolute; border-width: 20px; border-color: transparent transparent transparent #fff; }
.nutricion .form { float: left; background: #d5d5d5; width: 430px; padding: 25px; height: auto; position: relative; }
.nutricion .form label { display: block; text-transform: uppercase; padding: 5px; font-weight: bold; margin-top: 10px; }
.nutricion .form input, .nutricion .form select, .nutricion .form textarea { width: 410px; padding: 4px; }
.nutricion .form textarea { height: 200px; }
.nutricion .article > header h1 {margin-left:20px; font-size: 26px; text-transform: uppercase; }
.nutricion .article { float: left; width: 430px; padding-right: 25px; height: 620px; line-height: 150%; position: relative; }
.nutricion .article .texto { margin-left: 20px; padding: 15px 0; }
.nutricion .article .imagen { background: url(/img/nutricion/apple.jpg) no-repeat left ;  margin: 0 0 0 20px; padding: 30px 0; padding-left: 150px; width:430px; height:400px; }
.nutricion .legal { font-size: 80%; margin: 15px 0; }
.nutricion .legal p { margin-top: 0; }


/*-------------------------------------------------------------------------------
 Empleo page
-------------------------------------------------------------------------------*/
.empleocontent { padding-bottom: 0 !important; }
.empleo-listing { background: url(/img/empleo/empleo.jpg) no-repeat bottom right; padding-bottom: 200px; }
.empleo-listing .empleos { float: left; width: 450px; margin-right: 30px; margin-top: 10px; }
.empleo-listing .empleos > header { padding: 10px; float: right; }
.empleo-listing .empleos > header h1 { font-size: 16px; margin: 30px 0 0; border-bottom: 1px solid #b7b7b7; padding-left: 30px; }
.empleo-listing .empleos > header h6 { font-size: 12px; font-weight: normal; text-decoration: underline; display: inline; }
.empleo-listing .empleos .job { background: url(/img/maletin.jpg) no-repeat; margin: 20px 0; padding-bottom: 10px; padding-left: 30px; border-bottom: 2px dotted #c4c4c4; }
.empleo-listing .empleos .job2 { margin: 20px 0; padding-bottom: 10px; padding-left: 30px; border-bottom: 2px dotted #c4c4c4; }
.empleo-listing .empleos .job header h1 { color: #595959; margin: 0; font-weight: normal; font-size: 16px; }
.empleo-listing .empleos .job h1 { font-size: 16px; }
.empleo-listing .empleos .job p { margin: 4px 0; }
.empleo-listing .empleos .job .info a { display: block; margin-top: 10px; text-decoration: underline; color: #707070; }
.empleo-listing .empleos .job2 header h1 { color: #595959; margin: 0; font-weight: normal; font-size: 16px; }
.empleo-listing .empleos .job2 h1 a { font-size: 16px; }
.empleo-listing .empleos .job2 p { margin: 4px 0; }
.empleo-listing .empleos .job2 .info a { display: block; margin-top: 10px; text-decoration: underline; color: #707070; }
.empleo-listing .empleos .red { color: #cf3336; }
.empleo-listing .form { float: left; width: 430px; background: #d5d5d5;  padding: 25px; margin-top: 20px; position: relative;}
.empleo-listing .form:before { border-style: solid; left: 0; top: 20px; content: ""; display: block; position: absolute; border-width: 15px; border-color: transparent transparent transparent #fff ; }
.empleo-listing .form label { display: block; text-transform: uppercase; padding: 5px; font-weight: bold; margin-top: 10px; }
.empleo-listing .form input, .empleo-listing .form select { width: 410px; padding: 4px; }
.empleo-listing .legal { font-size: 80%; margin: 15px 0; }
.empleo-listing .legal p { margin-top: 0; }
.empleo-listing .empleos .job ul { margin: 0; padding: 0; list-style: none; }
.empleo-listing .empleos .job li { background: url(/img/cuadrito_rojo.png) no-repeat center left; padding: 5px; padding-left: 20px; margin: 20px 0; }
.empleo-listing  .red { color: #cf3336; }

/*-------------------------------------------------------------------------------
 Masa Corporal page
-------------------------------------------------------------------------------*/
.masacorporal { background: url(/img/test/masacorporal.png) no-repeat bottom; /* height: 660px; margin-bottom: -82px;*/  }
.masacorporal > header h1 { font-size: 26px; margin: 5px 0; text-transform: uppercase; text-align:center;}
.masacorporal .caja_gris { margin:0 25%; padding:20px; background-color: rgba( 232, 232, 232, 0.9);}
.masacorporal .caja_gris ul { list-style: none; margin-left:-40px; }
.masacorporal .caja_gris li { padding:5px; }
.masacorporal .red { color: #cf3336; }
.masacorporal .form { padding-bottom: 10px; border-bottom: 2px dotted #c4c4c4; }
.masacorporal .form .field { padding: 2px 10px; }
.masacorporal .form .field label { float: left; margin-right: 15px; padding: 2px; text-align: right; width: 130px; text-transform: uppercase; font-weight: bold; }
.masacorporal .form .field select { width: 100px; background: #999; color: #fff; border:none; }
.masacorporal .form .field input { width: 100px; background: #999; color: #fff; border:none; }
.masacorporal .form h1 { font-size: 12px; font-style: bold; }
.masacorporal #calcular_mc { margin-left: 169px; margin-top: -7px;}
.masacorporal .resultado { padding:15px; padding-left: 79px; }
.masacorporal .resultado h1 { font-size: 12px; font-style: bold; text-transform: uppercase; display:inline; vertical-align:.2em; }
.masacorporal #resultadoIMC { font-size: 22px; font-style: bold; margin: 0 3px; color:black; }
.masacorporal #resultadoIMCtexto { background: url(/img/test/flechaIMC.gif) no-repeat left; padding-left:15px; margin-left:4px; vertical-align:.2em; color: #cf3336; font-style: bold; }
.product-listing.productos_recomendados { float: none; overflow: hidden; width: 100%; }

/*-------------------------------------------------------------------------------
 Gold card page
-------------------------------------------------------------------------------*/
.goldcard > header { background: url(/img/goldcardbig.png) no-repeat right top; padding-bottom: 30px;  margin: 30px 0; border-bottom: 2px dotted #c4c4c4; }
.goldcard > header h1 { font-size: 30px; font-weight: normal; width: 480px; line-height: 130%; margin: 0; text-transform: uppercase; }
.goldcard .info { float: left; width: 570px; }
.goldcard .highlight { float: right; padding: 30px; width: 280px ; background: url(/img/asterisco.png) no-repeat 20px 20px #e8e8e8; padding-top: 65px; }
.goldcard .red { color: #cf3336; }
.goldcard .info h1 { font-size: 16px; margin: 5px 0; }

/*-------------------------------------------------------------------------------
 Condiciones de uso page
-------------------------------------------------------------------------------*/
.condiciones_de_uso > header { padding-bottom: 30px;  margin: 30px 0; border-bottom: 2px dotted #c4c4c4; }
.condiciones_de_uso > header h1 { font-size: 30px; font-weight: normal; width: 480px; line-height: 130%; margin: 0; text-transform: uppercase; }
.condiciones_de_uso .info { float: left; width: 100%; }
.condiciones_de_uso .info h1 { font-size: 16px; margin: 5px 0; }

/*-------------------------------------------------------------------------------
 Franquicias page
-------------------------------------------------------------------------------*/
.franquicias > header { background: url(/img/franquicias.jpg) no-repeat 20px top; padding-left: 270px; padding-right: 60px; min-height: 250px; border-bottom: 2px dotted #c4c4c4; }
.franquicias > header h1 { font-size: 26px; color: #cf3336; margin: 5px 0; text-transform: uppercase; }
.franquicias > header p { font-size: 22px; margin: 0; }
.franquicias > header .red-button { display: block; margin-top: 20px; width: 190px; }
.franquicias .info { float: left; width: 570px; padding:20px; }
.franquicias .info h1, .franquicias .info h2 { font-size: 16px; margin-bottom: 0; margin-top: 20px; text-transform: uppercase; }
.franquicias .info p { margin-top: 4px; }
.franquicias .highlight { float: right; padding: 25px; width: 280px ; background: #e8e8e8; margin-top: 20px; }
.franquicias .highlight h2 { border-bottom: 1px solid #fff; margin-top: 0; font-weight: normal; text-transform: uppercase; font-size: 18px; color: #797979; }
.franquicias .highlight ul { margin: 0; padding: 0; list-style: none; }
.franquicias .highlight li { background: url(/img/flecha_roja_der.png) no-repeat center left; padding: 5px; padding-left: 20px; margin: 20px 0; }

/*-------------------------------------------------------------------------------
 Distribucion page
-------------------------------------------------------------------------------*/
.distribucion .leftcol { float: left; width: 225px; padding: 0 20px; margin-right: 30px; background: url(/img/cajagrande.jpg) no-repeat top center ; padding-top: 215px; }
.distribucion .leftcol .tel { font-size: 18px; color: #cf3336; margin: 0; font-weight: bold; }
.distribucion .leftcol a { display: block; margin-top: 10px; }
.distribucion .rightcol { float: left; width: 590px; }
.distribucion .rightcol > header h1 { font-size: 22px; font-weight: normal; }
.distribucion .rightcol > header p { font-size: 16px; color: #cf3336; }
.distribucion .rightcol object { margin-top: 15px ; }


/*-------------------------------------------------------------------------------
 Mi cuenta
-------------------------------------------------------------------------------*/
.mi-cuenta nav { border-bottom: 1px solid #ccc; padding-left: 100px; }
.mi-cuenta nav a { display: block; text-transform: uppercase; float: left; padding: 10px 20px; position: relative; border: 1px solid #fff; border-bottom: none; border-right: 1px solid #ccc; font-weight: bold; color: #666;  margin-right: 4px; }
.mi-cuenta nav .last { border-right: none; }
.mi-cuenta nav a.active, .mi-cuenta nav a:hover { border: 1px solid #ccc; border-bottom: 1px solid #fff; background: #ededed; margin-bottom: -3px; }
.mi-cuenta nav a.active, .mi-cuenta nav a:hover {
	background : -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#fff));  
	background : -moz-linear-gradient(center top , #e2e2e2, #fff) ;	
}
.mi-cuenta .shade { height: 20px; margin: 0 20px;
	border-radius : 0px 0px 15px 15px ;  
	-moz-border-radius : 0px 0px 15px 15px  ;  
	-webkit-border-radius : 0px 0px 15px 15px  ;
	background : -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fff));  
	background : -moz-linear-gradient(center top , #f4f4f4, #fff) ;
}
.mi-cuenta.datos {
    overflow: hidden;
}
.mi-cuenta.datos .othersregister {
    text-align: center;
}
.mi-cuenta.datos .othersregister h2 {
    text-align: left;
}
.mi-cuenta.datos .othersregister p {
    margin: 3%;
}
.mi-cuenta.datos .othersregister a {
    float: none;
    margin: 15px;
}
.mi-cuenta.datos .othersregister a.googlelogin {
    margin-left: 30px;
}
.mi-cuenta.datos .othersregister a.facebooklogin {
    margin-left: 20px;
}
.mi-cuenta.datos .othersregister a.twitterlogin {
    margin-left: 35px;
}
.mi-cuenta .form a.lopd {
    margin-left: 5px;
}
.mi-cuenta .form a.lopd:hover {
    text-decoration: underline;
}
.mi-cuenta .form { width: 400px; margin: 0 40px; float: left;}
.mi-cuenta .form fieldset { padding: 0; margin: 10px 0; }
.mi-cuenta .form fieldset legend { display: block; width: 360px; margin: 10px; border-bottom: 1px solid #ccc; font-weight: bold; }
.mi-cuenta .form label { display: block; text-transform: uppercase; font-weight: bold; margin-bottom: 4px; }
.mi-cuenta .form label.minus { display: inline; text-transform: none; font-weight: normal; margin-bottom: 0px; }
.mi-cuenta .form input[type=text], .mi-cuenta .form input[type=email], .mi-cuenta .form input[type=url], .mi-cuenta .form input[type=number], .mi-cuenta .form input[type=password],
.mi-cuenta .form select { 
	display: block; width: 350px ; background: #e5e5e5; border: none; padding: 5px; margin-bottom: 10px;
}
.contrasena ul { list-style: none; margin-bottom: 20px; }
.contrasena ul li { background: url(/img/flecha_roja_der.png) no-repeat center left; padding: 5px; padding-left: 20px; }
.migoldcard > header { background: url(/img/goldcard.jpg) no-repeat right top; padding: 20px; min-height: 100px; }
.migoldcard > header h1 { color: #cf3336; font-size: 22px; margin: 0; font-weight: nomral;}
.migoldcard > header p { margin: 0; font-size: 16px; }
.migoldcard .comprar { display: block; width: 100px; }
.pedidos .row {  border-bottom: 2px dotted #ccc; }
.pedidos .cell { float: left; padding: 10px; }
.pedidos .lista_productos { display: none; }
.pedidos .expandcell { padding-top: 15px !important; }
.pedidos .IDcell { cursor: pointer; width: 300px; }
.pedidos .headercell { text-transform: uppercase; font-weight: bold; color: #898989; }
.pedidos .bodycell { padding-top: 20px; }
.pedidos .imgcell { width: 70px; }
.pedidos .imgcell img { height: 60px; }
.pedidos .desccell { width: 200px; }
.pedidos .desccell .name { font-weight: bold; }
.pedidos .desccell .extra { font-weight: normal; }
.pedidos .cantidadcell { width: 70px; text-align: center; }
.pedidos .preciocell { width: 100px; text-align: center; }
.pedidos .fechacell { width: 300px; }
.pedidos .pagocell { width: 140px; }
.pedidos .estadocell { width: 120px; padding-left: 30px; }
.pedidos .confirmando, .pedidos .checked-out, .pedidos .pendiente { background: url(/img/confirmando_pago.jpg) no-repeat left center; color: #c86800; }
.pedidos .pagado { background: url(/img/ordenrecibida.jpg) no-repeat left center; color: #c86800; }
.pedidos .enviado { background: url(/img/pedidoenviado.jpg) no-repeat left center; color: #3267d0; }
.pedidos .recibido, .pedidos .finalizado { background: url(/img/pedidorecibido.jpg) no-repeat left center; color: #2c9700; }
.caja_listado { margin-left: 100px; margin-right: 100px; }

/*-------------------------------------------------------------------------------
 Print styles!
-------------------------------------------------------------------------------*/
@media print {


}


/*-------------------------------------------------------------------------------
 Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}


/*-------------------------------------------------------------------------------
 HOMEPAGE PLUGIN: jQuery Tools scrollable
-------------------------------------------------------------------------------*/

#home-products .scrollable {
	position: relative;
	overflow: hidden;
	width: 920px;
	/* height: 510px; */
        height: 450px;
	/* margin: 0 10px; */
        background: #fff;
}

#home-products .scrollable .items {
	width: 20000em;
	clear: both;
        position: absolute;
        margin-left: 30px;
}

#home-products .scrollable .items div {
	float: left;
	width: 920px;
}


#home-products .scrollable .active {
	border: 2px solid #000;
	position: relative;
	cursor: default;
}


#home-products .scrollable {
	float: left;	
}

#home-products a.browse {
	/* background: url(/img/hori_large.png) no-repeat; */  
        /*
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin: 195px 5px 0 5px ;
	cursor: pointer;
	font-size: 1px;
        */
}
#home-products a.browse {
    display: block;
    width: 30px;
    height: 430px;
    float: left;
    cursor: pointer;
    font-size: 1px;
}
/*
#home-products a.right 			{ background-position: 0 -30px; clear: right; margin-right: 0px;}
#home-products a.right: hover 		{ background-position: -30px -30px; }
#home-products a.right: active 	{ background-position: -60px -30px; } 

#home-products a.left				{ margin-left: 0px; } 
#home-products a.left: hover  		{ background-position: -30px 0; }
#home-products a.left: active  	{ background-position: -60px 0; }
*/
#home-products a.right { background: url(/img/flecha_home_der.png) no-repeat center center #fff; }
#home-products a.left { background: url(/img/flecha_home_izq.png) no-repeat center center #fff; margin-left: 10px;}


/*-------------------------------------------------------------------------------
 HOMEPAGE PLUGIN: nivoSlider
-------------------------------------------------------------------------------*/
#slider {  border-right: 1px solid #d6d6d6; }
.nivoSlider {
	position: relative;
	background: #202834 url(/img/nivoslider/loading.gif) no-repeat 50% 50%;
	width: 715px;
	/* height: 310px; */
        height: 308px;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 715px;
	height: 310px;		
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}
/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	opacity: 0.8; /* Overridden by captionOpacity setting */
	width: 100%;
	z-index: 8;
}
.nivo-caption p {
	padding: 5px;
	margin: 0;
}
.nivo-caption a {
	display: inline !important;
}
.nivo-html-caption {
    display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	/* background: url("/img/nivoslider/arrows.png") no-repeat scroll 0 0 transparent; */
    border: 0 none;
    display: block;
    height: 65px;
    text-indent: -9999px;
    width: 65px;
    position: absolute;
    top: 47%;
	z-index: 99;
}
a.nivo-nextNav {
    /* background-position: -58px 0; */
    background: url("/img/nivoslider/bannerright.png") no-repeat scroll 0 0 transparent;
    right: 10px;
}
a.nivo-prevNav {
    left: 10px;
    background: url("/img/nivoslider/bannerleft.png") no-repeat scroll 0 0 transparent;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position: absolute;
	left: 45%;
	top: 10px;
	z-index: 90;
        /*
	background: #fff;
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow: 0px 0px 10px #333;
	box-shadow: 0px 0px 10px #333;
	border-radius : 5px 5px 5px 5px ;  
	-moz-border-radius : 5px 5px 5px 5px ;  
	-webkit-border-radius : 5px 5px 5px 5px ;
        */
	padding: 2px 5px;
}
.nivo-controlNav a {
        background: url(/img/nivoslider/sliderpunto.png) no-repeat;
	display: block;
	width: 14px;
	height: 14px;
	/* background: url(/img/nivoslider/bullets.png) no-repeat #fff;*/
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
	z-index: 90;
	cursor: pointer;
}
.nivo-controlNav a.active {
	/* background-position: -14px 0; */
        background: url(/img/nivoslider/sliderpuntorojo.png) no-repeat;
}


/*-------------------------------------------------------------------------------
 FORM PLUGIN: validator - jqueryTools
-------------------------------------------------------------------------------*/

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#D72E35;
	border:1px solid red;
	font-size:11px;
	padding:3px 10px;
	margin-left:-2px;

	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

.error p { margin: 2px 0 0; font-weight: bold; color: white;}


/*-------------------------------------------------------------------------------
 MENSAJES A USUARIO
-------------------------------------------------------------------------------*/
.errormsg, .noticemsg, .successmsg {padding:.8em;border:2px solid #ddd; margin:5px; }
.errormsg {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.noticemsg {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.successmsg {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.errormsg a {color:#8a1f11;}
.noticemsg a {color:#514721;}
.successmsg a {color:#264409;}

/*-------------------------------------------------------------------------------
 PASOS PROCESO DE COMPRA
-------------------------------------------------------------------------------*/
.steps {
    width:100%; 
    height:60px; 
    margin:0 auto 0 auto; 
    margin-bottom:5px;
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;    
}
.steps .step { 
    height:75px; 
    padding: 15px 15px 0 0;
    float:left;
    border-right: 1px solid #d6d6d6;
}
.steps .step.cursor {
    cursor: pointer;
}
.steps .step span {
    font-size:40px; 
    color:#ccc; 
    float:left; 
    width:20px;
}
.steps .step span#active {
    color:#c82831;
}
.steps .step p.active {
    color: #666;
}
.steps .step p {
    margin: 4px 0 0 10px; 
    font-size:12px; 
    color:#d6d6d6; 
    float:left;
    width: 80px;
    font-weight: bold;
}
.steps .separador {
    width:23px; 
    height:45px; 
    float:left; 
    background: url(/img/flechagris.png) no-repeat center left;
    position: relative;
    left: -12px;
    top: 10px;
}
.steps .separador#active { 
    background: url(/img/flecharoja.png) no-repeat center left;
}

.steps #step1 {
    padding-left: 20%;
}
.steps #step4 {
    border: none;
}

.sinpaddingtop { padding-top: 0px !important; }

/*-------------------------------------------------------------------------------
 PASO 2
-------------------------------------------------------------------------------*/
.checkout_box_left{
    border-right:2px dotted #ccc;
    /* width:450px; */
    width: 30%;
    float:left;
    margin-right:10px;
    margin-top: 10px;
    color: #000;
    min-height: 660px;
}
.checkout_box_right{
    /* width:450px; */
    width: 68%;
    float:left;
    margin: 0;
    padding: 0;
}

.checkout_box_right .form {
    width: 100%;
    margin-left: 10px;
}

.box_item {
    width: 100%; 
    height: auto; 
    border-bottom: 2px dotted #d6d6d6;
}

.box_item_left{
    width: 100%;
    margin: 0 0 5px 0;
    padding: 5px;
    overflow: hidden;
}

h2.basket-content-title {
    border-bottom: 2px dotted #d6d6d6;
    padding: 0 0 2px 5px;
    margin: 0;
    font-size: 14px;
}
.checkout_box_right h2.basket-content-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
    width: 355px;
    font-size: 12px;
    padding: 5px 0px;
}

.basket-items-title {
    margin: 10px 5px;
    width: 50%;
}
.basket-item-options{
    margin: 10px 5px;
}

.basket-item-qty{
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 10px;
    float: right;
}

.basket-item-edit a.link_carrito, .basket-items a.link_carrito{
    text-decoration: underline;
    color: red;
    font-weight: bold;
    clear: both;
    padding: 5px;
}

.basket-item-total {
    margin:10px 0 10px 0;
    padding: 5px 15px 10px;
    border-bottom: 2px dotted #d6d6d6;
}
.basket-item-price {
    float: right;
    margin-right: 15%;
    color: red;
    font-size: 16px;
}
.envios, .envios .basket-item-price {
    font-size: 12px !important;
}

.basket-item-title {
    font-size:12px; 
    color: #404040;
    float: left;
    margin-top: 10px;
}

.checkout-content .basket-item {
	width: 210px;
	height: 230px;
	padding: 15px;
	text-align: center;
	border: none ;
	margin:0;
	float: left;

}

.basket-item-img {
    float:right;
    width: 11%;
    margin-right: 20px;
    border: 1px solid #d6d6d6;
    background: #fff;
}

.basket-total {
	border:none;
	margin:20px 0 10px 0;
	padding:.8em;
	border:1px solid #ddd; 
	background:#e5e5e5;
	color:#333;
	text-align:center;
	font-size: 13px;
}

.basket-items .box_item:hover {
    font-weight: bold;
    background: #efefef;
}


.sidebar_distribucion {
    float: left;
    width: 30%;
    padding: 0 20px;
    min-height: 500px;
    text-align: center;
}
.sidebar_distribucion p {
    text-align: left;
    line-height: 1.5em;
    padding: 0 20px 0 50px;
}
.sidebar_distribucion p span.num_tlf {
    color: red;
    font-size: 18px;
    font-weight: bold;
}
.text_distribucion {
    line-height: 1.5em;
}
.text_distribucion h3 {
    font-size: 22px;
    font-weight: normal;
    width: 80%;
    line-height: 1.3em;
    padding: 15px 0 10px ;
    margin: 0;
}
.text_distribucion a {
    color: red;
    font-size: 18px;
    font-weigh: normal;
}
.text_distribucion .contenido_distribucion {
    padding-top: 10px;
    width: 95%;
}

span.product-new-small {
    background: url("/img/nuevo.png") no-repeat scroll right bottom transparent;
    position: relative;
    top: 70px;
    left: 30px;
    z-index: 2;
    padding: 25px;
}
p.product-new-small-text {    
    color: #fff;
    font-size: 10px;
    text-transform: uppercase; 
    font-weight: bold;
    position: relative;
    top: 80px;
    left: 70%;
    z-index: 3;
    margin: 0;
    padding: 0;
    float: left;
}
p.product-agotado-small {
    color: #fff;
    font-size: 11px;
    font-weigth: bold;
    background: #FE0000;
    padding: 5px 1px;
    text-transform: uppercase;
    top: -5px;
    position: relative;
    margin: 0;
}
span.product-2x1-small {
    background: url("/img/2x1.png") no-repeat scroll right bottom transparent;
    position: relative;
    top: 85px;
    left: 30px;
    z-index: 2;
    padding: 25px;
}
span.product-3x1-small {
    background: url("/img/3x1.png") no-repeat scroll right bottom transparent;
    position: relative;
    top: 85px;
    left: 30px;
    z-index: 2;
    padding: 25px;
}

span.product-new-medium {
    background: url("/img/nuevo.png") no-repeat scroll right bottom transparent;
    left: 35px;
    padding: 25px;
    position: relative;
    top: 105px;
    z-index: 2;
    margin: 0;
}
p.product-new-medium-text {  
    color: #fff;
    font-size: 10px;
    text-transform: uppercase; 
    font-weight: bold;
    position: relative;
    top: 115px;
    left: 70%;
    z-index: 3;
    margin: 0;
    padding: 0;   
    float: left; 
}
p.product-agotado-medium {
    color: #fff;
    font-size: 11px;
    font-weigth: bold;
    background: #FE0000;
    padding: 5px 1px;
    text-transform: uppercase;
    top: -5px;
    position: relative;
    margin: 0;
}
span.product-2x1-medium {
    background: url("/img/2x1.png") no-repeat scroll right bottom transparent;
    left: 35px;
    padding: 25px;
    position: relative;
    top: 130px;
    z-index: 2;
    margin: 0;
}
span.product-3x1-medium {
    background: url("/img/3x1.png") no-repeat scroll right bottom transparent;
    left: 35px;
    padding: 25px;
    position: relative;
    top: 130px;
    z-index: 2;
    margin: 0;
}

span.product-new-big {
    background: url("/img/nuevo_grande.png") no-repeat scroll right bottom transparent;
    padding: 45px;
    top: 155px;
    left: 50px;
    position: relative;
    z-index: 2;
}
p.product-new-big-text {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase; 
    font-weight: bold;
    position: relative;
    top: 170px;
    left: 26%;
    z-index: 3;
    margin: 0;
    padding: 0;  
    text-align: center;
}
p.product-agotado-big {
    color: #fff;
    font-size: 11px;
    font-weigth: bold;
    background: #FE0000;
    padding: 5px 1px;
    text-transform: uppercase;
    top: -5px;
    position: relative;
    margin: 0;
    text-align: center;
}
span.product-2x1-big {
    background: url("/img/2x1_grande.png") no-repeat scroll right bottom transparent;
    padding: 45px;
    top: 130px;
    left: 50px;
    position: relative;
    z-index: 2;
}
span.product-3x1-big {
    background: url("/img/3x1_grande.png") no-repeat scroll right bottom transparent;
    padding: 45px;
    top: 130px;
    left: 50px;
    position: relative;
    z-index: 2;
}

article.product_link {
    cursor: pointer;
}

#social {
    margin: 20px auto;
    text-align: center;
    padding: 0 20px;
}
#social div {
    float: left;
}
#social div#facebookbut {    
    width: 80px;
    margin-top: 2px;
}
#social div#twitterbut, #social div#gplusbut {
    margin: 0 10px;
}
#social div#gplusbut {
    margin-top: 1px;
}
.facebooklogin {
    background: url(/img/signin-facebook.png) no-repeat;
    background-position: 20px 0;
    padding: 5px 85px;
    margin-left: 20px;
    margin-right: 25px;
}
.facebooklogin:hover {
    background-position: 20px -24px;
}

.mi-cuenta .formlogin {
    width: 50%;
    float: left;
    margin: 0 5%;
    border-right: 2px dotted #d6d6d6;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.otherslogin {
    margin: 25px auto;
}
.otherslogin p {
    padding-bottom: 10px;
}

.othersregister a {
    float: left;
}

.comentarios {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 20px 10px 30px 10px;
    overflow: hidden;
}

.comentarios .valoracion_usuarios {
    padding: 5px 20px 2px 10px;
    background: #eee;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    overflow: hidden;
    box-shadow: inset 0 0 2px 0 #888;
}
.comentarios .valoracion_usuarios p.texto {
    margin-right: 10px;
    padding: 0;
}
.comentarios .valoracion_usuarios p.texto2 {
    padding: 0;
    margin: 0;
}
.comentarios .valoracion_usuarios p.texto2 a {
    font-weight: bold;
    color: #000;
    text-decoration: underline;
}
.comentarios .valoracion_usuarios p.valoracion {
    margin: 10px;
    width: 50%;
}

.comentarios .valoracion_usuarios span.media_valoracion, .lista_comentarios .comentario .valoracion-user-product p.valoracion_user {
    background-color: #000;
    color: #fff;
    display: inline;
    padding: 2px 10px !important;
    margin-left: 10px;
}

.comentarios .lista_comentarios .comentario {
    border-bottom: 2px dotted #d6d6d6;
    margin-top: 5px;
    padding: 5px 0;
}
.comentarios .lista_comentarios .comentario:last-child {
    border-bottom: none;
}
.comentarios .lista_comentarios .comentario .comleftcol {
    margin-right: 5px;
    padding: 5px;
    font-size: 12px;
    color: #888;
    text-align: left;
}
.comentarios .lista_comentarios .comentario .comleftcol .fecha {
    float: left;
}
.comentarios .lista_comentarios .comentario .comleftcol .autor .nombre {
    font-weight: bold;
    color: red;
    text-decoration: underline;
    float: left;
    margin-right: 10px;
}
.comentarios .lista_comentarios .comentario .msg {
    padding: 20px 5px;
    background: url('/img/fnd_comentarios.jpg') no-repeat;
}
.comentarios .lista_comentarios .comentario .valoracion-user-product {
    float: right;
    font-weight: bold;
    color: #000;
}
.comentarios .lista_comentarios .comentario .valoracion-user-product p {
    padding: 2px 0;
    margin: 0;
}
.comentarios .lista_comentarios .comentario .valoracion-user-product p.valoracion {
    margin: 0;
    padding: 0 5px;
}

.comentarios .comentario_new h3 {
    background-color: #eee;
    padding: 20px 20px 5px;
    color: #000;
    margin: 1px 0;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    box-shadow: inset 0 1px 2px 0px #888;
}
.comentarios .formulario_valoracion {
    background-color: #eee;    
    border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    box-shadow: inset 0 0 2px 0px #888;
    margin: 0;
    padding: 0;
}
.comentarios .formulario_valoracion p.seleccionar {
    margin: 0;
    padding: 10px 20px 0;
    font-weight: bold;
}
.comentarios .formulario_valoracion p.valoracion {
    padding-left: 20px 
}
.comentarios .comentario_new p#valoracion_guardada {
    margin-left: 10px;
    font-weight: bold;
    color: green;
}

.comentarios .comentario_new .comentario-field label {
    display: block;
    padding: 15px 20px 0;
    font-weight: bold;
}
.comentarios .comentario_new .comentario-field textarea {
    width: 93%;
    height: 150px;
    margin-left: 20px;
}
.comentarios .comentario_new .comentario-field-buttons {
    margin-right: 8%;
    margin-left: 20px;
}
.comentarios .comentario_new .nota {
    margin-left: 20px;
    padding-bottom: 10px;
}

p.error {
    background-color: red;
    color: #fff;
}

p.success {
    padding: 5px;
    background-color: green;
    color: #fff;
}

.leave-comment-top {
    border-top: 1px solid #d6d6d6;
    padding: 10px;
}

#tooltip {
    position: absolute;
    z-index: 9000;
    border: 1px solid #111;
    background-color: #fff;
    padding: 10px;
    opacity: 0.95;
    width: 200px;
}
#tooltip h3, #tooltip div { margin: 0; }
.tooltip {
    display: none;
}
#tooltip .img { float: left; margin-right: 15px;  width: 150px; min-height: 180px; padding-top: 5%; }
#tooltip .price { font-size: 16px; margin: 5px 0 0 ; color: red ; font-weight: bold; }
#tooltip .descripcion_corta {
    font-size: 12px;
}





#pcm{display:none;}



.hide_tooltip {
    display: none;
    z-index: 100;
    background: #fff;
}
#home-product-listing article.product_link div.hide_tooltip, #home-product-listing article.product_link .hide_tooltip div {
    width: 170px;
}

#home-product-listing article.product_link .hide_tooltip div.descuento {
    margin: 5px;
    font-size: 11px;
    font-weight: bold;
}
#home-product-listing article.product_link .hide_tooltip div.descuento p.price {
    margin-top: 5px;
    font-size: 14px;
}

#home-product-listing article.product_link .hide_tooltip div.descuento p.price span.info {
    color: #000;
    font-weight: normal;
    font-size: 12px;
}

#home-product-listing article.product_link .hide_tooltip p.valoracion {
    margin-top: 10px;
}

#home-product-listing article.product_link .hide_tooltip div.descripcion_corta {
    margin: 10px 0; 
    text-align: left;
}

#home-product-listing article.product_link .hide_tooltip button.red-button {
    margin: 25px 0;
}


ul.cantidad_select {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 125px;
    background: #fff;
}
ul.cantidad_select > li {
    border: 1px solid #888;
}
ul.cantidad_select li p.cantidad_seleccionada {
    padding: 4px;
    margin: 0;
    background: url('/img/flechita_down.png') no-repeat 110px center;
}
ul.cantidad_desplegable {
    text-align: left;
    width: 125px;
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #fff;
    position: absolute;
    overflow-y: auto;
    left: 32px;
}
ul.height_100 {
    height: 100px;
}
ul.cantidad_desplegable li {    
    padding: 2px 5px;
    border: 1px solid #888;
    border-top: none;
}
ul.cantidad_desplegable li:first-child {
    border-top: 1px solid #888;
}
ul.cantidad_desplegable li:hover {
    background: #4990E0;
    font-weight: bold;
    color: #fff;
}

article.product acronym {
    font-weight: bold;
    display: inline;
    text-align: right;
    color: #000;
    margin-right: 5px;
}
.product-listing h3.nohay {
    margin: 5%;
    text-align: center;
}

#gastos_envio {
    font-size: 12px;
    margin: 0;
    padding: 0 0 20px;
    color: #000;
}
#gastos_envio #precio_envio, #gastos_envio #precio_tope {
    font-weight: bold;
}

.tachado {
    text-decoration: line-through;
    font-size: 14px;
}
.distribuidores_botones_carro {
    margin: 0 auto;
    text-align: center;
    padding: 5%;
}
a.azulgris {
    color: #000;
    padding-right: 15px;
    background: url('/img/flechita_down.png') right center no-repeat;
}
a.azulgris:hover {
    text-decoration: underline;
    color: #888;
}

.fila {
    margin-left: 20px
}
article.vacio {
    width: 195px;
}
.conoce-equipo div.fila div.vacio {
    height: 140px;
    width: 175px;
}

div.logo_transporte {
    float: left;
    width: 145px;
    font-size: 12px;
    margin-left: 10px;
}
div.logo_transporte img {
    margin-right: 10px;
}
div.logo_transporte p {
    padding: 0;
    margin: 5px 0 0;
    color: #888;
}

.baja_newsletter .form { background: #d5d5d5; width: 95%; padding: 25px; height: 100px; position: relative; }
.baja_newsletter .form label { display: inline; text-transform: uppercase; padding: 5px; font-weight: bold; margin-top: 10px; }
.baja_newsletter .form input { width: 250px; padding: 4px; margin-right: 10px; }

#footer2 .blog article span.fecha_post {
    font-weight: normal;
    font-size: 11px !important;
    color: #ccc;
}

div.img_404 {
    margin: 10px 20px 10px 0;
}
div.img_404 img {
    width: 700px;    
}
div.posicionado_404 {
    position: absolute;
    width: 600px;
    padding: 1% 2%;
    font-size: 14px;
}
#links_menu_nav, #links_menu_nav li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#links_menu_nav li ul {
    padding:  0 0 10px 0;
}
#links_menu_nav li, #links_menu_nav li ul li {
    margin-left: 10px;
}
#links_menu_nav li a.principal {
    font-weight: bold;
}
#links_menu_nav li a:hover {
    text-decoration: underline;
}
.error404 .widgettitle {
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}

.center {
    text-align: center;
}

/*** IMPRIMIR ****/
html#print { background: #E5E5E5; }
html#print body { height: 100%; }
html#print #content { width: 720px; box-shadow: none; margin: 0 auto; overflow: hidden; min-height: 300px; padding: 0 20px; }
html#print #content section.more-info header { border-bottom: none; padding: 0; }
html#print #content section.more-info div { border-bottom: 1px solid #D6D6D6; padding: 10px 5px;}
html#print #content .product-listing .main { margin-top: 20px; }

a.limpiar {
    color: red;
}
a.limpiar:hover {
    text-decoration: underline;
}

#filtrocategorias {
    border-bottom: 1px solid #ccc;
    margin: 10px;
    padding-bottom: 10px;
}