/* ---> 
IMPORTANT: Site copyrighted by Lucha Olivares. It may not be partially or totally reproduced without written permition.
Last Modification: 11/20/2007 - By: Lilian Vasquez / Web Design from: OCTOS CREATIVE COMMUNICATION / www.octosonline.com / Phone: 404-514-3084
<--- */

/* BODY
------------------------------------------------------------*/
html, body, blockquote, q, dt, dl, div, h1, h2, h3, h4, h5, h6, a, table, tr, td, ul, ol, li, img, form{padding:0;margin:0;border:0;}
img {vertical-align: middle;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;background: url(../img/foot.jpg);}

/* HEADER
------------------------------------------------------------*/
#header{width:777px;margin:0 auto;background:#FFF;}
#phone{float:right;background:url(../img/envelope.jpg) top right no-repeat;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:16px;color:#666;padding:30px 0 0 0;height:45px;width:185px;}
#logo{background:url(../img/logo.jpg) no-repeat;width:300px;height:78px;text-indent: -10000px;overflow: hidden;top:0;position:relative;float:left;}
#logo a{position: absolute;top:0;left:0;width:300px;height:78px;}
#logo a:hover{background: none;}

/* MENU
------------------------------------------------------------*/
/* 
The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/tree_frog_horizontal.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
*/
#menu {list-style-type:none; padding:0; margin:0; width:777px; position:relative;}
#menu ul {list-style-type:none; padding:0; margin:0; background:#fff;}
#menu li {float:left; background:#657; position:relative;}
#menu li.sub {background:#d30; margin-right:1px; }
#menu li.subr {background: #FF9900;border-right: solid 1px #FF9900;}
#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:110px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#menu ul li a {text-align:left; text-indent:5px;}
#menu ul {position:absolute;left:-9999px;}
#menu li.click ul ul {position:absolute;left:-9999px;}
#menu li.click ul li.hover ul ul {position:absolute;left:-9999px;}
#menu li.hover {background:#663; z-index:500;}
#menu li.click {background:#663;}
#menu li.click ul li {margin-top:1px; border-right:0;}
#menu li.click ul {left:0px; top:24px; background:#fff; border-right:1px solid #fff;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {left:110px; top:-1px; border-left:1px solid #fff; background:#fff;}
#menu li.click ul li.hover ul li {background:#c60;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}
#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}
 
/* BANNER
------------------------------------------------------------*/
#banner {margin:0 auto;background:url(../img/banner.jpg);height:141px;width:777px;padding:0;}

/* TITLES 
------------------------------------------------------------*/
h1 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 23px;color: #669933;}
h2 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 18px;color: #996600;}
h3 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 16px;color: #d30;}
h4 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 14px;color: #cc9900;}

/* FORMS MENU 
------------------------------------------------------------*/
#cat{float:left;width:20%;}
#tec{float:left;width:20%;}
#lang{float:left;width:20%;}
#cart{float:right;width:30%;text-align:right;margin-right:10px;color:#FFF;}
#cart a:link {color:#FFF; text-decoration:none;}
#cart a:visited {color: #FFF; text-decoration: none;}
#cart a:hover {color:#000 ; text-decoration: none;}
#form{height:20px;background-color: #669933;padding:5px;width:767px;margin:0 auto;}
.fo{border-bottom:solid 1px #000;border-right:solid 1px #000;background-color:transparent;color:#000;width:130px;font-size:11px;}

/* CONTENT
------------------------------------------------------------*/
#content {margin: 0 auto;width: 776px;background:#FFF;}
#content2 {margin: 0 auto;width: 756px;padding:10px;background:#FFF;}
#content a:link {color:#669933; border-bottom: 1px solid #669933; text-decoration:none;}
#content a:visited {color: #d30; border: none; text-decoration: none;}
#content a:hover {background-color: #669933; color:#FFFFFF ; border: none; text-decoration: none;}
.wrapper {clear:both;}
.col1 {float:left;width:238px;padding:10px;}
.col2 {float:left;width:239px;padding:10px;}
.col3 {float:right;width:238px;padding:10px;}
.box{border:solid 1px #d30;width:238px;float:left;margin:0 6px 12px 6px;}
.boxtext{padding:10px;}
.line {background:url(../img/line.jpg) no-repeat;height:40px;margin:0 auto;}
.sale{background:url(../img/sale_icon_lg.gif) right top no-repeat;}
#white{background:#FFF;}
.foto{float:right; margin-left:10px;text-align:right;}
.wra{height:20px;}
.ta{padding:10px;}
.ta2{border:solid 1px #669933;background:#FAFAFA;}
.ta3{border:solid 1px #669933;background:#FAFAFA;padding:10px;}

/* FOOTER
------------------------------------------------------------*/
#footer{height:100%;background: url(../img/foot.jpg);}
#f {height:20px;margin: 0 auto;width: 774px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000;background:url(../img/footer.jpg) no-repeat;
padding:10px 0 30px 0;}
#f a:link {color:#000; border-bottom: 1px solid #000; text-decoration:none;}
#f a:visited {color: #FFF; border: none; text-decoration: none;}
#f a:hover {color:#FFFFFF ; border: none; text-decoration:none;}

/* FORM
------------------------------------------------------------*/
fieldset {margin:0;border: 1px solid #cc9900;width:95%;padding:0 15px 0 15px;}
.special {width:5px;visibility:hidden;}
.inpu{margin-bottom:5px; width:50%;}
label{width:95px;float: left;text-align:left;display: block;}
.su{margin-left:90px;}
span{color:red;font-weight:bold;}
legend{padding:5px; color:#FFF;background:#cc9900;font-weight:bold;}

/* TOOGLE
------------------------------------------------------------*/
dt {margin: 20px 0 5px 0;cursor: pointer;text-decoration:underline;color:#669933;padding-left:20px;background:url(../img/bullet_toggle_plus.gif) left no-repeat;height:16px;}
dd {margin: 15px 15px 0px;padding: 15px;line-height: 150%;border: solid 1px #CCC;}
.show {display: block;}
.hide {display: none;}