@charset 'UTF-8';
@import url('common.css');

html, body, img, a { margin:0px; padding:0px; font-size:12px; font-family:arial; line-height:20px; color:#333333; border-width:0px; border-spacing:0px; }
table, tbody, thead, tr, th, td { font-family:inherit; font-size:inherit; line-height:inherit; vertical-align:top; position: relative; }
html, body { background-color:#ffffff; }
div { -moz-box-sizing: border-box; position: relative;  margin: 0; padding: 0; }
h1, h2, h3, p { position: relative; }

#top { height: 297px; background: url(../images/layout/top_bg.png) left top repeat-x; color: #ffffff; }
#menu { height: 39px; background: url(../images/layout/mid_menu_bg.png) left top repeat-x; color: #ffffff; }
#middle { background: url(../images/layout/mid_top_bg.png ) left top repeat-x; border-top: 1px #ffffff solid; }
#contents { min-height: 100px; background: url(../images/layout/bottom_bg.png ) left bottom repeat-x;}

.center { width: 900px; margin: auto; }

/*top*/
#top .banner { height: 297px; background: url(../images/layout/top_img.jpg) left top no-repeat; }
#top .spa-medica { position: absolute; left: 39px; top: 40px; width: 228px; height:61px; display: block; }
#top .centrum { position: absolute; left: 19px; top: 127px; }
#top .banner .box { position: absolute; left: 680px; top: 86px; width: 190px; height: 190px; }

/*menu*/
#menu ul { display: inline; position: relative; margin:0; padding:0; margin-left: 16px; }
#menu li { display: inline;  position: relative; margin:0; padding:0; margin-left: 12px; }
#menu a { color: #ffffff; text-decoration: none; text-transform: uppercase; font-family: "century gothic", arial; font-size: 13px; padding-left: 20px; background: transparent url(../images/layout/mid_menu_ind.png) 2px 1px no-repeat; outline: none; line-height: 40px; }
#menu a:hover { text-decoration: underline; }
#menu .selected a { color: #FFD21B; }

#menu .box { position: absolute; width: 270px; height: 39px; top: 0; right: 0; margin:0; padding: 0; line-height: 40px; text-align: right; }
#menu .box .keyword { border: none; background: url(../images/layout/mid_menu_input.png) left top no-repeat; width: 136px; height: 20px; font-size: 12px; padding: 2px 1px 2px 2px; margin-left: 3px; }
#menu .box .search { cursor: pointer; border: none; font-size: 0.001em; color: #FFC257; margin: 0 16px 0 0; outline: none; padding: 10px 0 0 0; width: 23px; height: 23px; max-height: 23px; background: transparent url(../images/layout/mid_menu_search_btn.png) left top no-repeat; }
#menu .box .search::-moz-focus-inner { border: none; }


#contents .center { padding: 30px 0 40px 0; }
#contents .box { margin: 20px 0 26px 0; }
#contents a { text-decoration: underline; }
#contents a:hover { text-decoration: none; }
#contents .box .image { float: left; padding: 6px 0 0 0; width: 160px; }
#contents .box .contents { float: left; }

#left { float: left; width: 590px; } 
#left .inner { margin-left: 26px; margin-bottom: 20px; text-align: justify; } 
#left h1 { background: url(../images/layout/mid_ind.png) 2px 14px no-repeat; font-family: "century gothic", arial; color: #008888; font-size: 21px; padding: 10px 0 12px 24px; margin: 0; line-height: 20px; font-weight: normal; }
#left h2 { font-family: "century gothic", arial; color: #008888; font-size: 18px; padding: 10px 0; margin: 0; font-weight: normal; }
#left img { padding: 0; background-color: #ffffff; border: 1px #E0E0E0 solid; }
#left .thumb { float: left; margin: 10px 16px 10px 0; padding: 0; background: url(../images/layout/thumb_bg.jpg) left top no-repeat;}
#left .thumb table { border: 0; border-collapse: collapse; }
#left .thumb td { border: 0; width: 165px; height: 165px; text-align: center; vertical-align: middle; margin:0; padding:0; }
#left .thumb a { display: block; }
#left .partners .image img { border: none; }

#left ul { display: block; position: relative; margin:0; padding:0; margin: 0; list-style: none; }
#left li { display: block; position: relative; margin:0; padding:0 0 0 16px; margin-left: 10px; background: transparent url(../images/layout/mid_ind_small.png) 4px 9px no-repeat; }

#left .article { margin-bottom: 30px; text-align: justify; }
#left .article p {  }
#left table.headed { border: 0; }
#left table.headed td { border: 0; padding: 3px 4px; background-color: #f7f7f7; }
#left table.headed tr.head td { background-color: #006868; color: #ffffff; text-align: center; vertical-align: middle; font-weight: bold; }

#left .date { margin: 8px 0; color: #808080;}
#left .nav { margin-top: 4px; }
#left .nav a {color: #808080;}
#left .more { text-align: right; }

#left fieldset { border: none; padding: 0; margin: 15px 0; }
#left textarea, 
#left input,
#left select  { border: 1px #e0e0e0 solid; font-size: 12px; font-family: arial; background-color: #fafafa; }

#right { float: right; width: 300px; background: url(../images/layout/paper.jpg) left bottom no-repeat; }
#right .inner { margin: 0 30px 80px 80px; }
#right p { margin: 12px 0;}

#foot { height: 40px; font-size: 11px; }
#foot a { text-decoration: none; margin-left: 4px; }
#foot a:hover { text-decoration: underline; }
#foot a strong { color: #006868; }
#foot a:hover strong { color: #006868; }
#foot .center { padding: 14px 0 17px 0; text-align: center; }
#foot .partners { padding-left: 26px; float: left; }
#foot .vega { padding-right: 16px; float: right; }
#foot .vega a strong { font-family: verdana; font-size: 11px;}
#foot .vega a strong span { font-family: times; font-weight: normal; font-style: italic; text-transform: lowercase; font-size: 17px;}

#contactForm .container { margin-left: 25px; }
#contactForm .msg { margin: 20px 0; padding-left: 10px; }
#contactForm .error, #contactForm .req  { color: #f06633; }
#contactForm .left_cell { float: left; margin-right: 25px; }
#contactForm .group { padding-left: 3px; border: 1px #e0e0e0 solid; background-color: #fafafa; margin-right: 10px;}
#contactForm .group label { float: left; width: 102px; margin-right: 10px; font-size: 11px; }
#contactForm .group input { float: left; }
#contactForm .inputText { padding-bottom: 10px; }
#contactForm .description_right { margin-left: 5px; }
#contactForm legend { margin: 0 0 15px 0; padding: 0; font-weight: bold; font-size: 1.2em; color: #008888; }
#contactForm label { color: #333333; line-height: 18px; }
#contactForm input.checkbox { vertical-align: middle; border: 0; background: none;}
#contactForm p.error { font-weight: bold; }
#contactForm textarea { width: 420px; padding: 2px 4px; font-size: 11px; }
#contactForm textarea.error, #contactForm input.error, #contactForm div.error  { border: 1px solid #f06633; }
#contactForm #email { width: 420px; padding: 2px 4px; font-size: 11px; }
#contactForm .btnsend { margin-right: 110px; width: 60px; background-color: #006868; border: none; color: #ffffff; font: size: 11px; padding: 2px 10px; }
#contactForm small { font-size: 11px; }

.clear {
   clear: both;
   height: 0;
   width: 0;
   padding: 0;
   margin: 0;
   font-size: 0;
   line-height: 0;
   border: 0;
}