/* -------------------- */
/*   Font definitions   */
/* -------------------- *

Arial           font-family: sans-serif;
Arial Black     font-family: 'Arial Black', 'Gadget CE', sans-serif;
Comic Sans      font-family: 'Comic Sans MS', 'Sand CE', fantasy;
Courier         font-family: monospace;
Georgia         font-family: Georgia, 'New York CE', utopia, serif;
Lucida Console  font-family: 'Lucida Console', 'Monaco CE', fixed, monospace;
Palatino        font-family: Palatino, 'palatino linotype', serif;
Tahoma          font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
Times           font-family: serif;
Trebuchet MS    font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
Verdana         font-family: Verdana, 'Geneva CE', lucida, sans-serif;

*/

/* ************************** *
 *         CSS RESET          *
 * ************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; outline:0; vertical-align:baseline;}
body {background:white; color:black; line-height:1;}
:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align:left; font-weight:normal;}
blockquote, q {quotes:"" "";}
blockquote:before, blockquote:after, q:before, q:after {content:"";}


/* ************************** *
 *      BASIC ELEMENTS        *
 * ************************** */
body      {background:#056d87 url('../images/body.jpg') top center no-repeat; color:#8c8c8c; font-family: Helvetica, Verdana, Arial, sans-serif; line-height:1.25; text-align:center;font-size:90%}
a:link    {color:#89c54a; text-decoration:none;}
a:visited {color:#89c54a; text-decoration:none;}
a:hover   {color:#89c54a; text-decoration:underline;}
a img,td img,th img {vertical-align:middle;}
strong    {color:#fbfdfe;font-weight:bolder}
p         {margin-bottom:1em;}
ol        {margin:0 0 2em 2em; list-style:decimal outside;}
ul        {margin:0 0 2em 2em; list-style:disc outside;}
h1,h2,h3  {letter-spacing:-1px;font-weight:200}
h1        {color:#8c8c8c; font-size:250%; font-weight:normal; margin:0 0 0.35em;line-height:1em;letter-spacing:-2px}
h2        {color:#5b5b5b; font-size:150%; font-weight:normal; margin:2em 0 0.5em;}
h3        {font-size:110%; margin:0 0 0.5em;}
table     {margin:0 0 1em;}
th,td     {padding:0.5em;}
table ul  {margin:0 0 0.4em 2em;}
table h1,table h2,table h3 {margin:0;}
input[type='submit'],input[type='image'],label[for],select,button,.pointer {cursor:pointer; /*cursor:hand;\*/}

button, a.button {background:url(../images/bg_btn.png) no-repeat 0 0;border:none;color:#fff;text-shadow:-1px -1px 0 #568F2E;font-size:100%;width:133px;height:38px;text-align:center} 
#content a.button {display:inline-block;text-decoration:none;line-height:38px}
button:hover, a.button:hover {background-position:0 100%}
/*
button {width:127px; float:left; height:27px; border:none; color:white; text-shadow: #5e8833 -1px -1px 0px; line-height:27px; height:30px;  background: url('../images/newsletter_button.png') center center no-repeat;  text-align:center;  vertical-align:middle; }
*/

/* ************************** *
 *      GENERAL CLASSES       *
 * ************************** */
.cleaner {border:0; clear:both; float:none; font-size:0; height:0; line-height:0; margin:0; padding:0; width:0;display:block}
.fll     {float:left !important;}
.flr     {float:right !important;}
.tal     {text-align:left !important;}
.tar     {text-align:right !important;}
.valignm {vertical-align:middle !important;}


/* ************************** *
 *           LAYOUT           *
 * ************************** */
#wrapper {border-top:4px solid white;}
#all  {margin:0 auto; width:908px;}
#header   {background:url('../images/header.jpg') bottom center no-repeat; height:158px; position:relative;}
#content  {background: white; padding:16px; position:relative; }
#header-slider {margin-bottom:8px; overflow: hidden; position:relative; height:245px; width:876px;}
#header-slider.cat_7{ height: 200px} 
#header-slider.products {height:128px; padding: 0px 0px; overflow:hidden; width:792px; margin:0px auto; }
#textarea { color:#000; overflow:hidden;line-height:1.5em;}
#footer   {background:#034151 url('../images/footer.jpg') bottom left no-repeat; clear:both; margin-bottom:25px; position:relative; padding: 16px; overflow:hidden;}
#leftbar,#content,#rightbar,#footer {text-align:left;}
#message  {background-color:#ccc; color:black; font-weight:bold; margin:2em auto; padding:1em; width:90%; -moz-border-radius:5px; -webkit-border-radius:5px;}


/* ************************** *
 *            ETC             *
 * ************************** */

/*
 * HEADER
 */

/** homelink **/
#homelink {background-color:#151b2d; color:#b7d7df; height:54px; line-height:54px; left:5px; margin:0; overflow:hidden; position:absolute; top:16px; width:304px;}
#homelink a {color:#b7d7df; display:block; font-size:x-large; height:100%; position:relative; text-decoration:none; width:100%;}
#homelink a:hover {text-decoration:underline;}
#homelink a:focus {outline:#a9a9a9 dotted thin;}
#homelink a span {background:url('../images/homelink.png') 0 0 no-repeat; cursor:pointer; /*cursor:hand;\*/ display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:10;}

/** languages **/
#languages {position:absolute; top:0px; right:0px; background: url('../images/languages.png') top center no-repeat; width:116px; height:32px; text-align:center; padding-top:4px;}
#languages a {margin:0px 4px;}

/** category-slider **/
#slider-items {position:absolute; top:0; left:0; cursor:pointer;}
#slider-navigation {background:url('../images/product-slider.png') 0px 0px no-repeat;  width:908px; height:128px; }
#slider-items .slider-item {height:313px; width:892px; position:absolute; top:0; left:0; }
#slider-items .slider-item .text {position:absolute; top:0; color:white; font-size: 110%4px;  padding: 8px; text-align:right;}
#slider-items .slider-item .text h1 { font-size:150%; color:#cb126d}
#slider-items .slider-item .text h2 {font-size: 140%; color:#cb126d}
#slider-pager {background:#d8dde3; position:absolute; right:0px; bottom:0px; padding: 0px 4px;}
#slider-pager a {display:inline-block; width:50px; height:32px; overflow:hidden; text-align: center; margin:4px 4px; border:1px solid #908f90; }
#slider-pager .active a {border: 1px solid #89C54A}
#slider-pager a img {margin:0px auto; text-align:center;}

#header-slider.products .slider-inner {text-align:center; vertical-align:top; height:128px; margin: 0px; position:relative;}
#header-slider.products .product { margin:13px 5px 0px 5px; width:122px; height:112px; float:left; display:inline; font-size:90%; overflow:hidden;}
#header-slider.products .product a {line-height:12px; font-size: 11px;color:white; text-decoration:none; width:122px; height:112px; display:inline-block; position:relative; top:0px; background-image:none; }
#header-slider.products .product a span {width:117px; height:75px; display:inline-block; text-align:center; overflow:hidden; border:2px solid #062b2a;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#header-slider.products .product a:hover{color: #82bd46}
#header-slider.products .product a:hover span, #header-slider.products .active a span{border:2px solid #82bd46;}
#header-slider.products .product a img {width:120px; height:auto;}

#slider-navigation {position:relative; width:892px;margin-bottom:8px}
#slider-navigation a {width:50px;height:100px;background:url('../images/sprite_scroller.png') no-repeat 0 0;position:absolute;left:0;top:17px;z-index:2000; display:inline-block;  }
a#slider-nextlink {left:842px;background-position:-50px 0}
#slider-navigation a:hover { background-position: 0 100% }
a#slider-nextlink:hover { background-position: -50px 100% }
/** menu **/
#menu {text-align:center; position: absolute; bottom: 0px; left:0px; width:100%; text-align:center;}
#menu ul {padding:0px; margin:0px;height:53px}
#menu ul ul {display:none; }
#menu li {display:inline; font-size: 110%; height:53px; line-height:53px;  vertical-align:middle; font-weight:bold; padding:0px; margin-left:-5px; overflow:hidden;}
#menu li a {color:white; width:auto; display:inline-block; text-decoration:none; height:100%; padding:0px 20px; margin:0px;font-size:120%;font-weight:200;letter-spacing:-1px;}
#menu li a:hover, #menu li.active a, #menu li.active_last a{color:#372a2a; background:white; }
/*
 * CONTENT
 */

#content a {text-decoration:underline}
#content h2 {color: #6AA438}
#producttext h2{ color:#5b5b5b}
a#link-order {display:inline-block; width:278px; height:63px; line-height:60px; vertical-align:middle; text-align:center; text-decoration:none; font-size:120%; background: url('../images/link_order.png') center center no-repeat; text-shadow: #5e8833 -1px -1px 0px; color:white;float:right}
.infobox, .infobox2 {float:left;width:430px;margin:0 0 2em 0}
.infobox3 { float:left; width:175px;margin-right:16px;padding:16px;background-color:#eee;min-height:6em}
.negative-margin {margin-right:-16px}
.infobox h2, .infobox2 h2 {color:#5B5B5B}
.infobox2 {float:right}
.infobox li, .infobox2 li {border-bottom:1px dashed #ccc;}
.infobox ul, .infobox2 ul {margin:0 0 0 1.5em}
#content .infobox3 h2 {color:#5B5B5B; margin-top: 0;}
#textarea ul { margin-left:1.5em;line-height:2em} 
#textarea li {list-style-image: url(../images/bullet_green.png);}

/** breadcrumbs **/
#breadcrumbs {font-family:Georgia, 'New York CE', utopia, serif; font-size:200%; margin:0 0 25px;}
#breadcrumbs a {color:#b7014e; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs a img {float:none; margin:0; padding:0;}
#breadcrumbs strong a {color:#fbfdfe; font-weight:normal;}

/** container-gallery **/
#container-gallery {margin:35px 0;}
#container-gallery h2 {color:#bf0d58;}
#container-gallery .gallery-item {float:left; margin:0 8px 8px 0;}
#container-gallery .gallery-item-innertube {border:2px solid #3f465c; display:table-cell; height:110px; position:relative; text-align:center; vertical-align:middle; width:125px;}
#container-gallery .gallery-item-innertube:hover {border:2px solid #bf0d58;}
#container-gallery .gallery-item a {display:block;}
#container-gallery .gallery-item img {float:none; margin:0; padding:0;}

/** products paginator, gallery paginator **/
#container-products .pagination-summary {float:left; line-height: 27px; color:black; font-size:110%;}
#container-products .paginator, #container-gallery .paginator {float:left; margin:0 8px 8px 8px; color:#7e7e7e; font-size:110%;}
#container-products .paginator a, #container-products .paginator span, #container-gallery .paginator a, #container-gallery .paginator span  {background: url('../images/paginator.png') center center no-repeat; color:#7e7e7e; text-align:center; display: inline-block; height:27px; width:32px; line-height:27px;  text-decoration:none; margin-right:4px; }
#container-products .paginator a:hover, #container-products .paginator span, #container-gallery .paginator a:hover, #container-gallery .paginator span {background: url('../images/paginatoractive.png') center center no-repeat; color:#fff;}
#container-gallery .paginator a.boundary,#container-products .paginator a.boundary {background: url('../images/paginator_boundary.png') center center no-repeat; width:85px; height:27px;}
#container-gallery .paginator a.boundary:hover, #container-products .paginator a.boundary:hover {background: url('../images/paginator_boundaryactive.png') center center no-repeat; width:85px;}
/** container-products **/
#container-products {overflow:hidden; margin: 8px -8px 0px -8px; padding:0px;}
#container-products .product {float:left; margin: 8px 8px; width:430px;  height:317px; position:relative; zoom:1; display:inline;}
#container-products .product .image {line-height:317px; height:317px; vertical-align:top; width:430px; text-align:center; overflow:hidden;}
#container-products .product .image a {display:inline-block; line-height:317px; height:317px; vertical-align:top; }
#container-products .product .image img {border:none; float:none; margin:0px; padding:0px;  vertical-align:top; height:317px; width:auto; }
#container-products .product .info {height:67px; width:auto; padding: 8px; position: absolute; left:0px; bottom:0px; background:url('../images/product_info.png'); color:#87c249; text-align:left;}
#container-products .product .info h3 {color:white; float:left; width:273px; font-size:140%; font-weight:normal; margin:0px 8px 0px 0px; display:inline;}
#container-products .product .info h3 a {color:white; text-decoration:none;}
#container-products .product .info .date {float:right; display:inline-block; text-align:right; width:133px; display:inline;}
#container-products .product .info p {clear:both; margin:0px 8px 0px 0px; width:270px; font-weight:normal; float:left; display:inline; }
#container-products .product  a.button { position:absolute; bottom:8px; right:8px;}
/** >> PRODUCT (detail) << **/
h1.prod-title, strong {color:#2c2c2c;}
/*imagebox*/
#imagebox {float:left; position:relative; text-align:center; margin: 0px 16px 8px 0px; }
#imagebox img {border:none; float:none; margin:0; padding:0;}
#imagebox #mainimage {border:2px solid #3f465c; display:table-cell; position:relative; vertical-align:middle}
#imagebox #mainimage a {display:block;}
#imagebox img.product-newie, #imagebox img.product-action {height:auto; position:absolute;}
#imagebox img.product-newie {left:0; top:182px;}
#imagebox img.product-action {left:186px; top:0;}

#product-thumbnails {margin:8px 0 0; c lear:both; overflow:hidden; }
#product-thumbnails .prod-thumb {float:left; margin:0 6px 6px 0;overflow: hidden; width: 80px;border:2px solid #3f465c;}
#product-thumbnails .imgwrap { display:table-cell; height:64px; position:relative; vertical-align:middle; width:80px; text-align:center;  }
#product-thumbnails img {height:48px; overflow: hidden;}
#product-thumbnails a {display:inline-block;}
/*producttext*/
#producttext {}
/*productprice*/
#productprice {color:#b00855; font-size:135%; line-height:1; margin:35px 0; width:270px;}
#productprice td {padding:0.2em 0.5em 0.2em 0; vertical-align:bottom;}
#productprice .choices td {padding:0 0.5em 0.5em;}
#productprice-cartlabel {width:8em;}
#productprice-label {text-align:right;}
#productprice del {font-size:100%;}
#productprice form {position:relative; top:0.3em;}
#productprice input {text-align:center; width:2.5em;}
#productprice #productprice-submit {background:#a4a899 url('../images/carticon.png') 0 0 no-repeat; border:none; height:32px; width:32px;}
#productprice strong {color:#b00855; font-size:150%;}
/*productfeatures*/
#productfeatures {clear:both; margin:0 0 35px; width:100%;}
#productfeatures tr td {background-color:transparent;}
#productfeatures tr.even td, #productfeatures th {background-color:#222c48;}
#productfeatures th {color:#a1a6a4; font-size:large; font-weight:bold; padding:0.5em;}
#productfeatures td {color:#a1a6a4; padding:0.45em 1em;}
#productfeatures td.label {width:275px;}
#productfeatures td strong {color:#a1a6a4;}
/*relatedproduct*/
#container-relatedproducts {clear:both; margin:35px 0;}
#container-relatedproducts h2 {margin:0 0 0.75em;}
#container-relatedproducts img {border:none; float:none; height:76px; margin:0; padding:0;}
#container-relatedproducts img.noimage {height:auto;}
#container-relatedproducts .product {float:left; margin:0 15px 35px 0; text-align:center; width:124px;}
#container-relatedproducts .product .imgwrap {border:2px solid #3f465c; display:table-cell; height:124px; position:relative; text-decoration:none; vertical-align:middle; width:120px;}
#container-relatedproducts .product .imgwrap:hover {border:2px solid #bf0d58;}
#container-relatedproducts .product .imgwrap a {display:block;}
#container-relatedproducts .product h3 {color:#b4b4b4; font-size:90%; font-weight:bold; height:2.4em; line-height:1.2; margin:0.25em 0; overflow:hidden; text-align:center;}
#container-relatedproducts .product h3 a {color:#b4b4b4; text-decoration:none;}
#container-relatedproducts .product .price {font:90%;}
#container-relatedproducts .product strong {color:#fff; font-size:110%; font-weight:bold;}

.address {float:left;}
#textarea address {line-height:1.2em;}
#textarea address p {margin:1em 0}
#mapa {float:right}

/** contact-form **/
#contact-form {background-color:#eee;border:1px solid #ccc}
#contact-form table {width:100%}
#contact-form input, #contact-form textarea {padding:.5em 1em; border:1px solid #ccc; }
#contact-form td {vertical-align:top}
#contact-form textarea {width:98%;padding:1%}
.mandatory {color:#f00; padding-right:.3em}

/** login-form **/
/*
 * FOOTER
 */

#footer h3 { color:#b4c6cb; font-size:145%;}
#subscribe {float:left; width:436px; color:#688d97; }
#subscribe input#subscribe-form-input {width:167px; float:left; height:19px; margin:1px 8px 0 0; padding: 9px 8px 6px; background:#3a6b77; border:none; color:#b0c4c9; font-style:italic; }

#footer-texts {float:right; width:452px; margin:0px -16px 0px -8px; overflow:hidden;}
#footer-texts .box {float:left; margin: 0px 8px; width:204px;display:inline; }
#footer-texts .box, #footer-texts .box a {color:#688d97;}
#footer-texts .box a:hover {color:#89c54a}
#footer-texts p {margin:1em 0}
#footer-texts strong {color:#688d97;font-weight:bolder}

#footer-creator {clear:both;  margin: 8px 0px 0px;   color: white; text-align:center;font-size:80%}
#footer-creator a {color:white; text-decoration:none;}
/*
 * OVERLAY
 */

#overlay {background-color:#000; filter:alpha('opacity=80'); height:100%; left:0px; opacity:0.8; position:fixed; top:0px; width:100%; z-index:200;}
#form-emailLink {background-color:#fff; left:30%; padding:1em; position:fixed; text-align:left; top:20%; width:40%; z-index:201;}
#form-emailLink th, #form-emailLink td {padding:0.4em;}
#form-emailLink th {background:#eee; border:1px solid #ccc; vertical-align:middle;}
.link-close {text-align:right;}