/********************************************************************/
/****************   KOMÍN SOS | Created by studio WPJ **************/
/********************************************************************/
* {
   margin: 0;
   padding: 0;
   border:0px;
}
/************************ GENERAL STYLES ****************************/
html {background: url("../images/background.gif") top center repeat-y;
}
body {
   background: url("../images/background-top.jpg") top center no-repeat;
   font-family: Arial, Helvetica, sans-serif;
   color:#7f7f7f;
   font-size:14px;
   text-align:left;
}
a:link {
   color: #12232a;
   text-decoration: none;
}
a:visited {
   color: #12232a;
   text-decoration: none;
}
a:hover {
   color: #12232a;
   text-decoration: underline;
}
h1 {
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
	padding:10px 5px 5px;
   margin:0px; 
   font-size:38px;
   color:#12232a;
   font-weight:600;
}
h2 {
   color: #12232a;
   font-size: 28px;
   font-weight: 600;
   padding: 10px 5px 5px 5px;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
}
h3 {
   font-size: 22px;
   padding: 15px 5px 5px 5px;
   font-weight:600;
   line-height:22px;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   color:#f0bc00;
}
h4 {
   margin: 0;
   padding: 5px 5px 3px;
   font-size:18px;
   font-weight:normal;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   color: #12232a;
}
h5 {
   margin: 0;
   padding: 5px 5px 3px;
   font-size:14px;
   font-weight:bold;
}
p{
	line-height:20px;
   padding:5px;
}
#content ul, #content ol {
   line-height:25px;
   margin-left:25px;
   list-style-position:outside;
}
/* Cleaner */
.cleaner {
   clear:both;
   padding:0;
   margin:0;
   background:none;
}
/* Font */ 
@font-face { /* Bold */
   font-family: "AvantGarde";
   src: url("../styles/fonts/avantgargot-bol-webfont.eot?"), url("../styles/fonts/avantgargot-bol-webfont.woff") format("woff"), url("../styles/fonts/AvantGarGot-Bol.otf") format("opentype");
   font-weight:900;
}
@font-face { /* Demi */
   font-family: "AvantGarde";
   src: url("../styles/fonts/avantgargot-dem-webfont.eot?"), url("../styles/fonts/avantgargot-dem-webfont.woff") format("woff"), url("../styles/fonts/AvantGarGot-Dem.otf") format("opentype");
   font-weight:600;
}
@font-face { /* Normal */
   font-family: "AvantGarde";
   src: url("../styles/fonts/avantgargot-boo-webfont.eot?"), url("../styles/fonts/avantgargot-boo-webfont.woff") format("woff"), url("../styles/fonts/AvantGarGot-Boo.otf") format("opentype");
}
/* Button */
a.button{
   margin:10px 0;
   cursor:pointer;
   background-color:#fbdb0b;
   background-image: linear-gradient(left, #fbdb0b, #f7c20b); /* W3C */
   background: -ms-linear-gradient(left, #fbdb0b, #f7c20b); /* IE9 */
   background: -moz-linear-gradient(left, #fbdb0b, #f7c20b); /* Firefox */
   background: -o-linear-gradient(left, #fbdb0b, #f7c20b); /* Opera 11  */
   background: -webkit-linear-gradient(left, #fbdb0b, #f7c20b); /* Chrome 11  */
   background: -webkit-gradient(linear, left top, right top, color-stop(0, #fbdb0b), color-stop(1, #f7c20b)); /* Chrome 10, Safari */
   padding:15px 15px;
   color:#12232a;
   cursor:pointer;
   font-weight:normal;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   font-size:18px;
   display:inline-block;
   position:relative;
}
a.button.poptavka{
   padding-left:80px;
}
a.button.poptavka:before{
   content:"";
   background: url("../images/poptavka_icon.png") top center no-repeat;
   position:absolute;
   top:0px;
   left:0px;
   height:50px;
   width:73px;
}

/*************************** MAIN LAYOUT *****************************/
#body-wrapper{
   background: url("../images/header_back.gif") top center no-repeat;
}
#page_wrapper{ /* Úvodní stránka */
   position: relative;
   background-color: #FFF;
   background-image: url("../images/page_top.gif"), url("../images/page_top_back.gif");
   background-position: center top, top left;
   background-repeat: no-repeat, repeat-x;
   top:-35px;
}
#page_wrapper.no-home{ /* Vedlejší stránka */
   top:0px;
   background: url("../images/page_top_no-home.gif") top center no-repeat;
}
#page_wrapper.no-home #page{ /* Vedlejší stránka */
   padding-top:27px;
}
#page {
   margin:0 auto;
   width: 896px;
   padding:52px 32px 0px;
   position: relative;
}
#header {
   position:relative;
   width:960px;
   height:155px;
   margin:0px auto;
}
#header a.logo {
   position:absolute;
   z-index:2;
   top:61px;
   left:33px;
   display: block;
   width: 328px;
   height: 68px;
}
#header p#logo_text {
   font-size:30px;
   padding:0px;
   color:#12232a;
   font-weight:600;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   float:right;
   clear:right;
   margin:19px 33px 0 0;
}
/********** TOP CONTACT **************/
#top_contact{
	float:right;
   clear:right;
   margin:15px 33px 0 0;
}
#top_contact p.phone{
	float:left;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   font-size:22px;
   color:#808181;
   padding:4px 8px 4px 0;
   border-right:1px solid #818181;
}
#top_contact p.phone img{
	margin-right:5px;
   position:relative;
   top:2px;
}
#top_contact a{
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   color:#12232a;
   font-size:18px;
	display:block;
   float:right;
   width:88px;
   height:31px;
   text-align:center;
   background: url("../images/header_poptavka.jpg") top left no-repeat;
   padding:4px 0 0 0;
   margin:0 0 0 12px;
}
#top_contact a:hover{
   text-decoration:underline;
}
/********* TOP CONTACT END ***********/

/********** SEARCH *******************/
#top_search{
	height:29px;
   width:184px;
   float:right;
   margin:22px 33px 0 0;
}
#top_search p{
	padding:0px;
}
#top_search input[type=text]{
	border:1px solid #dcdcdc;
   font-size:12px;
   height:23px;
   width:137px;
   padding:2px 5px;
}
#top_search input[type=submit]{
	width:35px;
   background: url("../images/search_button.gif") no-repeat top left;
   float:right;
   overflow:hidden;
   height:0px;
   padding-top:29px;
   cursor:pointer;
   font-size:0px;
}
#top_search input[type=submit]:hover {
   background-position:bottom left;
}

/********** SEARCH END *****************/

/*********** MAIN MENU ****************/
#menu_wrapper {
   height:59px;
   background: #f5b506 url("../images/menu_center_back.jpg") no-repeat top center;
}
#menu {
   margin:0 auto;
   width:930px;
   height:44px;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   padding:15px 15px 0;
}
#menu ul{
   margin:0;
   list-style:none;
   padding:0;
}
#menu ul li {
   display:block;
   float:left;
   border-right:1px solid #575b20;
}
#menu ul li a {
   display:block;
   float:left;
   color: #12232a;
   font-size:20px;
   text-decoration:none;
   float:left;
   padding:2px 13px 2px;
   position:relative;
   text-transform:lowercase;
}
/* Tlačítko po najetí a aktivní */
#menu li a.selected{
	font-weight:600;
}
#menu li a:hover{
	text-decoration:underline;
}
/*********** MAIN MENU END ****************/


/*********** SIDE CONTENT ****************/
#side-content-wrapper {
   width: 217px;
   float: left;
}
#side-content-wrapper #news-box-wrapper{
   border-top:1px dotted #374c54;
   margin:15px 0 10px 0;
   width: 217px;
}
#side-content {
   width: 205px;
   float: left;
   padding:6px;
   background-color:#12232a;
}
/* 1. úroveň menu */
#side-content ul {
	list-style:none;
}
#side-content ul li { 
	clear:both; 
   padding:0;
   margin:0 0 1px 0;
   border-bottom:1px solid #374c54;
}
#side-content ul li a {
   font-size:16px;
   color:#fff;
   display:block;
   padding:11px 5px 11px 15px;
   text-decoration: none;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   position:relative;
}
#side-content ul li a.selected, #side-content ul li a:hover {
   background: url("../images/side-menu-back.png") no-repeat top left;
   color:#000;
}
#side-content ul li ul li a{ 
   font-size:14px;
   color:#fff;
   display:block;
   padding:6px 5px 6px 15px;
   text-decoration: none;
}
#side-content ul li ul li a.selected, #side-content ul li ul li a:hover {
   background:none;
   color:#f7cf09;
}
/********* SIDE - KONTAKT END **********/

a.side_contact_button{
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   font-size:18px;
   display:block;
   background: url("../images/side_contact_button.jpg") no-repeat top left;
   float:left;
   margin:15px 0 0;
   height:46px;
   width:127px;
   padding:10px 0 0 90px;
   line-height:18px;
}

/*********** LEFT CONTENT END *************/

/*********** RIGHT CONTENT ****************/
#content {
   padding:0px 0px 35px;
   float:right;
   width:650px;
   min-height:300px;
}
#content.wide {
   float: none;
   width: 896px;
   padding:0px 0px 35px;
}
#main-content { }
#content table {
   margin:10px 3px 10px 3px;
   border-collapse:collapse;
   font-size:12px;
}
#content table td {
   border:1px solid #12232a;
   padding:8px 10px;
   background-color:#fff;
}
#content table th {
   text-align:center;
   padding:8px 10px;
   border:1px solid #12232a;
   color:#fff;
   font-weight:bold;
   background-color:#223a44;
}
/********** RIGHT CONTENT END *************/

/********** ÚVODNÍ STRANA *******************/
#home_slider_wrapper{
   background: #f5b506 url("../images/slider_center_back.jpg") no-repeat top center;
}
#services div{
	width:189px;
   height:259px;
   float:left;
   padding:16px 14px 0;
   position:relative;
   margin-top:10px;
}
#services div#serv_01{background: url("../images/services_01.jpg") no-repeat top left; margin-right:9px;}
#services div#serv_02{background: url("../images/services_02.jpg") no-repeat top left; margin-right:9px;}
#services div#serv_03{background: url("../images/services_03.jpg") no-repeat top left; margin-right:9px;}
#services div#serv_04{background: url("../images/services_04.jpg") no-repeat top left; }

#services div h3{
	font-size:30px;
   font-weight:600;
   color:#12232a;
   padding:0;
   height:79px;
   line-height:26px;
}
#services div h3 span{
	font-size:24px;
   font-weight:normal;
}
#services div ul{
   color:#12232a;
   font-weight:bold;
   font-size:14px;
   list-style-type:square;
   margin:0 0 0 15px;
}
#services div ul li{
   padding:3px 0;
}
#services div a.home_button{
	background-color:#12232a;
   display:block;
   font-size:20px;
   color:#ffffff;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   width:188px;
   height:36px;
   text-align:center;
   padding-top:10px;
   position:absolute;
   left:14px;
   bottom:25px;
}
#services > div:after{
	content:"";
   background: url("../images/services_button_shadow.gif") no-repeat top center;
	position:absolute;
   bottom:0px;
   left:0px;
   height:22px;
   width:218px;
}
.services-last{
   background: url("../images/services_new_mobile.jpg") no-repeat top left;
   height:92px;
   width:895px;
   position:relative;
   box-sizing:border-box;
   padding:20px 20px 20px 150px;
}
.services-last h3.new{
   position:absolute;
   color:#FFFFFF;
   top:31px;
   left:23px;
   font-size:24px;
}
.services-last h3{
	font-size:30px;
   font-weight:600;
   color:#12232a;
   padding:0 0 5px 0;
   line-height:26px;
}
.services-last ul{
   color:#12232a;
   font-weight:bold;
   font-size:14px;
   list-style-type:square;
   margin:0 0 0 15px;
}
.services-last ul li{
   padding:3px 0;
}
.services-last a.home_button{
	background-color:#12232a;
   display:block;
   font-size:20px;
   color:#ffffff;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   width:88px;
   height:36px;
   text-align:center;
   padding-top:10px;
   float:right;
   margin-top:4px;
}

#home_text{
   margin-top:15px;
	border-top:dotted #12232a 1px;
	border-bottom:dotted #12232a 1px;
   padding:20px 0 30px;
}
#home_text img{
	border:1px solid #c6c6c6;
}

/*** BOTTOM ***/
#bottom_wrapper{
   position:relative;
   height:294px;
   background: url("../images/page_bottom.gif") no-repeat center 25px;
}
#bottom{
	width:960px;
   height:294px;
   margin:0px auto;
   background: url("../images/bottom_back.gif") no-repeat 0 0;
}

/*** MAPA ***/
#bottom_map_wrapper {
   width:448px;
   float:right;
   margin:15px 0 0 0px;
}
#bottom_map_wrapper h2 {
	padding:0px 0px 5px;
   margin:0px; 
}
#bottom_map_wrapper h2 a{
   color:#12232a;
}

#bottom_map_wrapper p {
	padding:0px 0px 10px;
}

#bottom_map{
   margin:0px auto;
   height:205px;
   width:340px;
   background: url("../images/bottom_map.png") no-repeat 0 0;
   position:relative;
}
#bottom_map a.marker{
   position:absolute;
   text-align:center;
   background: url("../images/map_marker.png") no-repeat 0 0;
   width:27px;
   height:27px;
   display:block;
   font-weight:bold;
   padding-top:5px;
}
#bottom_map a.marker:hover, #bottom_map a.marker_big:hover{
   text-decoration:none;
}
#bottom_map a.marker.one{top:75px;left:210px;}
#bottom_map a.marker.two{top:75px;left:135px;}
#bottom_map a.marker.three{top:75px;left:60px;}

#bottom_map a.marker_big{
   position:absolute;
   background: url("../images/map_big_marker.png") no-repeat 0 0;
   width:112px;
   height:47px;
   display:block;
   padding:5px 0 0 5px;
   font-size:12px;
   top:3px;
   left:170px;
}
/*** MAPA END ***/

/********** TOP CONTACT **************/

/*** BOTTOM END ***/

/******** ÚVODNÍ STRANA END *****************/

/*********** FOOTER CONTENT ****************/
#footer-wrapper{
   height:80px;
   width:100%;
   background-color:#12232a;
}
#footer {
   margin:0px auto;
   width:920px;
   height:76px;
   position:relative;
   color:#FFF;
}
#footer p.left {
   font-size:11px;
   padding:22px 0 0;
   color:#FFF;
   float:left;
   width:600px;
   line-height:16px;
}
#footer p.left img{
   float:left;
}
#footer p.left span{
   display:inline-block;
   margin:0 0 0 20px;
}
#footer p.right {
   font-size:11px;
   padding:22px 0 0;
   line-height:16px;
   float:right;
   text-align:right;
}
#footer a {color:#fecc03; text-decoration:underline;}
#footer a:hover {text-decoration:none;}

/*********** FOOTER CONTENT END **************/

/*************************** MAIN LAYOUT END *****************************/

/**************************** GALERIE ************************************/
#fotogalerie {
   margin:20px 0 0;
   clear:both;
}
#fotogalerie img {
   display: block;
}
#fotogalerie a.imgbox {
   float:left;
   margin:5px 5px;
   padding:3px;
   display:block;
   position:relative;
   border:1px solid #c6c6c6;
}
#fotogalerie a.imgbox:hover{
	opacity:0.7;
}
.jquery-lightbox-title { /* větší text u popisu fotek lightboxu */ font-size:18px !important; }

/************************** GALERIE END *************************************/

/******************************** NOVINKY **************************************/

/*********** NEWS BOX ****************/
#news-box-wrapper {
   width:448px;
   float:left;
   margin:15px 0 0 33px;
}
#news-box-wrapper h2 {
	padding:5px 0px 5px;
   margin:0px; 
}
#news-box-wrapper h2 a{
   color:#12232a;
}
.news-content{
	padding:11px 0 11px 0;
}
.news-content.no-border{
   border-bottom:1px dotted #12232a;
}
.news-content a.imgbox {
   margin:0 10px 0 0;
   display:block;
   position:relative;
   background: url("../images/news_img_border.png") no-repeat center left;
	border-radius:5px;
   padding:8px;
   float:left;
}
.news-content h3 {
   padding: 0px 5px 0;
   font-size:16px;
   font-weight:normal;
   text-align:left;
   color:#12232a;
   line-height:18px;
}
.news-content p.date {
	float:left;
   text-align:center;
   background: url("../images/news_date.png") no-repeat top left;
   height:38px;
   width:47px;
   color:#FFF;
   font-size:11px;
   font-weight:bold;
   line-height:14px;
   padding:11px 0 0 2px;
   margin:0 15px 5px 0;
}
.news-content p {
	font-size:12px;
   line-height:15px;
   padding:3px 5px;
}
/*********** NEWS BOX END *************/

/*********** NEWS LIST ****************/
.pagination {
   padding:5px 15px;
   clear:both;
}
.news-list-content {
   clear:both;
   border-bottom:1px dotted #12232a;
   margin:20px 0px;
   padding: 0 10px 10px;
}
.news-list-content h3 {
   padding: 0px 5px 0;
   font-size:16px;
   font-weight:normal;
   text-align:left;
   color:#12232a;
}
.news-list-content p.date {
	float:left;
   text-align:center;
   background: url("../images/news_date.png") no-repeat top left;
   height:38px;
   width:47px;
   color:#FFF;
   font-size:11px;
   font-weight:bold;
   line-height:14px;
   padding:11px 0 0 2px;
   margin:5px 15px 10px 0;
}
.news-list-content p {
	font-size:12px;
   line-height:15px;
   padding:3px 5px;
}
/********** NEWS LIST END ***********/

/******************************** NOVINKY END *******************************************/


/************************** MAPA REGIONŮ ********************************************/
#big_map{
   margin:10px auto 0;
   height:369px;
   width:611px;
   background: url("../images/big_map.png") no-repeat 0 0;
   position:relative;
}
#big_map a.marker{
   position:absolute;
   text-align:center;
   width:82px;
   height:99px;
   display:block;
   font-weight:bold;
}
#big_map a.marker.one{top:110px;left:90px; background: url("../images/big_marker_03.png") no-repeat 0 0;}
#big_map a.marker.two{top:110px;left:235px; background: url("../images/big_marker_02.png") no-repeat 0 0;}
#big_map a.marker.three{top:110px;left:380px; background: url("../images/big_marker_03.png") no-repeat 0 0;}

/************************* MAPA REGIONŮ END *****************************************/

/************************** POPTÁVKOVÝ FORMULÁŘ	*******************************/
/* Kontakt END */
#contact_form{
   border-top:1px dotted #374c54;
}
table#formular {
   padding:0;
   border:none;
   
}
table#formular td, table#formular th{
   border:none;
   background-color:transparent;
   color:#7f7f7f;
}
table#formular th { text-align:right; }
table#formular td { padding:7px 2px; }
#formular textarea {
   border:1px solid #DCDCDC;
   width:162px;
   font-size:12px;
   color:#7F7F7F;
   height:150px;
   width:300px;
   padding:10px 10px;
}
ul.errorlist {
   list-style:none;
   margin:0px !important;
   color:#ff0000 !important;
}
#formular input[type=text],input[type=email] {
   padding:6px 35px 6px 12px;
   float:left;
   font-size:12px;
   border:1px solid #DCDCDC;
   color:#7F7F7F;
   width:140px;
	-moz-box-shadow :inset 0 1px 2px #ebebeb;
	-webkit-box-shadow:inset 0 1px 2px #ebebeb;
	box-shadow:inset 0 1px 2px #ebebeb;
}
/* Captcha */
#formular img.captcha {
   background-color:#FFF;
   padding:4px 2px;
   float:left;
   margin-right:10px;
   border:1px solid #DCDCDC;
}
#formular input#id_captcha_1 { width: 40px; }
/* Captcha */

#formular span { color:#F00; }
#formular td {
   text-align:left;
   background: transparent;
   border:none;
}
#formular th {
   text-align:right;
   background: transparent;
   border:none;
   padding:0 10px 0 0;
   box-shadow:none;
   font-weight:normal;
}
form #submit {
   margin:10px 0 0 155px;
   cursor:pointer;
   background-color:#fbdb0b;
   background-image: linear-gradient(left, #fbdb0b, #f7c20b); /* W3C */
   background: -ms-linear-gradient(left, #fbdb0b, #f7c20b); /* IE9 */
   background: -moz-linear-gradient(left, #fbdb0b, #f7c20b); /* Firefox */
   background: -o-linear-gradient(left, #fbdb0b, #f7c20b); /* Opera 11  */
   background: -webkit-linear-gradient(left, #fbdb0b, #f7c20b); /* Chrome 11  */
   background: -webkit-gradient(linear, left top, right top, color-stop(0, #fbdb0b), color-stop(1, #f7c20b)); /* Chrome 10, Safari */
   padding:12px 13px 12px;
   color:#12232a;
   cursor:pointer;
   font-weight:normal;
   font-family: "AvantGarde", Arial, Helvetica, sans-serif;
   font-size:20px;
}
form #submit:hover {
   text-decoration:underline;
}
/************************** POPTÁVKOVÝ FORMULÁŘ	END ****************************/


/***********************************  REZERVACE *****************************************************/

#order_form {margin:10px 0; border-bottom: 1px dotted #12232a; border-top: 1px dotted #12232a; padding:15px 5px;}

#order_form .group_left{float:left; width:320px;}
#order_form .group_right{float:left; width:560px;}

#order_form .block {float:left; width: 270px; margin:8px 0 8px 8px;position:relative;}
#order_form .block label{padding:8px 0 0 0; display:inline-block; font-size:12px;}
#order_form label[for=agree]{padding:0 0 5px 10px; display:inline-block; color:#0161A9; font-weight:bold;}
#order_form .block input[type=text], input[type=email]{
   padding:8px 12px;
   float:right;
   font-size:12px;
   border:1px solid #DCDCDC;
   color:#7F7F7F;
   width:170px;
	-moz-box-shadow :inset 0 1px 2px #ebebeb;
	-webkit-box-shadow:inset 0 1px 2px #ebebeb;
	box-shadow:inset 0 1px 2px #ebebeb;
}
/* Upravy pro policka */
#order_form input#id_captcha_1{ width:40px;}
/* Upravy pro policka END */

/* Chyba ve formulari */
#order_form .block.error input[type=text]{ 
	border:1px solid #eb0000;
}
#order_form .block.error span{ 
	color: #eb0000;
	font-size:11px;
	display:none;
}
/* Chyba ve formulari END */

/* Vyzadovane pole */
#order_form .block.required label:after{content:" *"; color:#fc3c3a; font-weight:bold;}
/* Vyzadovane pole END */

#order_form .block textarea{ 
	width:450px;
	height:105px;
	-moz-box-shadow :inset 0 1px 2px #ebebeb;
	-webkit-box-shadow:inset 0 1px 2px #ebebeb;
	box-shadow:inset 0 1px 2px #ebebeb;
   border:1px solid #DCDCDC;
   color:#7F7F7F;
   padding:8px 12px;
   margin:10px 0 0;
   float:right;
}
#order_form .error_message {
   clear: both;
   display: none;
   padding: 10px 15px;
	border-radius: 5px;
	background-color:#EB0000;
   color:#fff;
	margin-bottom:10px;
   font-weight:bold;
}
/* Captcha */
label[for=captcha_id]{
   position:relative;
}
img.captcha{
	max-width:65px;
   position:relative;
   top:5px;
}
/* Submit */
.submit_block{
   text-align:center;
   margin:10px 0;
   float:right;
}
/* Submit END */
#order_form #submit {
   margin:5px 30px 0;
}
/***********************************  REZERVACE END **************************************************/