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


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

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

/* Main settings */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext);       

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

body {                               
 background: #fff url(../img/bg.png) 0 160px repeat-x;
 height: 100%;
 line-height: 22px; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #666;
}

body#sub {
 background: #fff url(../img/bg-sub.png) 0 160px repeat-x; 
}

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

a:hover {
 text-decoration: none;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 font-family: 'Open Sans', sans-serif;
 font-size: 20px;
 font-weight: 400;
 color: #004675;
 padding: 0 0 20px 0;
}

h1 {
 line-height: 50px;
 font-size: 38px;
}

h2 {
 background: url(../img/title.gif) left top no-repeat;
 height: 35px;
 line-height: 35px;
 font-size: 34px;
 padding: 0 0 20px 44px;
 display: block;
 
}

h3 {
 line-height: 26px;
 font-size: 22px;
 color: #2f75b0;
 font-weight: 300;
}

.clear {
 clear: both;
}

img {
 border: none;
}

#wrapper {
 width: 960px;
 margin: 0 auto;
}

/* Header */

#header {
 width: 960px;
 height: 78px;
 padding: 41px 0;
}

#header img {
 width: 179px;
 height: 78px;
 float: left; 
}

/* Navigation */

#header #nav { 
 max-width: 600px;
 height: 40px;
 padding: 19px 0;
 float: right;
 display:block; 
 overflow: hidden; 
}

#header #nav li {
 font-size: 14px;
 font-weight: bold;
 margin: 0 0 0 10px;
 white-space: nowrap;
 float: left; 
}

#header #nav a {
 background: #d0efff url(../img/nav.png) 0 0 no-repeat; 
 color: #4a90b2;
 text-shadow: #f6fcff 0 1px 0;
 padding: 0 0 0 20px;
 text-decoration: none;
 display: block;  
}

#header #nav li a span {
 background: #d0efff url(../img/nav.png) 100% 0 no-repeat;
 line-height: 40px; 
 padding: 0 20px 0 0;
 display: block;
}

#header #nav li.active a {
 background-position: 0 -80px;
 color: #fff;
 text-shadow: #245386 0 -1px 0;
}

#header #nav li.active a span {
 background-position: 100% -80px;
}

#header #nav li a:hover {
 color: #3b7c9c;
}

#header #nav li.active a:hover {
 color: #d1e7fa;
}

/* Navigation > Dropdown */

#header #nav ul {
 background: #f4fbff;
 width: 218px;
 line-height: 18px;
 border: 1px solid #9abecd;
 border-radius: 3px; 
 -moz-border-radius: 3px;
-webkit-border-radius: 3px;
 box-shadow:  0 2px 8px 0 rgba(124, 174, 196, 0.5);
 -webkit-box-shadow:  0 2px 8px 0 rgba(124, 174, 196, 0.5);
 padding: 19px 0 0 0; 
 position: absolute; 
 visibility: hidden;  
}

#header #nav li.dropdown a {
 background: #d0efff url(../img/nav.png) 0 -40px no-repeat; 
}

#header #nav li.dropdown a span {
 background: #d0efff url(../img/nav.png) 100% -40px no-repeat;
 padding: 0 30px 0 0; 
}


#header #nav li.dropdown-active a {
 background: #d0efff url(../img/nav.png) 0 -120px no-repeat; 
 color: #fff;
 text-shadow: #245386 0 -1px 0; 
}

#header #nav li.dropdown-active a span {
 background: #d0efff url(../img/nav.png) 100% -120px no-repeat;
 padding: 0 30px 0 0; 
}

#header #nav li.dropdown-active a:hover {
 color: #d1e7fa;
}






#header #nav li:hover ul, #header #nav li.hover ul {
 visibility: visible;
}

#header #nav li li {
 font-weight: normal; 
 text-shadow: #fff 0 1px 0;
 border-bottom: 1px solid #d0e6ef; 
 padding: 0 0 10px 0;
 margin: 0 0 10px 0; 
 float: none;  
}

#header #nav li li.last {
 padding: 0 0 19px 0;
 margin: 0;
 border: none; 
}

#header #nav li.dropdown li a, #header #nav li.dropdown-active li a {
 background: none;
 color: #4a90b2;
 text-shadow: #f6fcff 0 1px 0; 
 padding: 0 19px;
 display: block;
 float: none; 
 clear: both; 
}

#header #nav li.dropdown li a:hover, #header #nav li.dropdown-active li a:hover, #header #nav li.dropdown-active li.active a {
 color: #235f7c;
 text-decoration: underline;
}


/* Main box (photo place) */

#box {
 background: url(../img/box.png) left top no-repeat;
 width: 480px;
 height: 160px;
 padding: 60px 0 60px 480px;
 margin: 0 0 60px 0;
 clear: both;
}

#box h1 {
 height: 120px;
 color: #004675;
 overflow: hidden;
 padding: 0;
}

#box h1 span {
 color: #666;
 font-weight: 300;
}

#box a.button {
 background: #ca1320 url(../img/contact-button.png) 0 0 no-repeat;
 width: 122px;
 height: 40px;
 line-height: 40px;
 font-size: 14px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 text-shadow: #990f14 0 -1px 0;
 padding: 0 15px;
 display: block;
}

#box a.button:hover {
 background: #ca1320 url(../img/contact-button.png) 0 -40px no-repeat;
 text-shadow: #990f14 0 -1px 0;
}

/* Main box (photo place) > Sub page */

body#sub #box {
 background: none;
 width: 960px;
 height: 40px;
 padding: 60px 0 60px 0;
 margin: 0 0 60px 0;
 clear: both; 
}

/* Content */

#content p, #content ul, #content ol, #content iframe {
 padding: 0 0 40px 0;
}

#content ul {
 padding: 0 0 40px 10px;
}

#content .no-padding {
 padding: 0 0 10px 0;
}

#content p.quote {
 background: #e8f7ff;
 border-top: 1px solid #c3e0f4;
 border-bottom: 1px solid #c3e0f4;
 font-style: italic;
 padding: 20px;
 margin: 0 0 40px 0;
}

#content .post {
 border-bottom: 1px solid #a5cbdb;
 margin: 0 0 40px 0; 
}

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

/* Content > Columns */

.columns {
 width: 960px;
 border-bottom: 1px solid #a5cbdb;
 margin: 0 0 40px 0;
}

.columns .column-2 {
 width: 450px;
 padding: 0 60px 0 0;
 float: left;
}

.columns .column-3 {
 width: 280px;
 padding: 0 60px 0 0;
 float: left;
}

.columns .last {
 padding: 0 0 0 0;
}

/* Footer */

#footer-wrapper {
 background: #ca1320;
 border-top: 1px solid #a8050a;
} 

#footer {
 width: 960px;
 color: #f5abb0;
 text-shadow: #a50a11 0 1px 0;
 padding: 40px 0 60px 0;
 margin: 0 auto;
}

#footer img {
 width: 174px;
 height: 75px;
 float: left;
}

#footer-content {
 width: 766px;
 height: 55px;
 float: right;
 padding: 10px 0;
 overflow: hidden;
}

#footer ul {
 border-bottom: 1px solid #d5424d;
 padding: 0 0 6px 0;
 margin: 0 0 6px 0;
}

#footer ul li {
 display: inline;
}

#footer ul li a {
 color: #fff;
 padding: 0 5px; 
}

#footer ul li.first a {
 padding: 0 5px 0 0; 
}

#footer a {
 color: #f5abb0;
 text-decoration: none;
}

#footer a:hover {
 text-decoration: underline;
}