@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body{ margin:0px; padding:0px; font-family:Arial, Helvetica ,sans-serif; font-size:0.8em; background: url(../images/background_page.jpg) left  bottom repeat-x #fff; color:#333; font-weight:normal; height:100%; }

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold; color:#3e0000; margin:3px 0; padding:3px 0}
table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#333; font-weight:bold}
a:hover{ color:#000; }
a:focus {outline: none;}
/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.fr{ float:right}
.fl{ float:left}
.green{ color:#006c68}
.blue{ color:#026aa2!important}
.ac{ text-align:center}
.red{ color:#CC0000}
.padd{ }

#wrapper{ width:1005px; min-height:800px;height:auto!important; height:770px;  margin:0px auto; padding:0; background: url(../images/background.jpg) left top repeat-y}

/* -----------------------------------------------
2. HEADER
----------------------------------------------- */
#header{ width:1004px; height:255px; background:url(../images/nw/header1.jpg) 1px top no-repeat}
#logo{ padding:5px 0px 0px 15px; float:left; width:310px; height:55px }
#header h1{ display:none}
#header h2{ width:320px; float:left; color:#026aa2; font-size:18px; padding:8px 20px 0 47px; text-align:center}
#logo_kine{ width:218px; height:50px; float:left; padding:5px 0 0 73px }
#header_prod{ width:1004px; float:left; clear:both; padding:0px 0 0 0px}
#header_prod img{ padding:5px 0 0 30px; float:left}
.logo_green{ padding:0 0 0 140px!important}
.region{ font-size:100%; color:#00aedb; margin:0; padding:15px 0 0 20px; text-align:left; width:225px; float:left; font-weight:bold}
.region span{ font-size:125%}
.header_offe{width:1005px;height:75px;color:#038bd5;font-size:16px;font-weight:bold;margin:235px 0 0 40px;padding:0;_margin:-40px 0 0 40px;clear:both;position:absolute;left: 946px;top: -58px;}
.header_offe p{ width:330px; float:left}
.header_offe span{ color:#006c68; float:left; padding:20px 0 0  400px; _padding:0px 0 0  400px}
.phone{ clear:both; color:#006C68 ; font-weight:bold; text-align: center; padding:0 5px 0 0px; font-size:135%; float:right; margin:-44px 0 0 0 }
/* -----------------------------------------------
3. MAINCONTENT
----------------------------------------------- */
#maincontent{ width:1005px; min-height:500px; height:auto}
#maincontent_home{ width:1005px; min-height:500px; height:auto; ; background: url(../images/glass1.jpg) 858px 340px no-repeat}

#left{ width:230px; float:left; height:auto!important; padding:5px 0 0 0}

#left h2{ color:#666666; font-size:1.3em; padding:30px 0 0 20px;}
#left h3{ padding:30px 0 0 20px; color:#006c68; font-size:1.4em}
#left_nav{  width:100%; margin:0px 0 0 0}
#left_nav ul{  list-style-type:none; width:170px}
#left_nav li{ padding:8px 0; border-bottom: dashed 1px #e5e5e5}
#left_nav a{color:#006c68; background:url(../images/drop.jpg) left top no-repeat; padding:0 0 0 25px; font-family: Helvetica,Arial, sans-serif ; display:block; font-size:1.20em}
#left_nav a:hover{ color:#0099FF}

#content{ width:720px; float:left; padding:0 0 0 15px}
#content h2{ color:#026aa2; padding:0px; line-height:17px; text-align:left}
#content h3{ padding:10px 0 0 5px; color:#636363; font-size:1.35em}
.heading_green{color:#006c68!important; padding:0px 0 0 5px!important}
#content p{ padding:5px 0 0 5px; line-height: normal; width:80%}

#col_one, #col_two{ width:310px; float:left; margin:0 0 0 5px}
#col_one { text-align:center}
#col_one img{ padding:0px 0 20px 0}
.title{ border-bottom:solid 1px #ddd; padding:8px 0 10px 5px !important; width:80%; text-transform:capitalize}

.prod{ width:710px; float:left; border-bottom: dotted 1px #EAF2F4}
.prod img{ float:right; padding:0 10px}
.prod p{ float:left; width:500px!important}

.sitemap{ padding:30px}
.sitemap li{ padding:5px 0}
/* -----------------------------------------------
4. FOOTER
----------------------------------------------- */

#footer{ width:1005px; height:100px; margin:0 auto; background: url(../images/footer.jpg) left top no-repeat; clear:both; 
padding:60px 0; text-align:center; color:#636363}
#footer ul{ margin:0; padding:0 }
#footer li{ padding:5px 0px; display:inline}
#footer a{ color:#636363; padding:0 10px}
#footer p{ font-size:90% }


/*validation  contact form*/
input.required, textarea.required {border: 1px solid #B0E2FF;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #0067a6;}
.validation-advice {margin: 5px 0;color:#ff0000;font-weight: bold;width:315px;}

.survey{ border: none; background:none }
.survey form{ background:none}
.survey legend{ font-size:1.4em; font-weight:bold; text-align:center!important; display:block}
.survey label{ font-weight:bold;}
.survey input { border:solid 2px #bac8c8}
.survey select{ width:235px}
.row{ width:300px; height:auto; padding:5px 20px 3px 30px;}
.send_btn{ width:200px; margin:0 auto}
.s_btn{ background:#49b9b9; width:75px; border:none!important; color:#fff; font-weight:bold; text-transform:uppercase; padding:4px 10px}

.top_r{ background:url(../images/top.jpg) left top no-repeat; width:336px; height:20px}
.bot_r{background:url(../images/bot.jpg) left top no-repeat; width:336px; height:20px}
.mid_r{ background:url(../images/mid.jpg) left top repeat-y; width:336px; height:auto;}

.img_he{ margin :0 0px 0 0 ; border:solid 2px #c7e9e9; float:left}

.col h2{ float:left; width:200px; margin:5px; display:block}
.book{ clear:both; color:#006666; width:77%; margin:0px auto }
.book a{ color:#006666; background:url(../images/nw/badge.jpg) left top no-repeat; padding: 16px 0 0 105px; display:block; height:80px}
.book a:hover{ color:#00AEDB}
.wide{ width:100%!important; clear:both; height:100px; display:block}
.wide img{ float:left; margin:5px}

.list_prod { list-style: outside; }

.list_prod a{ color:#016a65;border-bottom:dashed 1px #dedede}
.list_prod a:hover{ color:#067db7;border-bottom:dashed 1px #dedede}
.list_prod li{ padding:4px 0; }