@import url("fonts.css");
/*  CSS definations for Flasch  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
2.1 Header
	2.1.1 Logo
2.2 MenuBar
2.3 Container
  	2.3.1 Cart
  	2.3.2 Navigation
  	2.3.3 Search-Product
  	2.3.4 Slider
  	2.3.5 Product-List
2.4 Footer
	2.4.1 Social
	2.4.2 Footer-link

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline:none;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
i, em { 
	font-style:italic; 
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft{
	text-align:left;	
}
.alignright{
	text-align:right;	
}
.aligncenter{
	text-align:center;	
}
.clear  {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea{
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a { 
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#000;
}
address {
	font-style:normal;
}

/* 1.2 Common Tages */
.banner, .menuBar li, .navigation li, .cart, .search-product .input, .add-to-cart, .add-to-cart2, .product-list li, .slider, .column1st .product-list .button2 {
	box-shadow:rgba(0, 0, 0, 0.30) 1px 1px 1px;
	behavior:url(PIE.htc);
	position:relative;
}
.add-to-cart {
	background:url(../images/bg_common.png) repeat-x left top;
	display:block;
	color:#fff;
	width:150px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-left:3px;
	font-size:15px;
}
.add-to-cart:hover {
	background:url(../images/bg_common_hover.png) repeat-x left top;
	color:#999;
}

.add-to-cart2 {
	background:url(../images/bg_common.png) repeat-x left top;
	display:block;
	color:#fff !important;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-left:3px;
	font-size:15px;
	padding-left:15px;
	padding-right:15px;
}
.add-to-cart2:hover {
	background:url(../images/bg_common_hover.png) repeat-x left top;
	color:#999 !important;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	background:#fff;
	font-family: "Avenir","AvenirLT55Roman";
	font-size:17px;
	color:#999;
}
.box {
	width:913px;
	margin:0 auto;
}

/* 2.1 Header */
.header {
	background:url(../images/bg_header.png) repeat-x left top;
	width:100%;
	height:130px;
	padding-bottom:10px;
	margin-top:10px;
}

/* 2.1.1 Logo */	
.logo {
	width:265px;
	height:50px;
	float:left;
	margin:50px 56px 0 0;
}
.header-right {
	width:592px;
	float:left;
}

/* 2.2 MenuBar */
.menuBar {
	width:100%;
}
.menuBar li {
	background:url(../images/bg_common.png) repeat-x left top;
	width:290px;
	float:left;
	font-size:20px;
	line-height:49px;
	text-align:center;
	margin-left:20px;
}
.menuBar li.first{
	margin-left:0;
}
.menuBar li a {
	border:1px solid #ae4704;
	height:48px;
	color:#fff;
	display:block;
}
.menuBar li:hover a, .menuBar li.active a {
	background:url(../images/bg_common_hover.png) repeat-x left top;
	border:1px solid #c1c9e2;
	color:#999;
}

/* 2.3 Container */
.container {
	width:100%;
	padding:10px 0;
}
.leftcol {
	width:290px;
	float:left;
}
.rightcol {
	width:602px;
	float:left;
	padding-left:20px;
}

/* 2.3.1 Cart */
.cart {
	background:url(../images/bg_blue_border.png) repeat-x left top #fff;
	border:1px solid #c0c9e2;
	width:100%;
	margin-bottom:38px;
}
.cart span {
	background:url(../images/img_cart.png) no-repeat 19px 22px;
	display:block;
	font-size:13px;
	padding:32px 0 14px 68px;
	height: 22px;	
}
.cart span strong {
	font-size:22px;
	color:#ae4704;
	font-weight:normal;
	padding-right:8px;
}
.cart .button, .column1st .product-list .button2 {
	background:url(../images/bg_common.png) repeat-x left top;
	width:145px;
	height:31px;
	float:left;
	font-size:15px;
	color:#fff;
	text-align:center;
	line-height:31px;
	margin:0 0 -2px -1px;
}
.cart .button.gap {
	margin:0 -3px -2px 2px;
}

.cart .button.active {
	background:url(../images/bg_common_hover.png) repeat-x left top;
	color:#999;
}

.cart .button:hover, .column1st .product-list .button2:hover {
	background:url(../images/bg_common_hover.png) repeat-x left top;
	color:#999;
}

/* 2.3.2 Navigation */
.navigation {
	width:100%;
}
.navigation li {
	background:url(../images/bg_common.png) repeat-x left top;
	border:1px solid #a44304;
	height:49px;
	line-height:49px;
	margin-bottom:5px;
	font-size:19px;
}
.navigation li a {
	display:block;
	color:#fff;
	padding-left:20px;
}
.navigation li:hover, .navigation li.active {
	background:url(../images/bg_common_hover.png) repeat-x left top;
	border:1px solid #c1c9e2;
}
.navigation li:hover a, .navigation li.active a {
	color:#999;
}

/* breadcrumb */
.breadcrumb {
	width:100%;
	padding:10px 0;
}
.breadcrumb li {
	background:url(../images/divider_breadcrumb.png) no-repeat left center;
	float:left;
	font-size:15px;
	padding:0 19px;
}
.breadcrumb li:first-child {
	background:none;
	padding-left:12px;
}
.breadcrumb li.first {
	background:none;
}
.breadcrumb li.second {
	background:none;
	margin-left:75px;
}
.breadcrumb li a {
	display:block;
	color:#ae4704;
}
.breadcrumb li a:hover,.breadcrumb li.active a  {
	display:block;
	color:#999;
}

/* 2.3.3 Search-Product */
.search-product {
	width:100%;
}
.search-product h3 {
	font-weight:normal;
	color:#444;
	padding:0 0 13px 12px;
}
.search-product h3 span {
	font-size:15px;
	color:#999;
}
.search-product .input {
	background:url(../images/ico_search.png) no-repeat right center #fff;
	border:1px solid #c1c9e2;
	border-right:none;
	width:398px;
	height:29px;
	line-height:29px;
	float:left;
	padding:0 11px;
	font-size:18px;
	color:#bfbfbf;
	box-shadow:rgba(0, 0, 0, 0.15) 1px 1px 1px;
}
.search-product .button {
	background:url(../images/bg_button.png) no-repeat left top;
	border:none;
	width:183px;
	height:34px;
	float:left;
	font-size:15px;
	cursor:pointer;
	color:#fff;
	margin:0 -3px 0 -0;
	position:relative;
	z-index:1;
	padding-bottom: 4px;
}
.search-product .button:hover {
	background-position:left bottom;
	color:#999;
}

/* 2.3.4 Slider */
.slider {
	background:#fff;
	border:1px solid #c1c9e2;
	width:600px;
	height:442px;
	position:relative;
	z-index:1;
	overflow: hidden;	
}
.slider .flex-viewport{
	height:444px;
}
.slider .flex-viewport li{
	position:relative;
}
.slider .border {
	background:url(../images/bg_blue_border.png) repeat-x left top;
	display:block;
	width:100%;
	height:10px;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}
.slider img {
	margin:19px 0 0 15px;
	float:left;
}
.caption {
	background:url(../images/bg_caption.png) repeat-x left top #fff;
	border-left:1px solid #cecece;
	width:152px;
	height:442px;
	padding:0 14px;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
}
.code {
	font-size:12px;
	display:block;
	padding:38px 0 18px 6px;
}
.caption h3 {
	border-bottom:1px solid #bbc3db;
	font-size:20px;
	color:#444;
	line-height:24px;
	font-weight:normal;
	padding:0 0 29px 6px;
	margin-bottom:12px;
	height: 70px;
	overflow: hidden;	
}
.caption h3 span {
	display:block;
}
.dollar {
	display:block;
	color:#ae4704;
	font-size:28px;
	margin-bottom:10px;
}
.dollar small {
	font-size:20px;
}
.dollar span {
	font-size:15px;
	color:#999;
	display:block;
	padding:6px 0 0 28px;
	line-height:11px;
}
.dollar.second {
	color:#c07341;
	font-size:26px;
	margin-bottom:30px;
}
.dollar.second small {
	font-size:20px;
}
.dollar.second span {
	font-size:12px;
	line-height: 12px;	
}
.dollar span {
	line-height:8px;
}

/* controlNav */
.flex-control-nav {
	width:140px;
	position:absolute;
	left:268px;
	bottom:44px;
	z-index:2;
}
.flex-control-nav li {
	background:#fff;
	width:14px;
	float:left;
	margin-left:14px;
	text-indent:-9999px;
}
.flex-control-nav li:first-child {
	margin:0;
}
.flex-control-nav li a {
	border:1px solid #a3afd4;
	display:block;
	width:14px;
	height:14px;
	cursor:pointer;
}
.flex-control-nav li:hover a , .flex-control-nav li a.flex-active {
	border:1px solid #ae4704;
	background:#ae4704;
}

/* 2.3.5 Product-List */
.product-list {
	width:100%;
	margin-top:12px;
}
.product-list .imgb .zoom{
	background:url(../images/ico_search.png) no-repeat left top;
	width:28px;
	height:21px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:14px;
	bottom:13px;
	z-index:2;
	display:none;
}
.product-list li {
	background:url(../images/bg_blue_border.png) repeat-x left top #fff;
	border:1px solid #c0c8e1;
	width:289px;
	float:left;
	color:#808080;
	font-size:12px;
	margin-left:19px;
	padding-top:10px;
}
.product-list li.first {
	margin:0;
}
.product-list li .imgb {
	border-bottom:1px solid #b4b4b4;
	width:100%;
	height:221px;
	padding-top:18px;
	text-align:center;
	position:relative;
	z-index:1;
	overflow:hidden;
}
.product-list li .txtb {
	background:url(../images/bg_product_txtb.png) repeat-x left top #fff;
	padding:0 13px 0 20px;
	height: 130px;	
}
.product-list li .code {
	padding:16px 0 6px 0;
}
.product-list li h3 {
	border-right:1px solid #b7bfd9;
	color:#414141;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	display:inline-block;
	float:left;
	padding:2px 13px 0 0;
	width: 118px;
	height: 100px;
	margin-bottom: 10px;
}

.product-list li h3.carrito {
	width: 200px;
}

.product-list li h4 {
/*	border-right:1px solid #b7bfd9;*/
	color:#414141;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	display:inline-block;
	float:left;
	padding:2px 22px 0 0;
	width: 520px;
	height: 70px;
}

.product-list li .dollar {
	font-size:23px;
	float:right;
/*	padding-left:20px;*/
	margin:-3px -5px 0 0;
	width: 118px;
	margin-bottom: 15px;	
	overflow: hidden;
}

.product-list li .dollar_carrito {
	width: 128px;
}

.product-list li .dollar span {
	font-size:12px;
	color:#808080;
	padding-left:0;
}
.product-list li .add-to-cart {
	float:right;
	margin:0 0 10px 0;;
}

/* 2.4 Footer */
.footer {
	background:url(../images/bg_footer.png) repeat-x left top;
	padding:0 18px;
	height:130px;
}

/* 2.4.1 Social */
.social {
	width: 220px;
	float:left;
	margin-top:24px;
}
.social li {
	background:url(../images/icons_social.png) no-repeat left top;
	padding:0 0 0 31px;
	color:#fff;
	font-size:19px;
	margin-bottom:12px;
}
.social li a {
	color:#fff;
}
.social li a:hover {
	color:#e1e1e1;
}
.social li.second {
	font-size:24px;
	background-position:left -30px;
}
.social li.last {
	background-position:left -60px;
}

/* 2.4.2 Footer-link */
.footer-link {
	width: 655px;
float: right;
padding-top: 26px;
font-size: 14px;
}
.footer-link ul {
	float:right;
	margin-bottom: 55px;
}
.footer-link li {
	background:url(../images/divider_footer_link.png) no-repeat left center;
	float:left;
	padding: 0 16px 0 16px;
}
.footer-link li:first-child {
	background:none;
}
.footer-link li a {
	color:#fff;
}
.footer-link li a:hover, .footer-link li.active a {
	color:#b2b2b2;
}

/* bottom-link */
.bottom-link {
	width:100%;
	padding:40px 0 42px 0;
}
.bottom-link .col1 {
	width:305px;
	float:left;
	margin-left:18px;
}
.bottom-link .col2 {
	width:315px;
	float:left;
}
.bottom-link .col3 {
	width:270px;
	float:left;
}
.bottom-link li {
	font-size:17px;
	padding-bottom:12px;
}
.bottom-link li a {
	color:#ae4704;
}
.bottom-link li a:hover {
	color:#999;
}
.wrapper {
	width:100%;
	height:34px;
}
.wrapper.none {
	visibility:hidden;
}
.wrapper li {
	background:url(../images/divider_wrapper.png) no-repeat left center;
	color:#999;
	float:left;
	font-size:19px;
	line-height:34px;
	padding:0 5px 0 13px;
}
.wrapper li:first-child {
	background:none;
	padding-left:11px;
}
.wrapper li a {
	color:#ae4704;
}

/* column1st */
.column1st {
	width:100%
}
.column1st .gap1 {
	width:605px;
	float:left;
	padding:0 0 34px 308px;
}
.column1st .product-list li {
	width:100%;
	margin:0 0 18px 0;
}
.column1st .product-list li .imgb {
	background:#fff;
	border-right:1px solid #d5d5d5;
	border-bottom:none;
	width:289px;
	float:left;
	margin-right:30px;
	height: 320px;	
}
.column1st .product-list li .code {
	padding:24px 0 19px 0;
}
.column1st .product-list li h3 {
	border:none;
	padding:0;
	font-size:20px;
	line-height:23px;
}

.column1st .product-list li h3 a {

	margin-top: 20px;
	font-size: 14px;
	color: #ae4704;
	display:block;
}
.column1st .product-list li h3 span {
	display:block;
}

.column1st .product-list li h3 span {
	font-size: 14px;
	color: #808080;
	padding-left: 0;
}


.column1st .product-detail {
	float:left;
	color:#444;
	margin-top:-10px;
	width: 290px;
	padding-left: 70px;
}	


.column1st .product-detail .row, .column1st .product-detail .row2  {
	width:100%;
	float:left;
	line-height:36px;
	/*margin-bottom:9px;*/
	font-size:17px;
}
.column1st .product-detail .row3  {
	width:100%;
	float:left;
	line-height:36px;
	margin-top:50px;
	font-size:17px;
}
.column1st .product-detail .row2 {
	border-bottom:1px solid #bbc3db;
	padding-bottom:18px;
}

.column1st .product-detail .col1, .column1st .product-detail .col2, .column1st .product-detail .col3 {
	width:115px;
	float:left;
}

.column1st .product-detail .col1 {
	width: 155px;
	margin-left: 10px;
}

.column1st .product-detail .col3 {
/*	border-bottom:1px solid #bbc3db;*/
	padding-bottom:12px;
	margin-bottom:10px;
	width: 125px;	
}
.column1st .product-detail .dollar {
	padding:0;
}
.column1st .product-detail .input {
	border:1px solid #bbc3db;
	width: 84px;
	height:31px;
	line-height:31px;
	padding:0 7px;
	font-size:25px;
	color:#ae4704;
	float:left;
}
.column1st .product-detail .button {
	background:url(../images/bg_button2.png) no-repeat left top;
	border:none;
	width:45px;
	height:35px;
	float:left;
	cursor:pointer;
	margin-left:10px;
}

.column1st .product-list li.last {
	background:none;
	border:none;
	box-shadow:none;
	margin-bottom:22px;
	padding-top:45px;
}

.column1st .product-list li.last2 {
	border:1px solid #c0c8e1;;
	box-shadow:rgba(0, 0, 0, 0.30) 1px 1px 1px;
	height: 110px;
}

.column1st .product-list li.last3 {
	padding-top: 0;
}

.column1st .product-list li.last .row2 {
	margin-bottom:18px;
	padding-bottom:15px;
}
.column1st .product-list li.last .txtb {
	background:none;
	width:590px;
	padding:0 54px 0 0;
	margin-left:290px;
}
.column1st .product-list li.last .product-detail {
	width:624px;
	padding:0;
}
.column1st .dollar.third {
	font-size:25px;
}
.column1st .dollar.third small {
	font-size:20px;
}
.column1st .dollar.fourth {
	font-size:25px;
}
.column1st .product-list li.last .col1 {
	margin-left:350px;
}
.column1st .product-list .button2 {
	width:150px;
	margin:5px 0 0 10px;
	float:right;
}

.binactivo {
	background:url(../images/bg_common_hover.png) repeat-x left top !important;
	color:#999 !important;
}

.column1st .product-list .button2_sm {
	margin: 0;
	width: 120px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	height: 28px;
	line-height: 27px;	
}

.button3 {
	width:150px;
/*	margin:55px 0 0 10px;*/
	float:left;
}

/* fonts *//* fonts */
.dollar, .social {
    font-family: "Avenir",'AvenirLT55RomanBold';
}
.dollar span, .social li.last, .input, .search-product .button {
	font-family: "Avenir","AvenirLT55Roman";
}

.sin_resultado {
	margin-left: 10px;
	margin-top: 30px;
	font-size: 19px;	
}




/* formulario registro */
.registro-group {
	padding: 5px 5px 5px 0px;
}

.r_g_sep {
	margin-bottom: 10px;
}

.r_c_sep {
	margin-bottom: 15px;
}

.r_c2_sep {
	margin-bottom: 20px;
}

.registro-group .registro-label {
	width:100px;
	float:left;
	margin-top: 4px;
	padding-right: 20px;
}

.registro-group .registro-control {
	display:inline;
}

.registro-group .registro-control div {
	margin-bottom: 10px;
}

.shops-form {
	width:600px;
	float:left;
	margin-left: 15px;
	margin-bottom: 49px;
	margin-top: 30px;
}

.chkout-form {
	width:100%;
	float:left;
	margin-left: 15px;
	margin-bottom: 49px;
	margin-top: 30px;
}

.chkout-form .cregistro-label {
	width:170px;
	float:left;
	margin-top: 4px;
	padding-right: 20px;
}

.chkout-form .c2registro-label {
	width:200px;
	float:left;
	padding-right: 20px;
}

.boton_enviar {
border: none;
margin-left: 438px;
margin-top: 20px;
cursor:pointer;

}

.boton_chkout {
	border: none;
	margin: 40px auto;
	cursor:pointer;
}

.campo_formulario{
	background-color: #fff;
border: 1px solid #ae4704;
color: #666;
padding-left: 6px;
height: 24px;
line-height: 26px;
	width: 458px;
}

.textarea_formulario{
	background-color: #fff;
border: 1px solid #ae4704;
color: #666;
padding-left: 6px;
line-height: 26px;
width: 458px;
	
}

.entry{
	margin-top:33px;	
}

h3 {
	font-weight:normal;
	color:#444;
	font-size:20px;

}
.titulo {
	margin-left: 12px;
margin-top: 49px;
}
.gris {
	color: #999;
}

.datos{
	margin-left: 12px;
	line-height: 150%;
font-size: 18px;
margin-bottom: 19px;
}

.texto{
	width:540px;
	margin-left: 12px;
	line-height: 150%;
font-size: 14px;
margin-bottom: 19px;
}

.imagen{
	margin-left: 12px;
	margin-bottom: 19px;
}


.texto_rojo{
	font-family: "Avenir",'AvenirLT55RomanBold';
	font-size: 30px;
	color: #ae4704;
}

.desplegable {
	background-color: #fff;
border: 1px solid #ae4704;
margin-left:3px;
color: #666;
height: 24px;
width: 150px;
}

.form_popup {
	width:330px;
}

.form_popup .input_form {
	background:#fff;
	border:none;
	width:290px;
	height:23px;
	float:left;
	margin:2px 15px 0 0;
	padding:0 5px;
	font-size:12px;
	color:#898b8c;
	line-height:21px;
	position:relative;
	border: 1px solid #c1c9e2;	
}

.form_popup .row {
	margin-bottom:10px;
}

.form_popup label {
	float: left;
	padding: 8px 20px 0 8px;
	font-size: 14px;
	color: #ae4704;	
	font-weight: normal;
	width:55px;
}

.form_popup h2 {
	font-size: 23px;
	color: #ae4704;
	font-weight: normal;	
	margin-bottom:20px;
}

.form_popup .button {
	background:#df806b;
	border:none;
	width:107px;
	height:22px;
	text-align:center;
	font-size:16px;
	color:#dfdcae;
	line-height:22px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
	cursor:pointer;
	font-weight: normal;	
}
.form_popup .button:hover {
	background:#f28f79;
}

.texto_abri {
	color: #414141;
	line-height:22px;
	margin-bottom:20px;
	
}

.texto_info {
	color: #414141;
	line-height:22px;
	margin-bottom:20px;
	text-align:center;
	margin-top: 40px;	
}

.variante {
	font-size: 17px;
	color: #808080;
	margin-top:10px;
}

.precio_mayor {
	font-size: 17px;
	margin-top:30px;
}

.precio_mayor .precio {
	color: #ae4704 !important;
	font-size:23px !important;
}

.precio_mayor .precio small {
	font-size:20px !important;
}

.mensaje_iva {
	margin-bottom: 10px; 
	text-align:right; 
	font-size:14px;
	color: #666666;
}

.separador {
	height:1px;
	border-bottom:1px solid #bbc3db;
	margin:5px 0 15px 0;
	width: 100%;
	float: left;
}

.banner_volumen{
	font-size: 18px;
	background-color: #005492;
	color:#FFF;
	border: 1px solid #c0c9e2;
	height: 18px;
	padding: 20px 0 20px 20px;
	margin-top: 20px;
	margin-bottom: 4px;
	box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px;
}