/* ---> 
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 ; border-bottom: 1px solid #000; text-decoration:none;}
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;}

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

/* TITLES 
------------------------------------------------------------*/
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;color:#000;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #000;margin-bottom: 5px;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #000;margin-bottom: 5px;border-bottom: solid 1px #000;width: 90%;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 26px;color: #000;margin-bottom: 8px;}
h5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 26px;color: #000;margin-bottom: 8px;border-bottom: solid 1px #000;}
h6 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;color: #000;margin-bottom: 8px;margin-left:10px;}
.title {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #000;margin-bottom: 8px;margin-left:14px;font-style:italic;}
.titleoff {font-family: Verdana, Arial, Helvetica, sans-serif;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
------------------------------------------------------------*/
#lol {float:right;padding-top:10px;padding-right:10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #000;}
#cart {float:right;padding:0 10px 0 0;font-family: Verdana, Arial, Helvetica, sans-serif;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; border: none; text-decoration: none;}
#cart a:hover {background-color: #ccc; color: #3366FF; border: none; text-decoration: underline;}

/* MENU
------------------------------------------------------------*/
#menu {margin: 0 auto;width: 970px;height:55px;}
#main_menu {height:25px;margin: 0 auto;list-style-type:none;width:970px;padding:0;text-align:center;}
#main_menu li {float:left; display:inline; width:137px;margin-right:1px;}
#main_menu li a, #main_menu li a:visited {display:block; width:137px;color:#000; font-size:12px;text-decoration:none;line-height:25px; font-family:arial, verdana, sans-serif;font-weight:bold;background:url(../img/off.gif) repeat-x;border:none;text-decoration:none;}
#main_menu li a:hover, #main_menu li a.current, #main_menu li a.chosen:visited,  #main_menu li a:active, #main_menu li a:focus {background:#999999;border:none;text-decoration:none;color:#FFF;}

#main_menu li.co {float:left; display:inline; width:141px;margin-right:1px;}
#main_menu li.co a, #main_menu li.co a:visited {display:block; width:141px;color:#000; font-size:12px;text-decoration:none;line-height:25px; font-family:arial, verdana, sans-serif;font-weight:bold;background:url(../img/off.gif) repeat-x;border:none;text-decoration:none;}
#main_menu li.co a:hover, #main_menu li.co a.current, #main_menu li.co a.chosen:visited,  #main_menu li.co a:active, #main_menu li.co a:focus {background:#999999;border:none;text-decoration:none;color:#FFF;}

/* 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-family: Verdana, Arial, Helvetica, sans-serif;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;}
#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;}

/* 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-family: Verdana, Arial, Helvetica, sans-serif;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;}