/* ------------------------------


  Author: Cleanet.cz
  width: 960px
  File: main.css

------------------------------ */

/* Main settings */

html {
 height: 100%;
 font-size: 100%;
}

body {
 background: #f3f3f3 url(../img/bg-photo.png) center top no-repeat;
 height: 100%;
 line-height: 22px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #555;
 text-align: justify;
}

/* Font face settings */

@font-face {
 font-family: 'MuseoSans500Regular';
  src: url('../font/museosans_500-webfont.eot');
  src: url('../font/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/museosans_500-webfont.woff') format('woff'),
       url('../font/museosans_500-webfont.ttf') format('truetype'),
       url('museosans_500-webfont.svg#MuseoSans500Regular') format('svg');       
 font-weight: normal;
 font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'MuseoSans500Regular', sans-serif;
 color: #111;
 font-weight: normal;
}

h1 {
 font-size: 12px;
}

h2 {
 font-size: 30px;
}

h3 {
 font-size: 28px;
}

h4 {
 font-size: 26px;
}

h5 {
 font-size: 24px;
}

h6 {
 font-size: 22px;
}

a {
 color: #ec4403;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

.clear {
 clear: both;
}

/* Wrapper - 980px width */

#wrapper {
 width: 980px;
 padding: 40px 0 0 0;
 margin: 0 auto;
}

/* Page */

#page-top, #page-bottom {
 background: url(../img/page-top.png) 0 0 no-repeat;
 width: 980px;
 height: 20px;
 display: block;
}

#page-wrapper {
 background: url(../img/page.png) 0 0 repeat-y;
 width: 960px;
 padding: 0 10px;
 display: block;
}

#page {
 background: #fff url(../img/header-gradient.gif) 0 80px repeat-x;
 width: 900px;
 padding: 0 30px; 
}

#page-bottom {
 background: url(../img/page-bottom.png) 0 0 no-repeat;
}

/* Header */

#header {
 width: 900px;
 height: 75px;
 padding: 5px 0 0 0; 
}

#header h1 {
 background: url(../img/logo.png) left center no-repeat;
 height: 45px;
 line-height: 22px;
 font-size: 24px;
 color: #ec4403;
 padding: 15px 0 15px 89px;
 float: left;
}

#header h1 a {
 text-decoration: none;
}

#header h1 span {
 color: #ff723c;
}

/* Header > Language */

#header #lang {
 background: #fafafa url(../img/lang.gif) 0 0 no-repeat;
 height: 30px; 
 line-height: 30px; 
 padding-left: 5px;
 margin: 15px 0 30px 0; 
 float: right;
 display: block;
}

#header #lang ul {
 background: #fafafa url(../img/lang.gif) 100% 0 no-repeat;
 height: 30px;
 line-height: 30px; 
 font-family: 'MuseoSans500Regular', sans-serif; 
 font-size: 16px; 
 padding-right: 5px;  
 float: left; 
 display: block; 
}

#header #lang ul li {
 padding: 0 5px;
 color: #989898;
 text-shadow: #fff 0 1px 0;
 text-transform: uppercase;
 float: left;
}

#header #lang ul li a {
 color: #989898;
 text-decoration: none;
}

#header #lang ul li.current a, #header #lang ul li a:hover {
 color: #7e7e7e;
}

/* Navigation */

ul#nav {
 background: #ec4403 url(../img/nav.png) 0 0 no-repeat;
 width: 900px;
 height: 40px;
 font-family: 'MuseoSans500Regular', sans-serif; 
 margin: 10px 0 20px 0;
 display: block;
 overflow: hidden;
}

ul#nav li {
 font-size: 14px;
 color: #ffd9ca;
 text-shadow: #bf3107 0 1px 0;
 text-transform: uppercase;
 float: left;
}

ul#nav li a {
 background: url(../img/nav-li.gif) right center no-repeat;
 height: 40px;
 line-height: 40px;
 color: #ffd9ca;
 padding: 0 20px;
 text-decoration: none; 
 float: left;
}

ul#nav li.current a, ul#nav li a:hover {
 color: #fff;
}

/* Main box */

#box {
 background: #d1e1c7 url(../img/box.png) left top no-repeat;
 width: 860px;
 min-height: 326px;
 padding: 35px 20px 20px 20px;
 margin: 0 0 30px 0;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px; 
 -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
}

#box-titles {
 width: 840px;
 height: 130px;
 padding: 0 10px 25px 10px;
 display: block;
}

#box h1 {
 background: url(../img/box-title.png) 0 0 repeat-x;
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 text-shadow: #f5dd6c 0 1px 0;
 padding: 0 20px;
 margin: 0 0 8px 0;
 float: right;
 clear: both;
}

#box h2, #box h3 {
 background: url(../img/box-title.png) 0 0 repeat-x;
 height: 60px;
 line-height: 70px;
 font-size: 42px;
 text-shadow: #f5dd6c 0 1px 0;
 padding: 0 20px;
 margin: 0 0 8px 0;
 float: right;
 clear: both;
}

#box h3 {
 background: url(../img/box-subtitle.png) 0 0 repeat-x;
 height: 52px;
 line-height: 52px;
 font-size: 30px;
 text-shadow: #e4d383 0 1px 0;
 margin: 0;
}

/* Main box > Columns */

#box #columns-top {
 background: url(../img/columns-top.png) 0 0 no-repeat;
 width: 860px;
 height: 20px;
 display: block;
}

#box #columns {
 background: url(../img/columns.png) 0 0 repeat-y;
 width: 780px;
 padding: 20px 40px;
}

#box #columns-bottom {
 background: url(../img/columns-bottom.png) 0 0 no-repeat;
 width: 860px;
 height: 20px;
 display: block;
}

#box #columns .column {
 width: 220px;
 float: left;
}

#box #columns .middle {
 border-left: 1px dotted #cfcfcf;
 border-right: 1px dotted #cfcfcf;
 padding: 0 29px;
 margin: 0 30px;
}

#box #columns .column h1, #box #columns .column h2, #box #columns .column h3, #box #columns .column h4, #box #columns .column h5, #box #columns .column h6 {
 font-size: 16px;
 color: #017c34;
 text-transform: uppercase;
 padding: 0 0 14px 0;
 margin: 0;
}

#box #columns .column p {
 line-height: 20px;
 color: #7e7e7e;
 padding: 0 0 14px 0; 
}

/* Main box > Columns button */

#box #columns .column p.button {
 width: 220px;
 height: 40px;
 padding: 0;
 display: block; 
}

#box #columns .column p.button a {
 background: url(../img/content-button.png) 0 0 no-repeat;
 height: 40px;
 line-height: 40px;
 font-family: 'MuseoSans500Regular', sans-serif;  
 color: #fff;
 text-shadow: #bf3107 0 1px 0;
 font-size: 14px;
 text-transform: uppercase;
 text-decoration: none;
 padding-left: 20px;
 float: left;
 display: block;
 cursor: pointer;
}

#box #columns .column p.button a span {
 background: url(../img/content-button.png) 100% 0 no-repeat;
 height: 40px;
 line-height: 40px; 
 padding-right: 45px;  
 float: left; 
 display: block; 
}

#box #columns .column p.button a:hover {
 background-position: 0px -40px;
 color: #ffd9ca;
}

#box #columns .column p.button a:hover span {
 background-position: 100% -40px;
}

/* Content */

#content {
 width: 630px;
 float: left;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
 background: #fbd202;
 padding: 15px 20px;
 margin: 0 0 20px 0;
 float: left;
 display: block;
} 

#content .post {
 clear: both;  
}

#content p, #content ul, #content ol, #content table, #content img, #content form {
 margin: 0 0 30px 0;
}

#content ul, #content ol {
 padding: 0 0 0 20px;
}

#content ul li {
 background: url(../img/content-li.gif) left center no-repeat;
 line-height: 30px;
 padding: 0 0 0 15px;
}

/* Content > Table */

#content table.small {
 float: left;
 margin: 0 10px 30px 0;
}

#content table.no-margin {
 margin: 0 0 30px 0;
}

#content table td {
 height: 40px;
 line-height: 40px;
 font-size: 12px;
 color: #717171;
 text-align: center;
 border-left: 1px solid #cecece;
 border-bottom: 1px solid #cecece;
 padding: 0 12px;
}

#content table td.last {
 background: url(../img/table-border.gif) right top repeat-y;
}

#content table tr.grey td.last {
 background: #f5f6fa url(../img/table-border.gif) right top repeat-y;
}

#content table tr.title td {
 background: #017c34 url(../img/table-title.png) -10px 0 no-repeat;
 height: 50px;
 line-height: 50px;
 color: #fff;
 text-shadow: #055922 0 1px 0;
 font-weight: bold;
 border: none;
}

#content table tr.title td.first {
 background: #017c34 url(../img/table-title.png) left 0 no-repeat;
}

#content table tr.title td.last {
 background: #017c34 url(../img/table-title.png) right 0 no-repeat;  
}

#content table.small tr.title td.first {
 border-top-right-radius: 5px; 
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;  
}

#content table tr.grey td {
 background: #f5f6fa;
 box-shadow: inset #fff 0 2px 0;
 -moz-box-shadow: inset #fff 0 2px 0;
 -webkit-box-shadow: inset #fff 0 2px 0;
}

/* Content > Form */

#content form fieldset {
 width: 100%;
 height: 34px;
 line-height: 34px;
 margin: 0 0 6px 0;
 display: block;
 clear: both;
 overflow: hidden;
}

#content form fieldset.note {
 height: 80px;
}

#content form fieldset.submit {
 height: 40px;
}

#content form label {
 width: 110px;
 height: 34px;
 line-height: 34px;
 float: left;
}

#content form input {
 background: #fafafa url(../img/input.gif) 0 0 no-repeat;
 width: 210px;
 height: 34px;
 line-height: 34px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0;
 border: none; 
 padding: 0 15px;
 float: left;
}

#content form textarea {
 background: #fafafa;
 width: 480px;
 min-width: 480px;
 max-width: 480px;
 min-height: 40px;
 height: 40px;
 max-height: 40px;
 line-height: 20px;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 13px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0;
 border: 1px solid #cecece; 
 border-radius: 5px; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px; 
 padding: 19px;
 margin: 0;
 float: left;
 overflow: hidden;
}

#content form input.submit {
 background: #ec4403 url(../img/submit.png) 0 0 no-repeat;
 width: 126px;
 height: 40px;
 line-height: 40px;
 font-family: 'MuseoSans500Regular', sans-serif;  
 color: #fff;
 text-shadow: #bf3107 0 1px 0;
 font-size: 14px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: left;
 padding: 0 20px;
 margin: 0;
 float: right;
 display: block;
 cursor: pointer; 
}

#content form input.submit:hover {
 background: #ec4403 url(../img/submit.png) 0 -40px no-repeat;
 color: #ffd9ca;
}

/* Content > Form select */

/*
span.customStyleSelectBox {
 background: #fafafa url(../img/select.gif) 0 0 no-repeat;
 width: 225px;
 height: 34px;
 line-height: 34px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0;
 padding: 0 0 0 15px;
 margin: 0;
 border: none;   
 overflow: hidden;
}

span.customStyleSelectBoxDay {
 background: #fafafa url(../img/select-day.gif) 0 0 no-repeat;
 width: 75px;
 height: 34px;
 line-height: 34px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0;
 padding: 0 0 0 15px;
 margin: 0; 
 border: none; 
}

span.customStyleSelectBoxMonth {
 background: #fafafa url(../img/select-month.gif) 0 0 no-repeat;
 width: 115px;
 height: 34px;
 line-height: 34px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0;
 padding: 0 0 0 15px;
 margin: 0; 
 border: none; 
}

span.customStyleSelectBoxYear {
 background: #fafafa url(../img/select-year.gif) 0 0 no-repeat;
 width: 95px;
 height: 34px;
 line-height: 34px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0;
 padding: 0 0 0 15px;
 border: none; 
}   */

#content form select {
 background: #fafafa;
 width: 240px;
 height: 34px;
 line-height: 34px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0; 
 border: 1px solid #cecece;
 border-radius: 5px; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 0 0 0 15px;
 margin: 0;
}

#content form select.small {
 width: 120px;
}

/* Sidebar */

#sidebar {
 width: 230px;
 color: #7e7e7e;
 float: right;
}

#sidebar .box {
 width: 190px;
 border: 1px solid #cecece;
 border-radius: 5px; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 19px;
 margin: 0 0 30px 0;
}

#sidebar .contact {
 background: #fbd202;
 color: #333;
 text-shadow: #fff2b2 0 1px 0;
 border: 1px solid #dec95d;
}

#sidebar .contact ul {
 font-family: 'MuseoSans500Regular', sans-serif; 
 font-size: 16px;
}

#sidebar .contact ul li.mail, #sidebar .contact ul li.phone {
 background: url(../img/sidebar-mail.gif) left center no-repeat;
 height: 17px;
 line-height: 17px;
 padding: 0 0 0 34px;
 margin: 0 0 10px 0;
}

#sidebar .contact ul li.phone {
 background: url(../img/sidebar-phone.gif) left center no-repeat;
 height: 25px;
 line-height: 25px;
 margin: 0;
}

#sidebar .contact a {
 color: #333;
 text-decoration: none;
}

#sidebar .contact a:hover {
 color: #444;
}

#sidebar .advantages p {
 background: url(../img/sidebar-check.gif) left top no-repeat;
 padding: 0 0 10px 40px; 
 margin: 0 0 10px 0;
 border-bottom: 1px dotted #cfcfcf;
}

#sidebar .nav ul li {
 background: url(../img/content-li.gif) left center no-repeat;
 border-bottom: 1px dotted #cfcfcf;
 padding: 8px 0 8px 15px;
}

#sidebar .nav ul li a {
 color: #7e7e7e;
 text-decoration: none;
}

#sidebar .nav ul li a:hover {
 color: #333;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
 font-size: 16px;
 color: #333;
 text-transform: uppercase;
 margin: 0 0 20px 0;
} 

/* Footer */

#footer {
 width: 900px;
 line-height: 20px;
 color: #7e7e7e;
 text-shadow: #fff 0 1px 0;
 text-align: center;
 padding: 20px 40px 30px 40px;
 display: block;
}

#footer a {
 color: #7e7e7e;
}