/* ---> 
IMPORTANT: Site copyrighted by EPCOM. It may not be partially or totally reproduced without written permition.  
Last Modification: 01/11/2008
By: Lilian Vasquez
<--- */

/* BODY
------------------------------------------------------------*/
a, a:link, a:active {color:#000 ; text-decoration:underline;}
a:visited {color: #3366FF; border: none; text-decoration: none;}
a:hover {background-color: #ccc; color: #3366FF; border: none; text-decoration: underline;}
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;fon-size:12px;color:#000;}

/* HEADER
------------------------------------------------------------*/
#header {background:#fff url(../img/bk_menu2.gif) repeat-x bottom;height:85px;}

/* TITLES 
------------------------------------------------------------*/
h1 {font-size: 18px;}
h2 {font-size: 14px;margin-bottom: 5px;}
h3 {font-size: 14px;margin-bottom: 5px;border-bottom: solid 1px #000;width: 90%;}
h4 {font-size: 20px;margin-bottom: 8px;}
h5 {font-size: 26px;margin-bottom: 8px;border-bottom: solid 1px #000;}
h6 {font-size: 16px;margin-bottom: 8px;margin-left:10px;}
.title {font-size: 14px;margin-bottom: 8px;margin-left:14px;font-style:italic;}
.titleoff {font-size: 24px;margin-bottom: 8px;}
b{font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;color:#666666;}

/* LOGO
------------------------------------------------------------*/
#logo{background:url(../img/logotipo2.gif) no-repeat;width:214px;height:43px;text-indent: -10000px;overflow: hidden;top:0;left:6px;position:relative;}
#logo a{position: absolute;top:0;left:0;width:214px;height:43px;}
#logo a:hover{background: none;}

/* SEARCH
------------------------------------------------------------*/
#menus {margin: 0 auto;width: 970px;height:55px;}
#lol {float:right;padding-top:10px;padding-right:10px;font-size: 10px;}
#cart {float:right;padding:0 10px 0 0;font-size: 11px;color:#666;margin:15px 20px 0 10px;}
#cart a:link {color:#666;text-decoration:none;border:none;}
#cart a:active {color:#666;text-decoration:none;border:none;}
#cart a:visited {color:#3366FF;text-decoration:none;}
#cart a:hover {background-color:#ccc; color:#3366FF;text-decoration: underline;}

/* MENU
------------------------------------------------------------*/
#menu {height:20px; position:relative; z-index:100;margin-top:11px;}
.menu, .menu ul {list-style-type:none;font-size:12px;}
.menu li.top {display:block; float:left; position:relative;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu li.top a.top_link{display:block; float:left;height:20px;color:#000;text-align:center; background:url(../img/off.gif) repeat-x;padding-top:5px;}
.menu li.top a:hover.top_link {display:block; float:left; color:#FFF; text-align:center; background:#999;text-decoration:none;padding-top:5px;}
.menu li a {width:137px; text-decoration:none;margin-right:1px;font-family:arial, verdana, sans-serif;font-weight:bold;}
.menu a:hover {visibility:visible;} /* IE6 */
.menu li:hover { position:relative; z-index:200;} /* IE7 */
.menu li a:hover {background:#000;}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

.menu li.con {display:block; float:left; position:relative;}
.menu li.con a {text-decoration:none;width:141px;}
.menu li.con a.top_link {display:block; float:left; height:20px; color:#000; text-align:center; background:url(../img/off.gif) repeat-x;padding-top:5px;}
.menu li.con a:hover.top_link {display:block;float:left;height:20px;color:#FFF;text-align:center;background:#999;text-decoration:none;padding-top:5px;}

/* MENU ROLLOVER
------------------------------------------------------------*/
.menu :hover ul.sub {left:0; top:25px; background:#DBDBDB; padding:3px 0; border:1px solid #888; white-space:nowrap; width:190px; height:auto;}
.menu :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:190px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:25px; width:180px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border-left:3px solid #DBDBDB;text-align:left;}
.menu :hover ul.sub li a.fly {background:url(../img/arrow.gif) 150px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#666; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#666 url(../img/arrow_over.gif) 150px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#666 url(../img/arrow_over.gif) 150px 7px no-repeat; color:#fff;} 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:165px; top:-1px; background: #DBDBDB; padding:3px 0; border:1px solid #888; white-space:nowrap; width:190px; z-index:200; height:auto;}

/* SUB-MENU
------------------------------------------------------------*/
.sub_menu {width:90%;border: solid 6px #666;padding: 8px;background-color:#ccc;}
.sub_menu li {list-style-type: none;border-bottom: dotted 1px #fff;padding: 8px 0 8px 0;}
.sub_menu a {font-size:11px;color: #555;text-decoration: none;border:none;padding:0 0 0 15px;}
.sub_menu a:hover {background:url(../img/bullet_green.gif) no-repeat;margin-left:0;}
.sub_menu li .current {background:url(../img/bullet_green.gif) no-repeat;margin-left:0;border:none;text-decoration:none;color:#0066CC;}

/* BANNER
------------------------------------------------------------*/
#banner_bk {background-color:#0066CC;padding:8px 0 8px 0;border-bottom:solid 3px #ccc;}
#banner {margin:0 auto;width:970px;height:93px;}
.content{width:969px;margin:0 auto;float:left;}
.content a{color: #fff;}
.content p.linkage{margin-top: 2em;text-align: right;font-size: 1.7em;color: #ddd;}
.content p.linkage a {color: #fff;}
/*.content p.linkage a{color: #fff;background: url('../images/bg/biglink_off.gif') center right no-repeat;padding: 10px 20px;text-decoration: none;}
.content p.linkage a:hover{background: url('../images/bg/biglink_on.gif') center right no-repeat;font-style: italic;}*/

/* LANGUAGE
------------------------------------------------------------*/
#l {margin:0 auto;height:30px;background:url(../img/lang.gif) top right no-repeat;text-align:right;padding:2px 11px 10px 0;}

/* CONTENT
------------------------------------------------------------*/
#content{margin: 0 auto;width:970px;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;text-align:justify;}
#content
#contenta{background:#ccc url(../img/bac.jpg);background:url(../img/bac.jpg);}
#myGallery{text-align:left;margin:0 auto;width:970px !important;height:93px !important;}
.col-left{float:left;width:293px;padding:5px 10px;margin-right:12px;border:1px solid #666666;}
.col-mid{float:left;width:293px;padding:5px 10px;margin-right:10px;border:1px solid #666666;}
.col-right{float:right;width:293px;padding:5px 10px;border:1px solid #666666;}
.col-left2{float:left;width:220px;padding:5px 7px;margin-right:9px;border:1px solid #666666;}
.col-mid2{float:left;width:220px;padding:5px 7px;margin-right:8px;border:1px solid #666666;}
.col-right2{float:right;width:220px;padding:5px 7px;border:1px solid #666666;}
.cata{float:left;text-align:left;width:213px;}
.cata2{float:left;text-align:left;width:300px;}
.cata3{float:left;text-align:left;width:150px;}
.catal{float:left;text-align:left;width:179px;padding:8px;background-color:#EBF6FF;border:6px solid #D3ECFF;margin-right:10px;}
.catar{float:right;text-align:left;width:178px;padding:8px;background-color:#EBF6FF;border:6px solid #D3ECFF;}
.col_1 {float:left;width:640px;}
.col_2 {float:right;width:310px;}
.wrapper {clear:both;height:18px;}
.w {clear:both;}
.wrap{height:18px;}
.col_p {float:left;width:46%;margin-left:10px;padding:10px;border:solid 1px #CCC;height:270px;}
.normal_box {width:90%;padding:8px;background-color:#EBF6FF;border:6px solid #D3ECFF;}
pre { white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;}
 .search_box3 {padding:15px;background-color:#EBF6FF;border:1px solid #D3ECFF;width:60%;}
 .grey{padding:10px;width:280px;}

.catt {width:95%;padding:0 15px;}
.c {width:95%;padding:15px;border: solid 1px #ccc;}
.catalogue {float:left;text-align:left;width:47%;}
.news {border-bottom: dotted 1px #ccc;}
.special_box {text-align:left;width:308px;background:url(../img/specials.jpg) no-repeat;height:114px;}
#offer_box {text-align:left;width:308px;background: #000000 url(../img/offbg.jpg) bottom right no-repeat;color:#FFF;}
#offer a, #offer a:link, #offer a:active {color:#FFF ; border-bottom: 1px solid #FFF; text-decoration:none;}
#offer a:visited {color: #3366FF; border: none; text-decoration: none;}
#offer a:hover {background-color: #ccc; color: #3366FF; border: none; text-decoration: underline;}
#mic {background: url(../img/mic.gif) top right no-repeat;}
#offer {padding: 15px;font-size:16px;}
.textoff {padding: 4px 18px 4px 8px;font-size:12px;}
.special {text-align:right;padding: 4px 18px 4px 8px;font-size:18px;}
.sup {text-align:left;width:96%;padding:8px;background-color:#EBF6FF;border:6px solid #D3ECFF;}
.prod1 {float:left;width:50%;}
.prod2 {float:right;text-align:right;width:50%;}
.delta {width:100%;margin:10px 0 10px 10px;background:url(../Images_Productos/tk-3032.jpg) right no-repeat;clear:both;}
.cont {float:left;width:30%;padding:8px;margin-left:8px;}
.search_box1 {float:left;width:45%;padding:15px;background-color:#EBF6FF;border:1px solid #D3ECFF;height:75px;}
.search_box2 {float:right;width:45%;padding:15px;background-color:#EBF6FF;border:1px solid #D3ECFF;height:75px;}

.special2 {visibility:hidden;display:none;}
.rf{width:150px;}
.foto {float: right;width:240px;height:260px;text-align:right;margin-left:10px;margin-bottom:10px;}
.font {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.descricao {float: right;width:50%;}
.for1{float:left;text-align:left;width:35%;}
.padd{padding:15px;}
.ta{padding:10px;}
.ta2{border:solid 1px #6699FF;background:#FAFAFA;}
.ta3{border:solid 1px #6699FF;padding:10px;}
.colle{width:35%;float:left;}
.colri{width:60%;float:right;}
.ki{padding:2px 10px 2px 10px;}
.ki2{border:solid 1px #8E8E8E;background:#FAFAFA;}
.ki3{padding:2px 5px 2px 5px;color:#FFF;}

/* FOOTER
------------------------------------------------------------*/
#footer {height: 50px;background: url(../img/bk_footer.gif) repeat-x;}
.footer_text {margin: 0 auto;width: 969px;padding: 10px 0 0 0;text-align: left;font-size: 10px;color: #333333;}

/* FORM
------------------------------------------------------------*/
fieldset {margin:0;border: 1px solid #CCC;width:95%;padding:0 15px 0 15px;}
.fiel{margin:0;border: 1px solid #CCC;width:560px;padding:0 15px 0 15px;}
.inpu{margin-bottom:5px; width:50%;}
label{width:95px;float: left;text-align:left;display: block;}
.su{margin-left:90px;}