/*************** boxes *****************/

.main { padding:0px 0 0 0; width:100%; text-align:center; }

.main-content
{
	width:954px;
	height:574px;
	margin:5px auto;
	text-align:left;
	padding:0px 0px 10px 0px;
	background-image: url('../images/mascarilla_arcilla_sannai.jpg');
	background-position:top left;
	background-repeat:no-repeat;
}


.header { width:954px; height:40px; background-color:#3e3e3e; margin:5px auto; padding:5px 0px 5px 0px; }
.middle { margin:5px 0 0 0; clear:both; }

.lateral {float:right; width:93px; margin-top:0px;}
.lateral p {line-height:14px; margin-bottom:6px;}
.lateral .g1 {background-color: #63843f; color:#fff; margin-bottom:5px; padding:5px;}
.lateral .g1 .chatwidg {border: 1px solid color:#000; }
.lateral .g2 {background-color: #4f4f4f;  color:#fff;  margin-bottom:5px; padding:5px;}
.lateral .g3 {background-color: #f37c09;  color:#fff;  margin-bottom:5px; padding:5px;}

.lateral a#twitter 	{color:#3e3e3e; margin-bottom:5px; margin-top:5px; font-size:1px; background-image:url('../images/social/twitter_16.png'); display:block; width:16px; height:16px; } 
.lateral a#facebook 	{color:#3e3e3e; margin-bottom:5px; margin-top:5px; font-size:0px; background-image:url('../images/social/facebook_16.png'); display:block; width:16px; height:16px; } 
.lateral a#wordpress {color:#3e3e3e; margin-bottom:5px; margin-top:5px; font-size:0px; background-image:url('../images/social/wordpress_16.png'); display:block; width:16px; height:16px; } 


.column_left { float:left; width:145px; }
.column_right { float:right; height:554px; _height:490px; background-image:url('../images/transparent.png'); _background-image:url('../images/transparent.gif'); padding:15px; /* margin-right:17px; */ }
.column_big { width:667px; }
.column_small { width:400px; }
.column-product-right{ width:168px; float:right; padding:45px 0 0 0; }
.column-product-left{ float:left; }

.main-scroll { overflow:hidden; height:554px; _height:475px;}

.icon-title{ float:left; height:45px; padding-left:10px; }
.lang-switcher{ /*float:right;*/position:relative; text-align:right; padding-right:10px;}

.box-titulo-producto { height:37px; position:absolute; margin:-38px 0 0 -150px; width:680px;}
.box-titulo-producto-list { height:100px; *height:65px;}
.box-titulo-producto-list h5{ line-height:14px;}
.box-titulo-producto-related { height:106px;}
.box-titulo-producto-related  h5{ font-size:.95em;}
.box-titulo-card { height:40px;}

.box-titulo-producto h1 {font-size:1.35em; color:#638540; line-height:1.15em; margin-bottom:0;}

.box-paginacion-catalogo { position:absolute;width:678px;padding:27px 0 0 0;_padding:15px 0 0 0; }
.box-paginacion-imagenes { position:absolute; margin:-20px 0 0 0; width:140px; }

.box-home { float:left; margin:0 0 0 0 ; }
.box-main-scroll { height:554px;_height:475px; width:410px; overflow:scroll; position:absolute;  }

#home-promotion a { display:block; height:520px; width:860px; font-size:0px;}
#checkout-step-billing ul { list-style:none; padding:0 }

.box_numero_carrito {background-image:url('../images/carrito.png'); _background-image:none; background-position:right; background-repeat:no-repeat; float:right; text-align:right; margin-top:-7px; margin-right:13px; font-size:1.2em }
.box_numero_carrito a {padding-right:25px; _padding-right:0px; color:#ffffff; text-decoration:none; display:block; _width:200px; }

#breadcrumbs {overflow:hidden;}
#breadcrumbs ul {overflow:hidden; padding:0px 0px 0px 0px;}
#breadcrumbs ul li {float:left;	list-style: none outside none; padding:0px 5px 5px 0px; text-align:left; font-weight:normal}
#breadcrumbs a (text-decoration:none;)
#breadcrumbs ul li a:hover (color:red;)


#welcome { float:right; color:#ffffff; font-size:14px; margin:-23px 270px 0 0; }

#privacidad {width:954px;margin:0 auto; text-align:left; margin-top:5px; }
#privacidad em { font-style:normal; font-size:11px; float:left }
#privacidad ul { float:left; list-style:none; padding:0; margin:0 0 0 10px }
#privacidad ul li { display:inline; margin-right:10px }
#privacidad ul li a { text-decoration:none }
#privacidad ul li a:hover { text-decoration:underline }
#privacidad .chat { float:right; margin-right:-127px; margin-top:-1px; }

.category-description{ position:absolute; width: 500px; margin-top:-7px; line-height:13px; color:#2f2f2f;}

/*.fase-2 { display:none !important } 
.fase-2-c { display:none !important } */

.social { position:absolute; margin-left:768px; top:38px; *margin-left:188px; }
.social ul { margin:0; padding:0; }
.social ul li { display:inline; float:left; margin-right:5px }
.social ul li a#twitter {color:#3e3e3e; font-size:1px; background-image:url('../images/social/twitter_16.png'); display:block; width:16px; height:16px; } 
.social ul li a#facebook {color:#3e3e3e; font-size:0px; background-image:url('../images/social/facebook_16.png'); display:block; width:16px; height:16px; } 
.social ul li a#linkedin {color:#3e3e3e; font-size:0px; background-image:url('../images/social/linkedin_16.png'); display:block; width:16px; height:16px; } 
.social ul li a#wordpress {color:#3e3e3e; font-size:0px; background-image:url('../images/social/wordpress_16.png'); display:block; width:16px; height:16px; } 


/*************** Footer *****************/
#footer {
	margin: 5px auto;
	text-align: left;
	width: 954px;
	position: relative;
}
#footer {
	color: #FFF;
	font-size: 0.9em;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer .right {
	position: absolute;
	right: 0;
	top: 10px;
	text-align: right;
}
#footer ul {
	text-decoration:none;
}
#footer1 {
	background:#62843F;
	overflow:hidden;
	padding:7px 120px 7px 120px;
}
#footer1 img {
	float:left;
	padding-right:20px;
}
#footer1 ul {
	overflow:hidden;
}
ul.part1 li {
	list-style:none;
}
ul.part2 {
	float:left;
	width:40%;
	padding:0px 0px 0px 15px;
}
ul.part2 li {
	list-style:none;
}
ul.part3{
	float:right;
	width:35%;
}
ul.part3 li {
	float:left;
	list-style:none;
}
#footer2 {
	background:#3E3E3E;
	padding:10px 120px 10px 120px;
}
#footer2 ul {
	overflow:hidden;
	padding:4px 0px 4px 0px;
}
#footer2 li {
	float:left;
	list-style:none;
}
#footer2 .sannai {
	text-transform:capitalize;
}
#footer3 {
	background:#000;
	padding:7px 120px 7px 120px;
}
#footer3 img {
	float:left;
	padding-right:10px;
}
#footer3 ul {
	overflow:hidden;
}
#footer3 li {
	float:left;
	list-style:none;
}
#footer3 p {
	text-transform:capitalize;
	line-height:12px;
}
.separador {
	padding:0px 7px 0px 7px;
}
.info {
	padding:10px 0px 0px 0px;
}
#footer .destacado {
	font-weight:bold;
	text-transform:capitalize;
}
#footer .w {
	padding:0px 7px 0px 2px;
}


/*************** catalogue de productos *****************/

.catalogue{ list-style-type:none; padding:0; margin:63px 0 0 0; _padding:0 0 0 0px; _margin:50px 0 0 0; }
.catalogue li{ border:1px solid #ddd; float:left; display:block; width:215px;/*height:225px;*/ height:225px; margin:0 0 -1px -1px; _width:224px; _border:none; position:relative; }
.product-list-image{ width:50px;float:left;padding:10px;margin:5px 0 0 5px; }
.product-list-data{ padding: 10px 5px 0 5px;float:right;width:130px;*padding: 5px 5px 0 5px;}

.attributes, .add-to-cart-box { padding:0; margin:0; list-style:none}
.attributes li{ clear:both;border:none;width:auto;height:auto;float:none;padding:1px 0 0 0; }
.catalogue p { margin:5px 0 0 0; *margin:-14px 0 0 0; padding:0 }

/*************** Listado de attributo, tipo de piel *****************/

.list-tipo-de-piel { list-style:none; padding:0; margin:0 }

.list-tipo-de-piel li { float:left; height:17px; _height:10px; display:block; font-size:0px; clear:none; margin:0 2px 0 0; padding:0; background-repeat:no-repeat; }
/*
.list-tipo-de-piel li.tipo-1 { width:15px; background-image:url('../images/tipo-1.jpg') }
.list-tipo-de-piel li.tipo-2 { width:25px; background-image:url('../images/tipo-2.jpg') }
.list-tipo-de-piel li.tipo-3 { width:27px; background-image:url('../images/tipo-3.jpg') }
.list-tipo-de-piel li.tipo-4 { width:16px; background-image:url('../images/tipo-4.jpg') }
*/

.list-tipo-de-piel li.tipo-4 { width:16px; background-image:url('../images/tipo-1.jpg') } /* Seca */
.list-tipo-de-piel li.tipo-5 { width:27px; background-image:url('../images/tipo-2.jpg') } /* media seca */
.list-tipo-de-piel li.tipo-6 { width:25px; background-image:url('../images/tipo-3.jpg') } /* media grasa  */
.list-tipo-de-piel li.tipo-7 { width:15px; background-image:url('../images/tipo-4.jpg') } /* grasa */
.list-tipo-de-piel li.tipo-20 { width:18px; background-image:url('../images/tipo-5.jpg') } /* sensible */
.list-tipo-de-piel li.tipo-21 { width:18px; background-image:url('../images/tipo-6.jpg') } /* irri */

/*************** Listado de attributo, extras *****************/

div.caracteristica-7, div.caracteristica-1 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px; font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_25.png') }
div.caracteristica-6, div.caracteristica-2 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_30.png') }
div.caracteristica-5, div.caracteristica-3 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_35.png') }
div.caracteristica-19, div.caracteristica-15 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_40.png') }
div.caracteristica-18, div.caracteristica-14 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_45.png') }
div.caracteristica-17, div.caracteristica-13 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_50.png') }
div.caracteristica-16, div.caracteristica-12 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_55.png') }
div.caracteristica-15, div.caracteristica-11 { top:0px; left:9px; position:absolute;  margin:-112px 0 0 -90px; *margin:-74px 0 0 -90px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/age_all.png') }
div.caracteristica-14, div.caracteristica-10 { top:0px; left:9px; position:absolute;  margin:62px 0 0 -85px; *margin:77px 0 0 -85px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/aloe_vera.png') }
div.caracteristica-13, div.caracteristica-9 { top:0px; left:9px; position:absolute;  margin:62px 0 0 -85px;*margin:77px 0 0 -85px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/concentrado.png') }
div.caracteristica-12, div.caracteristica-8 { top:0px; left:9px; position:absolute;  margin:62px 0 0 -85px; *margin:77px 0 0 -85px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/mineral_oil_free.png') }
div.caracteristica-11, div.caracteristica-7 { top:0px; left:9px; position:absolute;  margin:62px 0 0 -85px; *margin:77px 0 0 -85px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/oil_free.png') }
div.caracteristica-10, div.caracteristica-6 { top:0px; left:9px; position:absolute;  margin:62px 0 0 -85px; *margin:77px 0 0 -85px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/sin_alcohol.png') }
div.caracteristica-9, div.caracteristica-5 { top:0px; left:9px; position:absolute;  margin:62px 0 0 -85px; *margin:77px 0 0 -85px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/sin_perfume.png') }
div.caracteristica-8, div.caracteristica-4 { top:0px; left:9px; position:absolute;  margin:62px 0 0 -85px; *margin:77px 0 0 -85px;font-size:0; color:#ffffff; width:40px; height:40px; background-image:url('../images/sls_free.png') }

.caracteristicas-views { position:absolute }
.caracteristicas-views div.caracteristica-7, .caracteristicas-views div.caracteristica-1 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-6, .caracteristicas-views div.caracteristica-2 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-5, .caracteristicas-views div.caracteristica-3 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-19, .caracteristicas-views div.caracteristica-15 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-18, .caracteristicas-views div.caracteristica-16 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-17, .caracteristicas-views div.caracteristica-17 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-16, .caracteristicas-views div.caracteristica-18 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-15, .caracteristicas-views div.caracteristica-19 { position:absolute; margin:-64px 0 0 135px; font-size:0; color:#ffffff; }

.caracteristicas-views div.caracteristica-14, .caracteristicas-views div.caracteristica-20 { position:absolute; margin:-64px 0 0 180px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-13, .caracteristicas-views div.caracteristica-21 { position:absolute; margin:-64px 0 0 180px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-12, .caracteristicas-views div.caracteristica-22 { position:absolute; margin:-64px 0 0 180px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-11, .caracteristicas-views div.caracteristica-23 { position:absolute; margin:-64px 0 0 180px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-10, .caracteristicas-views div.caracteristica-24 { position:absolute; margin:-64px 0 0 180px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-9, .caracteristicas-views div.caracteristica-25 { position:absolute; margin:-64px 0 0 180px; font-size:0; color:#ffffff; }
.caracteristicas-views div.caracteristica-8, .caracteristicas-views div.caracteristica-26 { position:absolute; margin:-64px 0 0 180px; font-size:0; color:#ffffff; }


/*************** vista de productos *****************/

.producto-images { width:150px; height:361px; float:left; padding:125px 0 0 0; position:relative; }
.producto-data{ float:left;width:338px;height:466px;padding:45px 0px 10px 10px; _height:390px }

/** zoom sobre la imagen del producto **/
div.jqZoomTitle{ display:none; }
.jqZoomPup { overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:10;border-color:#c4c4c4;border-style: solid;cursor:crosshair; }
.jqZoomPup img { border: 0px; }
.preload { -moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;width:90px;* width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px; }
.jqZoomWindow { border: 1px solid #ddd; background-color: #FFF; }

.tipo-de-piel { margin:0 0 20px 0; _margin:0 0 0px 0; }
.add-to-cart-box .add-card { margin:3px 0 0 0;  _margin:5px 0 0 0 }
.add-to-cart-box .qty-box { display:none; }

/** tabulaci?n **/
#tabs { margin:0 0 15px 0; }
.div-tabs-product { height:260px; }

.scroll-auto { float:left; height:265px; overflow:auto; width:330px; }

/*************** scroll personalizado *****************/

.jScrollPaneContainer { float:left;position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack { position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #fff;background-image: url('../images/punto.jpg');background-repeat:repeat-y;background-position:center center;}
.jScrollPaneDrag { position: absolute;background: #8ab858;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop { position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom { position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp { display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown { display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}

/****** productos relacionados ****/

.productos-relacionados { height:420px; overflow:auto; width:168px; border-top:1px #c3c3c3 dotted; padding:0; margin:0; list-style:none }
.productos-relacionados li { float:none; clear:both; width:166px; height:185px; border-left:1px dotted #c3c3c3; border-right:1px dotted #c3c3c3; border-bottom:1px dotted #c3c3c3; }
.productos-relacionados-image { padding:15px 0 0 10px; width:50px; float:left; }
.productos-relacionados-data { padding:10px 10px 0 0; width:85px; float:right; }

/****** paginacion ****/

.paging { float:right; }
.paging a { font-size:1.4em; margin:0 3px 0 0; text-decoration:none; }
.paging a.activeSlide { text-decoration:underline; }
#nav a { position:absolute; }

/****** carrito de compra *****/

.box-tabla-de-productos { height:272px; overflow:auto;  }
.box-tabla-de-productos-border { border:1px solid #aaa;_border:0px solid #aaa; height: 270px; width: 666px;}
.table-de-productos { width: 667px;}
.table-de-productos tbody td { padding:4px; border-bottom:1px solid #aaa;_border:1px solid #aaa; border-right:1px solid #aaa; }
.producto-imagen-carrito { margin:3px 0 0 9px }
.table-de-productos tbody td.td-center { text-align:center; padding-top:23px }
.box-carrito-precio-total { text-align:right; float:right; width:300px; padding:5px 13px 0 0; }
.box-carrito-button-option { padding:5px 0 0 0;}

#shopping-cart-totals-table { float:right; margin:0 0 5px 0; }
.box-carrito-precio-total ul {clear:both}

.a-right { padding-left:10px; }

/********* proceso de compra **************/

.one-page-checkout { list-style:none; padding:0; margin:0}
.one-page-checkout li.section { position:relative; width:678px }
.one-page-checkout .group-select { margin-right:0; }
.one-page-checkout .box, .one-page-checkout .box-no-padding { border:1px solid #bbb6a5; border-top:0; padding:10px; background:#faf7ee; }
.one-page-checkout .head { margin-bottom:0; padding:4px 8px 6px 8px; background:#8da674; border-width:0 1px 0 1px; border-color:#8da674; border-style:solid; border-top:1px solid #dbffff; }
.one-page-checkout .tool-tip { right:8px; }
.one-page-checkout .head a { display:none; }  /* Hide Edit button in step header */
.one-page-checkout h3 { color:#dbffff; font-size:1.05em; }
.one-page-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase; }
.one-page-checkout h4.title { border-bottom:0; text-transform:none; }
.one-page-checkout .step-count { background:#d4d4d5;color:#edffff; font-size:.9em; padding:0 4px; line-height:1em;}
.one-page-checkout .content { padding:10px 20px; }
.one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; }
.one-page-checkout .allow .head { background:#8ab858; border-color:#638540; border-width:1px 1px 0 1px; cursor:pointer; border-bottom:1px solid #8ab858; }
.one-page-checkout .active .head { margin-bottom:0; border:1px solid #638540; background:#638540; padding-bottom:5px; cursor:default;border-bottom:1px solid #638540; }
.one-page-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */
.one-page-checkout .group-select { margin-top:0; border:0; background:none; padding:0; }
.one-page-checkout .allow h3 { color:#fcffff; }
.one-page-checkout .active h3 { color:#ffffff; }
.one-page-checkout .allow .step-count { color:#fff; border:1px solid #b8b8ba; background:#b8b8ba; }
.one-page-checkout .active .step-count { color:#fff; border:1px solid #9c9d9f; background:#9c9d9f; }
.one-page-checkout .active .box, .one-page-checkout .active .box-no-padding { display:block; border-color:#638540; background:#FBFAF6 url(../images/multi_address_box_bg.gif) 0 0 repeat-x; }
.one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; }
.one-page-checkout .checkmo-mailing-address { padding-left:20px; }
.one-page-checkout-progress .page-head { margin-bottom:1em; }
.one-page-checkout-progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px; }
.one-page-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none;  }
.one-page-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#5e8ab4; }
.one-page-checkout-progress h4 a { text-transform:none; }
.one-page-checkout-progress .content { padding:8px 13px; }
#opc-login .button-set { border-top:0; }
#opc-review .data-table { border-top:0; }
.opc-please-wait { padding-right:7px; }
.one-page-checkout a.back { background:url(../images/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px; }
.one-page-checkout .payment-methods dd { padding:0; }
.one-page-checkout .button-set { margin-top:0; padding-top:0em; }

.checkout-progress { margin:0 auto 1.5em auto; }
.checkout-progress td { float:left; margin-right:3px; border-top:10px solid #999; padding:4px 20px; color:#abb5ba; font-weight:bold; }
.checkout-progress td.active { border-top-color:#e96200; color:#e96200; }

/******** login en el proceso de compra *****************/

.col2-set .col-1 { float:left; width:340px; }
.col2-set .col-2 { float:right; width:270px; }

/********************** Form *************************************************************+/

/* Form Elements */
input.input-text, select, textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; background-color:#faffbd }
option, optgroup { font:12px arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.input-text, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
.qty { width:2.5em; }
.group-select label, .form-list label, .payment-methods label { font-weight:bold; }
/**.input-text:focus, select:focus, textarea:focus { background:#edf7fd; }**/
.button-set { /** Container for form buttons**/
    clear:both;

    text-align:right;
    }

.btn-checkout, .btn-checkout:hover {
    color:#fef5e5;
    text-decoration:none;
    }
.btn-checkout span {
    display:block;
    padding:0 17px 0 25px;
    background:transparent url(../images/btn_proceed_to_checkout_bg.gif) no-repeat;
    line-height:40px;
    }

/** Form lists **/
.form-list { list-style:none; padding:0 }
.form-list li { margin-bottom:6px; }
.form-list li .input-box .input-text,
.form-list li .input-box textarea { width:250px; }
.form-list li .input-box select { width:256px; }
.form-list li.addElement { border-top:1px solid #DDD; padding-top:10px; }

/** .group-select ul { list-style:none; padding:0 0 0 28px; margin:0 } **/
.group-select ul { list-style:none; padding:0 0 0 0; margin:0 }
.group-select li { padding:4px 8px 0 0; }
.group-select li .input-box { float:left; width:200px; }
.group-select li .input-text, .group-select li select, .group-select li textarea { width:385px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea { width:185px; }
.group-select li .input-box select { width:190px; }
.group-select li label {}
.peque-pading { margin-top:10px; margin-left:28px; float:left; width:400px}
.enlace-right { margin-top:10px; width:200px; float:right }

/** Form Messages **/
.validation-advice, .required { color:#d46615; }
.validation-advice { clear:both; min-height:15px; margin-top:3px; background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:17px; font-size:.95em; font-weight:bold; line-height:1.25em; }
.validation-failed { border:1px dashed #d46615 !important; background:#faffbd !important; }
/** Expiration date and cvv number validation fix **/
.v-fix { float:left; }
.v-fix .validation-advice { display:block; margin-right:-12em; width:12em; position:relative; }

label.required { font-weight:bold; }
p.required { font-size:.95em; text-align:right; }

/******** error and sucess ****************************************************/

.error-msg { list-style:none; padding:0 }
.error-msg { color:#d46615 }
.success-msg { list-style:none; padding:0 }
.success-msg { color:#638540 }

/********************** Checkout ************************************/

select.address-select { width:630px; }
.shipment-methods ul { list-style:none; padding:0 }
.shipment-methods dd { margin-bottom:13px; }
.payment-methods dt { margin-bottom:5px; }
.payment-methods dd { padding:5px 20px; }
.payment-methods select.month { width:146px !important; margin-right:10px; }
.payment-methods select.year { width:100px !important; }
.payment-methods input.cvv { width:3em !important; }

/*********** table de confirmaci?n de datos **************************/

.data-table-review,#checkout-review-table-footer { width:640px; margin-bottom:10px; }
.data-table-review td, #checkout-review-table-footer td { text-align:left; padding:0; margin:0; }
#checkout-review-table-footer .tax-collapse { padding-right:10px;}
#checkout-review-table-header thead tr th { text-align:left; border-bottom:1px solid #aaa; padding:2px 0 1px 0;}
#checkout-review-table-footer { border-top:1px solid #aaa; padding-top:6px}
.box-review-scroll-data { height:110px; overflow:auto; }

/********************** Tables ***************************************/

/** Data Table **/
.data-table { border:1px solid #ddd; width:100%; }
/**.data-table tr { background:#fff; }**/
/**.data-table .odd  { background:#f8f7f5 }**/
/**.data-table .even { background:#eeeded !important; }**/
.data-table td.last, .data-table th.last { border-right:0; }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; }
.data-table th { border-right:1px solid #ddd; padding:2px 8px; color:#fff; white-space:nowrap; }
.data-table th.wrap { white-space:normal; }
.data-table th a,
.data-table th a:hover { color:#fff; }
.data-table td { padding:3px 8px; }
.data-table thead tr th { background:#638540	; }
.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tfoot tr.first { }
.data-table tfoot tr { background-color:#8ab858 !important; }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; }
.data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; }

/** Tax details **/
.tax-total { cursor:pointer; }
.tax-total td { line-height:13px; padding-top:5px !important; padding-bottom:5px !important; }
.tax-total .tax-collapse { float:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 2px no-repeat; text-align:right; cursor:pointer; }
.show-details .tax-collapse { background-position:0 -55px; }
.show-details td { border-top:1px solid #d2d8db; }
.tax-details td { font-size:0.91em; color:#626465; background-color:#fff; }
.tax-details-first td { border-top:1px solid #d2d8db; }

/********************** Customer **/

/** My Account navigation **/
.account-nav { border:1px solid #bbb; }
.account-nav .head {
   margin:0;
   background:url(../images/account_nav_head_bg.gif) repeat-x 0 100% #fc9d36;
   padding:3px 10px;
    }
.account-nav .head h3 { color:#fff; font-size:1.1em; }
.account-nav ul { background:#fbfaf6; padding:4px 10px 10px 10px; }
.account-nav li a, .account-nav li.on { padding:3px 0;  }
.account-nav li a { display:block; border-bottom:1px solid #ddd; /**background:url(../images/account_nav_link_bg.gif) no-repeat 10px 8px;**/ }
.account-nav li a, .account-nav li a:hover { color:#5f5d5c; text-decoration:none; }
.account-nav li a:hover { color:#ea7900; }
.account-nav li.on { border-bottom:1px solid #ddd; /** background:url(../images/account_nav_on_bg.gif) no-repeat 10px 8px;**/  color:#ea7900; font-weight:bold; }
.account-nav li.on a { padding:0; }
.account-nav li.last, .account-nav li.last a { border-bottom:0; }

/** forgot pwd **/

.col-gene {  border:1px solid #bbb6a5; background:#ffffff; padding:10px;}

/** Login **/
.login-box .col-1, .login-box .col-2 { border:1px solid #bbb6a5; background:#ffffff; }
.login-box .content {padding:14px 21px; }
.login-box h4 {
    min-height:16px;
    border-bottom:1px solid #ddd;
    margin-bottom:1.2em;
    padding-bottom:5px;
    padding-left:23px;
    background-position:0 1px;
    background-repeat:no-repeat;
    text-transform:uppercase;
    }
.login-box .new-users h4 { background-image:url(../images/icon_page_white.gif); }
.login-box .registered-users h4 { background-image:url(../images/icon_page_white_text.gif); }
.login-box .button-set { margin:0; border:none;padding:8px 13px; }
.login-box .content { min-height:230px; }


/** Dashboard **/
.account-box { border:1px solid #ccc; background-color:#ffffff; padding:10px; }
.account-box .head { margin-bottom:10px; border-bottom:1px solid #ccc; }
.inner-head { margin-bottom:8px; background:url(../images/dotted_divider.gif) repeat-x 0 100%; padding-bottom:2px; text-align:right; }
.inner-head h5 { float:left }
.account-box h5 { font-size:1.1em;  }
.account-box h5 a { font-weight:normal; }
.account-box h6 { text-transform:uppercase; }
.account-main .account-box li { padding:5px 0; }
.account-box ol .count {
    float:left;
    margin-top:3px;
    background-color:#0a263c;
    padding:1px 3px;
    font-size:9px;
    font-weight:bold;
    color:#fff;
    line-height:1em;
    }
.account-box ol .content { margin-left:20px; padding:0; }
.account-box ol.recent-reviews small {
    float:left;
    margin-right:3px;
    font-weight:bold;
    }
.account-box .product-images { width:65px; }
.account-box .product-images img { border:1px solid #ccc; }
.account-box .product-details { margin:0 0 10px 70px; }
.account-box .content { padding:0; }
.account-side .actions { border-top:1px solid #ccc; padding-top:4px; }
.account-side .actions .form-button { float:right; }
.edit-password { display:block; height:20px; background:url(../images/icon_lock.gif) no-repeat 0 2px; padding-left:20px; }
.dashboard-welcome { margin-right:8em; margin-bottom:1.5em; font-size:1.1em; }
.account-box .head h4 { padding-left:21px; min-height:17px; background-repeat:no-repeat; background-position:0 0; }
.ad-orders .head h4 { background-image:url(../images/icon_folder_table.gif); }
.ad-account-info .head h4 { background-image:url(../images/icon_ma_info.gif); }
.ad-tags .head h4 { background-image:url(../images/icon_ma_tags.gif); }
.ad-reviews .head h4 { background-image:url(../images/icon_ma_reviews.gif); }

/** Account Addressbook **/
.primary-address-list h4, .address-list h4 {text-transform:uppercase; }
.primary-address-list ol { list-style:none; padding:0 }
.primary-address-list li {
    margin-bottom:10px;
    border:1px solid #ccc;
    background:url(../images/account_box_bg.gif) repeat-x #fff;
    padding:10px 13px 8px 13px;
    }
.primary-address-list li .head { margin:0; }
.address-list li { margin-bottom:1em; }
.address-list .actions { float:right; margin:0 0 10px 10px; }

/** Account Order History **/
.sales-order-view .checkmo-mailing-address { display:block; padding-left:20px; }

/*********** tabla de pedidos paging **************************/

.pager ol { list-style:none; padding:0; }
.pager { padding:5px 0 5px 0 }
.pager ol li { float:left; padding:0 2px 0 2px; font-size:1.3em; color:#638540 }
.pager ol li a { text-decoration:none ;color:#638540 }
.pager ol li span.on { text-decoration:underline ; }
.pager ol li { float:left; padding:0 2px 0 2px; font-size:1.3em; }
.pager strong { display:none; }
.pager tr td { display:none; }
.pager tr td.pages { display:inline; }

/********************** Generic Box */
.generic-box { margin-bottom:15px; padding:12px 15px; border:1px solid #D0CBC1; background:url(../images/base_mini_head_bg.gif) repeat-x #fff; }
.generic-product-list li { margin:12px 0; }

/********************** Coupon */
.col-2-sup { padding:0; margin:0; position:absolute; margin-top:8px; *margin-top:1px }
.discount-codes { border: 2px solid #547330; padding:7px 7px 2px 7px ; color:#547330; width:313px; overflow:hidden ;  *width:340px; }
.discount-codes h4 { font-size:14px; *margin-bottom:0;}
.discount-codes p { margin-bottom: 9px; *margin-bottom: 5px }
.discount-codes .input-text { border: 2px solid #547330; margin-right:5px }
.discount-codes .form-button-alt { background-color:#547330; color:#fff; border: 1px solid #547330; padding:1px 5px 2px 5px; float:left; text-decoration:none; *padding:0px 5px 0px 5px; }
.discount-codes .form-button-alt:hover { text-decoration:underline }
.discount-codes div { float: left }
.discount-codes .validation-advice { display:none }
.discount-codes #coupon_code { width:150px !important}
.discount-codes .validation-failed {height:16px}
.box-message-card .messages { margin:0; padding:0 }


/********************** accordion */ 
.accordion h5 {margin-bottom:12px; margin-top: 18px;}

/********************** paginas estaticas */ 
.div_title_youtube{ position:relative;}
.icon_youtube_metodo a{ text-decoration:none; display:block; width:85px; height:98px; background:url(../images/icono_youtube_sannai_metodo.png) no-repeat;}
.icon_youtube_tutoria a{ text-decoration:none; display:block; width:85px; height:98px; background:url(../images/icono_youtube_sannai_tutoria.png) no-repeat;}

.icon_youtube_metodo_mini a{ text-decoration:none; display:block; width:45px; height:52px; background:url(../images/icono_youtube_sannai_metodo_mini.png) no-repeat;}
.icon_youtube_tutoria_mini a{ text-decoration:none; display:block; width:45px; height:52px; background:url(../images/icono_youtube_sannai_tutoria_mini.png) no-repeat;}

.header-nav { padding:5px 0px 0px 10px;}