/********************************************************************/
/*************   ZUŠ VRCHLABÍ | Created by studio WPJ ***************/
/********************************************************************/

* {margin: 0; padding: 0; border:0px;}

/************************ GENERAL STYLES ****************************/
html{
	background: #e6e6e6 url("../images/background.gif");	  
}

body {
	background: url("../images/background-top.gif") repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	text-align:left;
}
a:link { color: #c1141c; text-decoration: none;}
a:visited {color: #c1141c;text-decoration: none; }
a:hover {color: #c1141c; text-decoration: underline;}

h1 {
   background-image: url("../images/title_black.jpg"), url("../images/title_black_line.gif");
  	background-repeat: no-repeat, repeat-x;
   background-position: top left, bottom left;
   font-family:omega, Arial, Helvetica, sans-serif;
   color: #000;
   font-size: 38px;
   font-weight: bold;
   margin: 0px 0 8px 0;
   padding: 0px 10px 5px 40px;
}
h2 {
   font-family:omega, Arial, Helvetica, sans-serif;
   color: #c1141c;
   font-size: 32px;
   font-weight: bold;
   padding: 10px 5px 12px;
}
h3 {
   font-family:omega, Arial, Helvetica, sans-serif;
   color: #000;
   font-size: 26px;
   font-weight: normal;
   padding: 6px 5px 10px;
}
h4 {margin: 0; padding: 5px 5px 8px 5px; font-size:22px; font-weight:normal; color:#8d8d8d;  font-family:omega, Arial, Helvetica, sans-serif;}
h5 {margin: 0; padding: 5px 5px 8px 5px; font-size:18px; font-weight:normal; color:#8d8d8d;}

/* Cleaner */
.cleaner { clear:both; padding:0; margin:0; background:none;}

/* Font */
@font-face {
	font-family: "omega";
	src: url("../styles/fonts/cgom.eot");
	src: url("../styles/fonts/cgom.woff") format("woff"),
   	  url("../styles/fonts/cgom.otf")  format("opentype"),
	     url("../styles/fonts/cgom.ttf")  format("truetype");
}
@font-face {
	font-family: "omega";
   font-weight:bold;
	src: url("../styles/fonts/cgomb.eot");
	src: url("../styles/fonts/cgomb.woff") format("woff"),
   	  url("../styles/fonts/cgomb.otf")  format("opentype"),
	     url("../styles/fonts/cgomb.ttf")  format("truetype");
}
/*************************** MAIN LAYOUT *****************************/
#page {
   margin:0px auto; 
	width: 980px;
	padding:0;
	position: relative;
	background-color:#fff;  
}
#header{
	height:153px;
	background: url("../images/header.jpg?v=2") no-repeat top center;
}
#header-wrapper{
	height:153px;
   width:980px;
	position:relative;
   margin:0px auto;
}
a.logo {
	position:absolute;
	z-index:2;
	top:13px;
	left:20px;
	display: block;
	width: 330px;
	height: 123px;
}
/*********** HLEDÁNÍ ****************/
#search{
   float:right;
   margin:51px 37px 0 0;
}
#search input[type=text]{
   border-radius:5px;
   border:1px solid #acacac;
   padding:5px 8px;
   width:180px;
   float:left;
}
#search input[type=submit]{
   float:right;
   width:34px;
   height:28px;
	background: url("../images/search_button.png") no-repeat top left;
   overflow:hidden;
   padding-top:28px;
   margin-left:8px;
   cursor:pointer;
}
/*********** HLEDÁNÍ ****************/

/*********** MAIN MENU ****************/
#menu{
   font-family:omega, Arial, Helvetica, sans-serif;
	padding: 0;
	position:relative;
	width:617px;
   height:60px;
   float:right;
   clear:both;
   margin-top:10px;
   padding-left:4px;
}
#menu ul {
	padding: 0; 
	text-align:left; 
	margin: 0; 
	list-style:none;
}
#menu ul li {
	display:block;
	float:left;
   margin-left:2px;
}
#menu ul li a {
	color: #fff;
	font-size:15px;
	text-decoration:none; 
   text-shadow:0 1px 4px #300002;
	display:block;
   float:left;
   padding:21px 9px 21px;
}
/* Tlačítko po najetí a aktivní */
#menu ul li a.selected {
	color: #fff;
	background: url("../images/topmenu_hover.gif") repeat-x top left;
   font-weight:bold;
}
#menu ul li a:hover{
	color: #fff;
	background: url("../images/topmenu_hover.gif") repeat-x top left;
}
/*********** MAIN MENU END ****************/


/*********** LEFT CONTENT ****************/
#side-content { 
	width: 230px;
	float: left;
   border-right:3px solid #f5f5f5;
}
/* Levé menu */
#side-content ul{ 
   width:230px;
	float: right;
	list-style:none;
	font-size:14px;
	margin:0px  0 !important;
}
#side-content li{
   border-bottom:1px solid #f5f5f5;
}
#side-content li a{
   font-size:16px;
   display:block;
	padding:13px 0 12px 20px;
	text-decoration:none;
	color:#636363;
   font-family:omega, Arial, Helvetica, sans-serif;
   font-weight:bold;
}
#side-content li a:hover, #side-content li a.selected{ 
	background-color:#000;
   border-left:3px solid #585858;
   color:#FFF;
}
/* Levé menu - submenu */
#side-content ul li ul{ 
	float: none;
   background-color:#f5f5f5;
   border-left:3px solid #fff;
   width:227px;
}
#side-content ul li ul li{
   border-bottom:1px solid #fff;
}
#side-content ul li ul a{
   font-size:14px;
   display:block;
	padding:8px 0 8px 30px;
	text-decoration:none;
	color:#636363;
   font-family:omega, Arial, Helvetica, sans-serif;
   font-weight:bold;
   
}
#side-content ul li ul a:hover, #side-content ul li ul a.selected{ 
	background-color:#efefef;
   color:#c5242b;
   border:none;
}

/* Levé menu - submenu */
/***** KONTAKT BOK ********/
#side_banners{
	margin-left:13px;
}
#side-kontakt{
	padding:0px 0 0 8px;
   margin:10px 17px 0 13px;
}
#side-kontakt h3{
   padding:0px 5px 6px;
   font-size:18px;
   color:#f97525;
   font-weight:normal;
}
#side-kontakt p{
   line-height:21px !important;
}
#side-kontakt p img a{
   margin-bottom:0px;
}

/**** KONTAKT BOK END *****/

/********* SIDE - KONTAKT END **********/

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

/*********** RIGHT CONTENT ****************/

/* Drobečková navigace */
#return_nav	{ 
	height:28px;
   margin:0 5px;
	padding: 12px 15px 0 15px; 
	width: 930px;
   background: url("../images/return_nav_back.gif") repeat-x bottom left;
}
#return_nav	a{ 
	color:#888888;
   text-decoration:underline;
}
#return_nav	a:hover{ 
   text-decoration:none;
}
#return_nav	span{ 
	color:#888888;
}
#return_nav	img{ 
   margin: 0 5px;
}
/* Drobečková navigace END */
#content { 
	float: right;
	width: 635px;
}
#content.wide{ 
	float:none;
	width: 100%;
}
#main-content { 
   background: url("../images/content_top.gif") no-repeat top center;
	padding: 18px 40px 25px 40px;
	width: 900px;
	min-height:350px;
}
#main-content ul, #main-content ol{ 
	line-height:25px;
	margin-left:25px;
   margin-top:8px;
}
#main-content p{ 
	line-height:24px;
	padding:5px;
}
#main-content table{
	margin:10px 3px 10px 3px;
	border-collapse:collapse;
}
#main-content td{
	border:2px solid #e1e1e1; 
	padding:10px 30px;
}
#main-content th{
   text-align:center;
	padding:10px 25px;
	border:2px solid #e1e1e1; 
   color:#000;
   font-weight:bold;
   background-color:#f5f5f5;
   background: -webkit-linear-gradient(top, #f5f5f5, #eaeaea);
   background: -moz-linear-gradient(top, #f5f5f5, #eaeaea);
   background: -ms-linear-gradient(top, #f5f5f5, #eaeaea);
   background: -o-linear-gradient(top, #f5f5f5, #eaeaea);
}
/********** RIGHT CONTENT END *************/

/*********** FOOTER CONTENT ****************/
#footer{
   background: url("../images/footer.jpg") no-repeat top center;
	margin:0px auto 15px auto;
	width:980px;
	height:64px;
   position:relative;
}
#footer p a{ 
	color:#fff;
}
#footer p a:hover{ 
   text-decoration:underline;
}
#footer p{ 
	float:left;
	color:#fff;
   font-size:11px;
   text-align:left;
   line-height:16px;
   padding: 16px 196px 0 31px;
   width:710px;
}
#footer p span{ 
	float:right;
}

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

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

/**************************** GALERIE ************************************/
#fotogalerie{
   border-top:3px solid #f5f5f5;
   margin:10px 0 0;
   padding:30px 0 0 0;
	clear:both;
}
#fotogalerie img {
	display: block;
	float: left;
	border: 3px solid #000;
}
#fotogalerie img:hover {
	border: 3px solid #c1141c;
}
#fotogalerie a.imgbox {
	padding:0 11px 15px 5px;
	position:relative;
	float:left;
}
/************************** GALERIE END *************************************/

/************************** FORMULÁŘOVÉ PRVKY *******************************/
#main-content table#formular  {
	margin:15px 20px 10px 20px;
	padding:0;
	border:0;
}
#main-content table#formular td {
	padding:7px 2px;
}
#formular select  {
	background-color: white;
	border: 1px solid #412211;
	color:#000000;
	font-weight:bold;
	margin-bottom:1px;
	margin-top:1px;
	text-align:left;
	padding: 3px;
}
#formular textarea {
	background-color: #fff;
	border: 1px solid #000;
	height:150px;
	width:400px;
	box-shadow: inset 0px 0px 4px #cfcfcf;
   padding:10px 15px;
}
ul.errorlist {
	list-style:none;
	margin:0px !important;
	color:#ff0000 !important;
}
#formular input {
	background-color: #fff;
	border: 1px solid #000;
	color:#000000;
	margin-bottom:1px;
	margin-top:1px;
	text-align:left;
	padding: 8px 5px;
}
#formular input[type=text] {width: 220px;}
#formular input#id_captcha_1 {width: 40px;}
#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;
}
form #submit {
   font-family:omega, Arial, Helvetica, sans-serif;
	background: #c5242b;
   position:relative;
   color:#fff;
   font-size:18px;
   overflow:hidden;
   display:block;
   float:right;
   text-decoration:none;
   padding:10px 15px;
   margin:5px 45px 0 0;
   text-align:center;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   cursor:pointer;
}
form #submit:hover {
	background: #7d0004;
}

/*************************** FORMULÁŘOVÉ PRVKY END **********************************/

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

/*********** NEWS BOX ****************/
#uvod-news  {
	width:463px; 
   float:left;
}
#uvod-news  h2{
   background-image: url("../images/title_brown.jpg"), url("../images/title_brown_line.gif");
  	background-repeat: no-repeat, repeat-x;
   background-position: top left, bottom left; 
   font-family:omega, Arial, Helvetica, sans-serif;
   color: #540206;
   font-size: 38px;
   font-weight: bold;
   margin: 0px 0 8px 0;
   padding: 0px 10px 5px 40px;
}
#uvod-news h2 > a{color: #540206;}
#uvod-news h2 > a:hover{text-decoration:none;}

.news-wrapper{
	clear:both;
   margin-bottom:7px;
   border-bottom: 1px solid #540206;
   background: url("../images/news_back.gif");
   padding:14px 13px 14px;
}
.news-wrapper img{
	border: 3px solid #540206;
	margin:0 15px 0 0;
	float:left;
}
.news-wrapper h3{
   padding:0;
   font-size:16px;
   color:#540206;
   font-weight:normal;
}
.news-wrapper h3 a{
   color:#540206;
}
.news-wrapper p{
   line-height:18px !important;
   padding:2px 0 !important;
}
.news-wrapper p.date{
   padding:0px !important;
   font-size:12px;
   color:#9e5757;
}

/*********** NEWS BOX END *************/

/*********** NEWS LIST ****************/
.pagination{
	padding:5px 15px;
	clear:both;
}
.news-list-wrapper{
	clear:both;
   border-bottom:#000 1px solid;
   padding:8px 5px;
}
.news-list-wrapper img{
	border: 3px solid #000;
	margin:0 25px 0 0 !important;
	float:left;
}
.news-list-wrapper img:hover{
	border: 3px solid #c1141c;
}
.news-list-wrapper h3{
   padding:0 0 2px;
   font-size:18px;
   color:#000;
   font-weight:normal;
}
.news-list-wrapper p{
   line-height:18px !important;
   text-align:justify;
   padding:0px !important;
}
.news-list-wrapper p.date{
   padding:0px !important;
   font-size:12px;
   color:#656565;
}
/********** NEWS LIST END ***********/

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


/*********************************  ÚVOD  ************************************************/

/********** OBORY ****************/
#obory{
	width:416px;
   float:right;
}
#obory h2{
   background-image: url("../images/title_red.jpg"), url("../images/title_red_line.gif");
  	background-repeat: no-repeat, repeat-x;
   background-position: top left, bottom left; 
   font-family:omega, Arial, Helvetica, sans-serif;
   color: #c1141c;
   font-size: 38px;
   font-weight: bold;
   margin: 0px 0 8px 0;
   padding: 0px 10px 5px 40px;
}
#obory h2 > a{color: #c1141c;}
#obory h2 > a:hover{text-decoration:none;}

#obory_content{
	width:394px;
   height:267px;
   float:right;
   background: url("/templates/images/obory_back.jpg") no-repeat 0 0;
   padding:7px 11px;
}

#obory_content .obory-header {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 10px;
}

#obory_content a.link_block{
	display:block;
   float:left;
}
#obory_content a.prihlaska{
	width:145px;
   height:24px;
   float:left;
   display:block;
   background: url("/templates/images/obory_prihlaska.gif") no-repeat 0 0;
   padding:8px 14px;
   font-family:omega, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#FFF;
   font-size:18px;
   margin-top:5px;
   text-decoration:none;
   margin-right:15px;
}
#obory_content a.lekce{
	width:178px;
   height:24px;
   float:left;
   display:block;
   background: url("/templates/images/obory_kurzy.gif") no-repeat 0 0;
   padding:8px 14px;
   font-family:omega, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#FFF;
   font-size:18px;
   margin-top:5px;
   text-decoration:none;
}
#obory_content a.lekce:hover, #obory_content a.prihlaska:hover{
	background-position:bottom left;
}
#obory_content img.logo{
	margin-top:10px;
   margin-left:5px;
   clear:left;
   display:block;
   float:left;
}
#obory_content div.contact{
	float:right;
   width:190px;
   margin-right:15px;
}
#obory_content div.contact p{
	color:#FFF;
   line-height:18px;
   padding-bottom: 0;
}
#obory_content div.contact p a{
	text-decoration:underline;
   color:#FFF;
}
/******** OBORY END **************/


/*************************************  ÚVOD END ****************************************************/


/***********************************  SEZNAM AKCÍ  **************************************************/
#actions{
	border-bottom:4px solid #f5f5f5;
   margin-bottom:10px;
   padding-bottom:10px;
}
#actions h1{
   background-image: url("../images/title_black.jpg"), url("../images/title_black_line.gif");
  	background-repeat: no-repeat, repeat-x;
   background-position: top left, bottom left; 
   font-family:omega, Arial, Helvetica, sans-serif;
   color: #000;
   font-size: 38px;
   font-weight: bold;
   margin: 0px 0 8px 0;
   padding: 0px 10px 5px 40px;
}
#actions h1 > a{color: #000;}
#actions h1 > a:hover{text-decoration:none;}

#actions h1 span a{
   display:block;
   float:right;
   font-family:Arial, Helvetica, sans-serif;
   background: url("/templates/images/all_arrow.gif") no-repeat 100% 50%;
   color:#000;
   font-size:11px;
   font-weight:normal;
   padding-right:18px;
   margin-top:30px;
}
/******** TABULKA ÚVODU **********/
#actions p{
	border-bottom:1px dotted #6f6f6f;
   font-size:14px;
}
#actions p span{
	color:#656565;
}

/****** TABULKA ÚVODU END ********/

/**********************************  SEZNAM AKCÍ  END ***********************************************/

/***********************************  MODUL FOTOGALERIE  **************************************************/
h2.gallery_title{
  	border-bottom:1px solid #C1141C;
   padding:10px 5px 5px;
}
ul#gallery_years{
	list-style:none;
   padding:0px 15px;
   margin:20px 0 5px;
   background-color:#F5F5F5;
   height:38px;
   line-height:normal;
}
ul#gallery_years li{
	display:block;
   font-size:18px;
   float:left;
   margin-right:5px;
}
ul#gallery_years li a{
	color:#555555;
   display:block;
   float:left;
   padding:8px 10px;
}
ul#gallery_years li a.selected{
	font-weight:bold;
	color:#000;
   background-color:#d4d4d4;
}
ul#gallery_years li a.selected:hover{
	text-decoration:none;
}
.gallery{
  	clear:both;
   height:110px;
   border-bottom:1px dotted #6F6F6F;
   margin:20px 0 5px 30px;
}
.gallery img{
	border: 3px solid #000;
	margin:0 25px 0 0 !important;
	float:left;
}
.gallery img:hover {
	border: 3px solid #c1141c;
}

.gallery h3{
   padding:0 0 0;
   font-size:18px;
   color:#000;
   font-weight:normal;
}
.galleryt p{
   line-height:18px !important;
   text-align:justify;
}
/*********************************  MODUL FOTOGALERIE END  ************************************************/

/************************** MAPA ********************************************/
#map_wrapper{float:left;}
#map_canvas {height: 400px; width:635px; margin:10px 0px 0 0px;}
#map_content {width:200px; }
#map_content p{ padding:0px; font-weight:bold;}
#map_content p a{ font-weight:bold;}
/************************* MAPA END *****************************************/

/******************************  REZERVACE (omluvenka) **********************************/

#order_form {position:relative; padding:10px 0 20px 10px; margin:0 0 15px 0; width:495px;}

#order_form .block {width: 225px; margin:5px 20px 5px 0 ;position:relative; float:left;}

#order_form .block label{
   display:inline-block; 
   font-size:14px; 
   padding: 0 0 5px;
   font-weight:normal;
}
#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:9px 12px;
   float:left;
   font-size:12px;
   color:#3a494f;
   width:180px;
   border:1px solid #000000;
}
#order_form .block select{ 
   padding:8px 8px;
   float:right;
   font-size:12px;
   color:#72838d;
   width:146px;
}
#order_form .block.field_message{ 
	width:451px;
}
#order_form .block textarea{ 
   padding:9px 12px;
   float:right;
   font-size:12px;
   color:#3a494f;
   width:425px;
   height:80px;
   border:1px solid #000000;
}
/* Chyba ve formulari */
#order_form .block.error input[type=text], #order_form .block.error textarea{ 
	border:1px solid #eb0000;
}
#order_form .block.error label{ 
	color: #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 .error_message {
   clear: both;
   display: none;
   padding: 10px 15px;
	background-color:#EB0000;
   color:#fff;
	margin:0 15px 10px 0;
   font-weight:bold;
}
/* Captcha */
#order_form .block label[for=captcha_id]{
   position:relative;
   padding-top:10px;
}
#order_form .block.required label[for=captcha_id]:after{content:" *"; color:#fc3c3a; font-weight:bold; float:left; margin-right:5px;}/* hvezda captchy vpredu */
img.captcha{
	max-width:65px;
   position:relative;
   padding:7px 7px 6px;
   background-color:#FFFFFF;
   float:right;
   margin-left:5px;
}
#order_form input#id_captcha_1{ width:40px; float:right;}
#order_form .block.field_captcha{ width:290px; margin-right:18px;}

/* Submit */
.submit_block{
   text-align:center;
   margin:10px 0;
   float:right;
}
#order_form #submit {
   font-family:omega, Arial, Helvetica, sans-serif;
	background: #c5242b;
   position:relative;
   color:#fff;
   font-size:18px;
   overflow:hidden;
   display:block;
   float:right;
   text-decoration:none;
   padding:10px 15px;
   margin:5px 45px 0 0;
   text-align:center;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   cursor:pointer;
}
#order_form #submit:hover {
	background: #7d0004;
}

/* Submit END */
/****************************  REZERVACE END (omluvenka) ********************************/