/*
 Screen style    
 Site: Netmark
*/
html {
 height: 100%;
}

body {
 background: #E5F3FF url(../images/bg/body.gif) center top repeat-y;
 color: #000;
 font-size: 84%;
 height: 100%;
 padding: 0;
 text-align: center;
}

#container {
 min-height: 100%;
 position: relative;
}

/*
=Header
*/
#header-wrapper {
 background: #fff url(../images/bg/header-wrapper.gif) repeat-x;
}

#header-inner {
 background: #fff url(../images/bg/header-wrapper.gif) repeat-x;
 margin: 0 auto;
 width: 999px;
}

#header {
 background: url(../images/bg/nav.gif) 603px 49px no-repeat;
 height: 120px;
 position: relative;
}

.section1 #header {
 background-image: url(../images/bg/section1-nav.gif);
}

.section2 #header {
 background-image: url(../images/bg/section2-nav.gif);
}

.section3 #header {
 background-image: url(../images/bg/section3-nav.gif);
}

.section4 #header {
 background-image: url(../images/bg/section4-nav.gif);
}

.section5 #header {
 background-image: url(../images/bg/section5-nav.gif);
}

#logo {
 height: 78px;
 left: 37px;
 margin: 0;
 position: absolute;
 top: 25px;
 width: 305px;
}

#logo img {
 display: block;
}

#to-content {
 display: none;
}

/*
=Nav wrapper
*/
#nav-wrapper {
 background: #6AA8E4 url(../images/bg/gradient.jpg) center top repeat-y;
}

#nav {
 background: #6AA8E4 url(../images/bg/gradient.jpg) center top repeat-y;
 margin: 0 auto;
 width: 999px;
}

#nav ul {
 float: right;
 margin-right: 14px;
}

#nav li {
 float: left;
 margin-left: 8px;
}

#nav a {
 color: #fff;
 display: block;
 font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
 font-size: 0.92em;
 font-weight: bold;
 padding-bottom: 6px !important;
 text-decoration: none;
 text-transform: uppercase;
}

#nav a:hover {
 color: #E5F3FF;
}

#nav #nav01 {
 padding: 5px 15px;
}

#nav #nav02 {
 padding: 5px 12px;
}

#nav #nav03 {
 padding: 5px 6px;
}

#nav #nav04 {
 padding: 5px 2px;
}

#nav #nav05 {
 padding: 5px 6px;
}

/*
=Content area
*/
#outer-wrapper {
 border-top: 1px solid #fff;
 clear: both;
 padding-bottom: 2em;
}

#wrapper {
 background: #fff;
 margin: 0 auto;
 padding: 0 11px 0 25px;
 position: relative;
 text-align: left;
 width: 963px;
}

/*
=Content
*/
#content {
 float: left;
 padding: 20px 0;
 width: 654px;
}

#content img {
	margin-right: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content h1 {
  background-position: left center;
  background-repeat: no-repeat;
  padding: 10px 0 10px 50px;
  clear: both;
}

.section1 #content h1 {
 background-image: url(../images/bg/section1-title.gif);
}

.section2 #content h1 {
 background-image: url(../images/bg/section2-title.gif);
}

.section3 #content h1 {
 background-image: url(../images/bg/section3-title.gif);
}

.section4 #content h1 {
 background-image: url(../images/bg/section4-title.gif);
}

.section5 #content h1 {
 background-image: url(../images/bg/section1-title.gif);
}

#content ul li {
 background-position: 0 6px;
 background-repeat: no-repeat;
 padding-left: 18px;
}

.section1 #content ul li {
 background-image: url(../images/bg/section1-li.gif);
}

.section2 #content ul li {
 background-image: url(../images/bg/section2-li.gif);
}

.section3 #content ul li {
 background-image: url(../images/bg/section3-li.gif);
}

.section4 #content ul li {
 background-image: url(../images/bg/section4-li.gif);
}

.section5 #content ul li {
 background-image: url(../images/bg/section1-li.gif);
}

.box {
 background-position: left bottom;
 background-repeat: no-repeat;
 clear: both;
 margin-bottom: 10px;
 padding-bottom: 3px;
}

.box p {
  margin: 0;
}

.box div {
 background-repeat: no-repeat;
 padding: 10px 75px 5px 40px;
}

.blue {
 background-color: #E3F2FF;
 background-image: url(../images/bg/box-blue.png);
 color: #142983;
}

.blue div {
 background-image: url(../images/bg/box-blue.png);
}

.orange {
 background-color: #FFF4CC;
 background-image: url(../images/bg/box-orange.png);
 color: #B33500;
}

.orange div {
 background-image: url(../images/bg/box-orange.png);
}

.orange a {
 color: #B33500;
}

.green {
 background-color: #D6FFC2;
 background-image: url(../images/bg/box-green.png);
 color: #005C39;
}

.green div {
 background-image: url(../images/bg/box-green.png);
}

.boxes {
 clear: both;
 margin-top: 55px;
}

.small-box {
 background-position: center bottom;
 background-repeat: no-repeat;
 margin-bottom: 10px;
 padding-bottom: 3px;
 width: 190px;
}

.small-box p {
 background-repeat: no-repeat;
 font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
 font-size: 1.17em;
 font-weight: bold;
 margin: 0;
 padding: 6px 5px 4px 38px;
}

.small-box a {
 text-decoration: none;
}

.blue-small {
 background-color: #E3F2FF;
 background-image: url(../images/bg/small-box-blue.png);
 color: #142983;
}

.blue-small p {
 background-image: url(../images/bg/small-box-blue.png);
}

.blue a, .blue-small a, .blue-medium a {
	color: #142983;
	font-weight: normal;
}

.blue a:hover, .blue-small a:hover, .blue-medium a:hover {
 color: #2C4DDE;
}

.orange-small {
 background-color: #FFF4CC;
 background-image: url(../images/bg/small-box-orange.png);
 color: #B33500;
}

.orange-small p {
 background-image: url(../images/bg/small-box-orange.png);
}

.orange a, .orange-small a, .orange-medium a {
 color: #B33500;
}

.orange a:hover, .orange-small a:hover, .orange-medium a:hover {
 color: #F44A00;
}

.green-small {
 background-color: #D6FFC2;
 background-image: url(../images/bg/small-box-green.png);
 color: #005C39;
}

.green-small p {
 background-image: url(../images/bg/small-box-green.png);
}

.green a, .green-small a, .green-medium a {
 color: #005C39;
}

.grey-medium a {
 color: #000;
}

.green a:hover, .green-small a:hover, .green-medium a:hover {
 color: #00955B;
}

.grey-medium a:hover {
 color: #333;
}


/* Medium boxes */
.medium-box {
 background-position: left bottom;
 background-repeat: no-repeat;
 margin-bottom: 25px;
 padding-bottom: 3px;
 width: 310px;
 float: left;
}

.medium-box h2 {
 margin-left: 36px;
}

.medium-box h2 a {
 text-decoration: none;
}

.medium-box ul { 
 margin-left: 36px !important;
}

.medium-box li {
 background: none !important;
 padding: 0 !important;
}

.medium-box div {
 background-repeat: no-repeat;
 padding: 10px 10px 0 10px;
}

.blue-medium {
 background-color: #E3F2FF;
 background-image: url(../images/bg/medium-box-blue.png);
 color: #142983;
}

.blue-medium div {
 background-image: url(../images/bg/medium-box-blue.png);
}

.orange-medium {
 background-color: #FFF4CC;
 background-image: url(../images/bg/medium-box-orange.png);
 color: #B33500;
}

.orange-medium div {
 background-image: url(../images/bg/medium-box-orange.png);
}

.green-medium {
 background-color: #D6FFC2;
 background-image: url(../images/bg/medium-box-green.png);
 color: #005C39;
}

.green-medium div {
 background-image: url(../images/bg/medium-box-green.png);
}

.grey-medium {
 background-color: #F6F6F6;
 background-image: url(../images/bg/medium-box-grey.png);
 color: #000;
}

.grey-medium div {
 background-image: url(../images/bg/medium-box-grey.png);
}

.grey-medium ul {
 margin-left: 3px !important;
}

.grey-medium li {
 padding-left: 34px !important;
 background: url(../images/bg/arrow1.png) left center no-repeat !important;
}

.grey-medium-right li {
 padding-left: 33px !important;
 background-image: url(../images/bg/tick1.png) !important;
}

.promo {
 position: relative;
}

.promo ul {
 width: 360px;
}

.order {
 background-color: #D6FFC2;
 background-image: url(../images/bg/small-box-order.png);
 bottom: 0;
 color: #005C39;
 position: absolute;
 right: 0;
 width: 210px;
}

.order p {
 background-image: url(../images/bg/small-box-order.png);
 font-size: 1.09em;
}

.order a {
 color: #005C39;
}

.order a:hover {
 color: #00955B;
}

.box-right, .grey-medium-right {
 float: right;
}

.box-left {
 float: left;
 margin-right: 42px;
}

/*
=Sidebar
*/
#sidebar {
 float: right;
 padding: 15px 0 30px 0;
 width: 273px;
}

#sidebar .box div {
 padding: 10px 15px 0 40px;
}

#sidebar h2 {
 margin-bottom: 0.75em;
}

#sidebar h2 a {
 text-decoration: none;
}

#sidebar .submenu { 
 background: url(../images/bg/section-border.gif) repeat-x;
 margin-left: -15px;
 padding-top: 2px;
}

#sidebar .submenu li {
 background: url(../images/bg/section-border.gif) 0 100% repeat-x;
 line-height: 1.3;
}

#sidebar .submenu a {
 text-decoration: none;
 display: block;
 padding: 1px;
}

#sidebar .submenu a:hover { 
 color: #fff;
 font-weight: normal;
}

#sidebar .submenu strong { 
 font-weight: normal;
 color: #fff;
 display: block;
 padding: 1px; 
}

#sidebar .submenu span { 
 display: block;
 padding: 4px 0 4px 17px;
 background-repeat: no-repeat;
 background-position: 0 50%;
}

.section1 #sidebar .submenu span { 
 background-image: url(../images/bg/section1-square.gif);
}

.section1 #sidebar .submenu a:hover { 
 background: #80C6FF;
}

.section1 #sidebar .submenu strong { 
 background: #80C6FF;
}

.section2 #sidebar .submenu span { 
 background-image: url(../images/bg/section2-square.gif);
}

.section2 #sidebar .submenu a:hover { 
 background: #FF9900;
}

.section2 #sidebar .submenu strong { 
 background: #FF9900;
}

.section3 #sidebar .submenu span { 
 background-image: url(../images/bg/section3-square.gif);
}

.section3 #sidebar .submenu a:hover { 
 background: #009632;
}

.section3 #sidebar .submenu strong { 
 background: #009632;
}

.section4 #sidebar .submenu span { 
 background-image: url(../images/bg/section4-square.gif);
}

.section4 #sidebar .submenu a:hover { 
 background: #E80000;
}

.section4 #sidebar .submenu strong { 
 background: #E80000;
}

.section5 #sidebar .submenu span { 
 background-image: url(../images/bg/section1-square.gif);
}

.section5 #sidebar .submenu a:hover { 
 background: #80C6FF;
}

.section5 #sidebar .submenu strong { 
 background: #80C6FF;
}

#sidebar .blue {
 background-image: url(../images/bg/sidebar-box-blue.png);
 margin-bottom: 13px;
}

#sidebar .blue div {
 background-image: url(../images/bg/sidebar-box-blue.png);
 padding-bottom: 25px;
}

#sidebar .form td {
 padding: 4px 0;
 line-height: 1.2; 
 vertical-align: top;
}

#sidebar .blue #firstname, #sidebar .blue #mail, #sidebar .blue #tele, #sidebar .blue #otazka {
 border: 1px solid  #142983;
 width: 150px;
 color: #142983;
}

#otazka {
 height: 75px;
}

#sidebar .blue label {
 color: #142983;
}

#sidebar .blue .submit {
 margin: 1em 0 1.25em 0;
}

#sidebar .blue .submit input { 
 width: auto;
}

p.error {
 font-size: 0.83em;
 margin: 0.75em 0 0 0;
 color: #CC3300;
}

p.thanks {
 font-weight: bold;
 color: #B33500;
 margin: 0 0 1em 0;
}

.contact td {
 vertical-align: top;
}

.contact #firstname, .contact #tele, .contact #otazka, .contact #mail, .contact #email_prijemcu, .contact #vase_meno, .contact #doporucenie, .contact #vas_email {
 width: 400px;
 background: #FAFAFA;
}

.contact td img {
 display: block;
}

.contact #otazka, .contact #doporucenie {
 height: 100px;
}

.contact .submit, .offer .submit {
 padding: 1em 0;
}

.offer {
 padding: 20px 30px 5px 10px;
 border: 1px solid #E3F2FF;
 background-color: #E3F2FF;
 margin: 25px 0;
}

.offer form {
 margin: 0;
}

.offer #offer {
 display: none;
}

.offer #email, .offer #name, .offer #phone, .offer #desc {
 width: 400px;
 background: #FAFAFA;
}

.offer #desc {
 height: 100px;
}

.offer #interest {
 width: auto;
 padding: 0;
}

/*
=Footer
*/
#outer-footer-wrapper {
 bottom: 0;
 left: 0;
 position: absolute;
 width: 100%;
}

#footer-wrapper {
 background: url(../images/bg/footer-wrapper.gif) 50% 0 repeat-y;
 color: #fff;
}

#footer {
 margin: 0 auto;
 padding: 5px 35px;
 text-align: left;
 width: 929px;
 min-height: 1.2em;
}

#footer p {
 margin: 0;
 text-align: right;
}

#footer a {
 color: #fff;
}

/*
=Image replacement
*/
.ir {
 font-size: 1em;
 margin: 0;
 overflow: hidden;
 position: relative;
}

.ir span {
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}

.ir a {
 cursor: pointer;
 display: block;
 height: 100%;
 width: 100%;
}

/*
=Auto clearing floats
*/
#nav:after, #wrapper:after, .promo:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}