@import url("/css/product.css"); 
@import url("/css/contact.css"); 
body, form, div, img, ul, li, p, h1, h2, h3 { margin:0; padding:0; border:0}
body, input.submit{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif}
fieldset {border:0px;margin:0px;padding:0px;}

a{ color: #f18c46; text-decoration: none}
a:hover{ color: #f18c46; text-decoration: underline}

.break{ width: 0px; height: 0px; line-height: 0px; font-size: 0px; border: 0px none; margin: 0px;	padding: 0px;	float: none; clear: both;	visibility: hidden}

#pat { padding-top:10px; padding-bottom:10px; text-align:center; }
#pat, #pat a { color:black; font-size:12px; }
#lista {text-align:center;margin:4px;}
#lista div {color:grey;}
#lista div a{color:grey;}
div.drsny-styl a{font-size:18px;color:#17499e;margin:0px 7px 0px 7px;font-weight:bold;}
ul.sesuv {margin-left:12px;}

#centering{position:absolute; top:0; left:0; width:100%}
#main { position:relative; width:1003px; margin:0 auto; overflow:hidden; text-align:left}


/* Header */
#logo{ width: 201px; height: 79px}
#buttons{ width: 201px; height: 125px; float: left}
#bg{ width: 802px; height: 205px; float: left; margin-top: -79px}
#menu-top{ width: 1003px; height: 26px}
#menu-bottom{ width: 1003px; height: 27px}
#separator{ width: 1003px; line-height: 29px; height: 29px; background-color: #f18c46; float: none; margin-top: -13px}
.separator-green{ width: 178px; line-height: 31px; height: 31px; background-color: #4cba5b; float: right}

/* Content */
#content{ width: 1003px; min-height:800px; _height:800px; x_height: 452px; xmin-height: 452px; background: url("../images/bg-content.gif") repeat-y left top}
#col-l{ float: left; width: 202px; background-color: #fff}
#col-m{ float: left; width: 621px }
#col-r{ float: right; width: 178px; background-color: #fff}

#categories, #newsletter, #contact-right, #statistics{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px}

#categories{ width: 198px; _height: 449px; min-height: 449px; margin-top: 1px; border: 1px solid #14489e; background-color: #14489e; font-size: 12px}
#categories .first-cell{margin-bottom: 7px;}
#categories .first-cell span{ color: #010302; text-transform: uppercase}
#categories .first-cell strong{ color: #184d81}
#categories .first-cell { background: none; padding-left: 0}
#categories ul{ list-style-type: none; margin-top: 6px; margin-left: 9px; margin-bottom: 10px}
#categories li{ line-height: 16px; padding-left: 10px; background: url("../images/arrows.gif") no-repeat left center; color: #343338; text-transform: uppercase}
#categories a{ color: #fff; font-weight: bold; text-decoration: none; }
#categories a:hover{ color: #f18c46; text-decoration: underline;}
#categories a.current{ color: #f18c46; text-decoration: none; font-weight: bold}
#categories .sub-cat{ xmargin-left: 10px; background: url("../images/dot.gif") no-repeat left center}
 

#newsletter{ width: 176px; height: 104px; margin-top: 1px; border: 1px solid #15479e; background-color: #15479e}
#newsletter span{ color: #fff; text-transform: uppercase}
#newsletter strong{ color: #fff}
#newsletter form{ padding-left: 9px; padding-top: 4px}
#newsletter #text { width: 160px; text-align: justify; margin-top: 7px; margin-bottom: 5px; color: #fff}
#newsletter input.email, #newsletter input.submit{ width: 104px; height: 17px; background-color: #fff; border: 0px; margin-top: 6px}
#newsletter input.submit{ width: 47px; height: 19px; margin-left: 5px; border: 1px solid #fff; position: relative; top: 2px; _top: 0px; background-color: #ef8d46; font-size: 10px; color: #fff; font-weight: bold; cursor: pointer; cursor: hand}
 

#contact-right{ width: 178px; height: 270px; margin-top: 1px; margin-bottom: 1px; background-color: #393738}
#contact-right span{ color: #4db85a; text-transform: uppercase; font-weight: bold}
#contact-right #text { text-align: left; margin: 0 auto; margin-top: 7px; margin-bottom: 5px}
#contact-right p, #contact-right div{ padding-left: 10px; padding-top: 8px; color: #fff}
#contact-right div.fb {padding-left:0px; background-color:#fff; border-right:1px solid #aaa;}
#contact-right p { padding-left: 0px}
#contact-right span.amount{ color: #c00000; text-transform: none; font-weight: bold}

#txt{ margin-left: 7px; margin-right: 7px; margin-top: 13px; width: 609px}
#txt h2{ color: #194e82; font-weight: bold; font-size: 12px; text-transform: uppercase}
#txt h1{ color: #194e82; font-weight: bold; font-size: 13px}

#article{ width: 597px; margin-left: 10px; padding-right: 10px}

.news, .action{ width: 609px; border: 1px solid #ccc; margin-top: 5px}
.news .caption, .action .caption{background-color: #393738; height: 26px; color: #f18c46}
.news a, .action a{ margin-left: 3px}
.news .image, .action .image{ padding-top: 10px; padding-right: 5px}
.news .text, .action .text{ padding: 5px}

.action .caption{ background-color: #f18c46; color: #fff}
.action a{ color: #fff}
.action a:hover{ color: #fff}

/* Footer */
#footer { width: 1003px; height:30px; line-height: 30px; text-align:left}
#int { width: 190px; padding-left: 10px; color: #fff; background-color: #393738; float: left; border-top: 1px solid white}
#int a, #footer a{ color: #fff; display:inline; text-decoration:none; font-weight:bold}
#int a:hover, #footer a:hover{color:#fff; text-decoration:underline}

/* Typography */
body, td, input, #txt, #txt.index {
color:#000;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px
}
.bold {font-weight:bold}
.light-blue{ color: #aad5ff}
.orange{ color: #f6a410}
.left{float: left}

.dark-blue{ color: #184e82}
.red{ color: #bf0200}
.light-gray{ color: #c3c3c3}
.gray{ color: #868686}
.left{float: left}
.right{float: right}
.font-small{ font-size: 10px}
.nomargin{ margin-right: 0}

.infoOK {margin:10px; border:2px solid #009; background:#bbf; color:#009; text-align:center; padding:5px; font-size:14px; font-weight:normal;}