@charset "utf-8";



/* CSS Document */



.zvirataseuci h3 {

    font-size: 1.2em;

    border: 1px solid silver;

    border-width: 0 0 1px 0;

    padding-bottom: 8px;

    padding-top: 8px;

}

.zvirataseuci .perex p {

    font-weight: normal !important;

}







/* basic - root*/



body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#ECECEC}



h1, h2, h3, h4 { font-size:100%}



hr {border:1px solid #d3d3d3;}







a { text-decoration:none}



.sitemap a:hover , .mainboxcontent a:hover, .boxcontent a:hover, #footer a:hover, #mainsub a:hover, .pagination a:hover, #navigation a:hover  {text-decoration:underline}



.para a, .perex a {text-decoration: underline}



.vst > .para p:first-of-type {

    display: none;

}



#maincontent .para img, #maincontent .perex img {

	max-width: 620px !important;

	height: auto !important;

}



#rg-gallery .rg-thumbs .es-carousel ul li a img {

    max-height: 69px;

}



.fotografie_kontakt {

    width: 100px !important;

    height: 121px !important;

}







/* TOP position */



#topcase {width:100%;height:90px;}



#top {width:100%;height:90px;margin-left:auto; margin-right:auto;width:1000px;}



/* LOGO */



#logo {width:144px;height:167px;position:absolute;top:0px;z-index:20;}



/*navigation */



#navigation{width:610px;top:36px; color:white; position:absolute;margin-left:398px;}



/*navigation items*/



#navigation  ul{list-style-type: none;padding-left:0px;margin:0;margin:0}



#navigation li {float: left;width:115px; height:23px; text-align:center; font-size:12px;margin:0 0 0 2px; vertical-align:middle; display:table-cell;line-height: 28px; font-weight:bold;



}



#navigation a {text-decoration:none;}



/*menu */



#menu {position:absolute;top:90px;margin-left:142px;width:auto;z-index:20;width:858px;}



#menu ul{list-style-type: none outside none;padding-left:0px;margin-top:0;margin-left:0}



#menu li {float: left;width:140px; height:40px; text-align:center; font-size:0.8em;margin:0 0 0 3px; vertical-align:middle; display:table-cell;line-height: 40px; font-weight:bold; border-width:0 0 6px 0; border-style:solid; text-transform:lowercasex}



#menu li a {color:white; text-decoration:none}



#menu span {height:40px;width:140px; display:block;line-height:40px;white-space: nowrap;cursor: pointer;}



#menu li:hover {background-color:#666;}



.menulevel2 { visibility: hidden; margin:0; padding-top:6px; }



#menu .menulevel2 li {border-width:0 0 1px 0; margin:0; font-size:1em;height:auto; line-height:normal;padding:8px 4px 8px 4px; font-weight:normal}



#menu .menulevel2 span {white-space:normal; height:auto; line-height:normal;}



#menu li:hover .menulevel2{ visibility: visible;}













.butsearch {background:url(../../../img/default/search-input.jpg) no-repeat;



    cursor:pointer;



    width: 20px;



    height: 20px;



    border: none;}







.inputsearch {width:104px;color:silver;}







/* ?? */



#mainsub {width:438px;padding:4px 20px 4px 20px;font-size:0.8em; text-align:right;margin-left:20px;width:580px;float:left;}



#mainsub a {color:#FFF; text-decoration:none}







.easy_img_caption {margin-right:10px;   max-width: 620px !important;}















#page {width:100%;margin-left:auto; margin-right:auto; min-width:1100px;}



#content {margin-left:auto; margin-right:auto;width:1000px;}



#maincontent {width:620px;float:left;margin:20px;}



#aside {width:300px; height:100%;float:left;margin-top:20px;margin-bottom:20px;padding-left:20px;border:1px #d2d2d2 solid;border-width:0 0 0 1px;}







/* mainbox and maintitle*/



#mainbox {position:absolute;top:90px; z-index:5; width:1020px; height:370px;}



#mainbox img {border-width:0px;}



#maintitle {width:620px;margin-left:20px; position:absolute;bottom:0; text-transform:uppercase}



#maintitle h1 {margin:0;padding:16px;font-size:1.6em;}







#mainsubtitle {position: absolute; width:400px;margin:4px 20px 4px 4px; font-size:8pt; text-align:left; right:-210px; bottom:200px;



-webkit-transform: rotate(270deg);   



-moz-transform: rotate(270deg);



-ms-transform: rotate(270deg);



-o-transform: rotate(270deg);transform: rotate(270deg); writing-mode:tb-lr;}







/*footer */







#footercase {width:100%;padding:0px;height:125px;}



#footer {font-size:0.75em;padding:5px 0 5px 0;text-align:right;margin-left:auto; margin-right:auto;width:1000px;}



#footer a {text-decoration:none}



.carousel {height:120px;width:480px;float:left;}

.copy {margin-top:60px;}







/*para  styles */



#maincontent .perex p{margin:0;padding-bottom:10px;font-weight:bold;}



#maincontent .para p{margin:0;padding-bottom:10px;}



#maincontent .para img, #maincontent .perex img{margin-right:10px; margin-bottom:0px;border-width:0}



.perex , .para {line-height:130%;text-align:justify; font-size:0.80em}















/* boxes */















#aside .boxcontent {background-color:#f2f2f2; border:3px solid #666; border-width:0 0 3px 0;margin-bottom:20px;color:#505050;}



#aside .boxcontent p span{padding-bottom:4px; font-weight:bold;color:#666}



#aside .boxcontent p span a {color:#666;}



#aside .boxcontent .eshoplink {text-align:right; font-size:0.9em;padding:10px; font-weight:bold;}



#aside .boxcontent li a {padding-bottom:5px;}



#aside .boxtitle{vertical-align:middle; display:table-cell;}



#aside .boxtitle h3{font-size:0.9em;margin:0; padding:10px;text-transform:uppercase;}



#aside .boxsubtitle {border: 1px solid #d3d3d3; border-width: 0 0 1px 0; margin:0 10px 0 10px;padding:0;}



#aside .boxsubtitle:last-child {border-width: 0;} 



#aside .boxsubtitle h4{margin:0; padding:10px 0 10px 0;text-transform:uppercaseX;font-size:0.9em;}















#maincontent .mainboxcontent {padding:0; margin:0 0 30px 0; }



#maincontent .mainboxtitle {border:1px solid silver; border-width:0 0 3px 0; padding:0 0 10px; margin:0 0 10px 0; }



#maincontent .mainboxtitle h2 {margin:0;padding:0;font-size:1.1em; line-height:120%;text-transform: uppercase; color:#373737}



#maincontent .boxcontent {margin:0;}



#maincontent .para .mainboxtitle h2 {font-size:1.4em;}







#maincontent .boxtitle {padding:0 0 10px 0; border:0 solid silver;}



#maincontent .boxtitle2 {padding:0; margin:0}



#maincontent .boxcontent h3 {margin:0; padding:0; line-height:100%; font-size:0.90em; text-transform:uppercaseX;}



#maincontent .boxcontent h4 {margin:0; padding:0; line-height:120%; font-size:0.75em; text-transform:uppercaseX;}



#maincontent .boxcontent p {margin:0; padding:0; text-align:justify; line-height:120%}



#maincontent .boxcontent img {margin-bottom:0px; height: auto !important}



#maincontent .boxcontent.border {border:1px solid #d3d3d3; border-width:1px 0 0 0;}



#maincontent .boxtitle.border {border:1px solid #d3d3d3; border-width:1px 0 0 0;padding-top:10px;}



#maincontent .para.border {border:1px solid #d3d3d3; border-width:1px 0 0 0;padding-top:10px;}



#maincontent .boxcontent.border .boxtitle {padding-top:10px;}



#maincontent .boxcontent.border .boxtitle2 {padding-top:10px;}



#maincontent .boxcontent .para {margin:0 0 10px 0;}



#maincontent .para .boxtitle {font-size:1.2em; }



#maincontent .para .boxtitle a {text-decoration:none}



#maincontent .background {background-color:#f0f0f0; padding:16px; width:auto}







/* next sizes for box */ 



.normalbox {width:300px;float:left;}



.smallbox {width:140px;float:left;}



.largebox {width:100%;float:none;}



#maincontent .spaceright {margin-right:20px;}



.lastbox {border-width:0;}



 



.items-intro {margin:10px 0 10px 0;} 



.items-intro .boxcontent {background-color:#FFF}



.items-intro .boxcontent p{padding-left:0;padding-right:0}



.items-intro .boxcontent h3{padding-left:0;padding-right:0}















/*aside uprava */



#aside p {padding-left:10px; padding-right:10px;}



#aside .boxsubtitle p {margin-top:0; padding:0;}















#aside .boxcontent  {float:none;margin-right:0;width:300px;}



#aside ul, #aside para {font-size:0.8em;}



#aside ul { list-style:none;margin:10px;padding:0}



#aside li { line-height:130%}















#drobnav {font-size:0.9em;font-weight:bold;padding:10px 20px 0px 20px;}



















/*tables*/



table {font-size:0.9em;}



#maincontent .para table {border-width:0;width:100%;margin:0px 0 10px 0; border-spacing:0;text-align:left;}



#maincontent .para td, #maincontent .para th {background-color:#f0f0f0;text-align:left;width:auto%;padding:5px 10px 5px 10px;border:1px solid #fff; border-width:0 1px 1px 0; max-width:50%;}



#maincontent .para th {background-color: #d2d2d2; text-transform:uppercase}



table p {

    display: block !important;

}





/*UL*/



.perex ul, .para ul {margin:0 0 20px 15px;padding:0;}



#maincontent .perex li, #maincontent .para li {padding-botom:10px; line-height:130%}



















.left {width:300px;float:left;}



.fullsize {width:100%; margin-top:20px;}



#maincontent .casetop {margin-top:22px;}



#maincontent .casebottom {margin-bottom:16px;}







.socialnav {border:1px #d3d3d3 solid;border-width:1px 0 0 0;padding:10px 0 10px 0; margin: 20px 0 20px 0;}

.socilanavtop {border-width:0; margin-top:0; padding-top:0px;margin-right:0;padding-right:0;margin-bottom:10px;}

.socilanavtop .perex {float:left;width:50%;}

.addthisbox {float:right;width:auto;}















/*sitemap*/



.sitemap {padding:20px;margin:0 0px 0 0px;}



.sitemap a {text-decoration:none}







.sitemap h3{padding:0 0 5px 0;margin:0 0 10px 0;font-size:0.9em;border:1px solid #dcdcdc; border-width:0 0 1px 0; }



.sitemap h4{padding:0;margin:0 0 5px 0;font-size:0.85em; }



.sitemap ul {list-style:none; margin:0;padding:0 0 10px 0;}



.sitemap li {font-size:0.8em;}



.mapitem {width:181px;float:left;margin:0;padding:0 10px 0 0; }



.mapitem:lastchild {padding:0}



















/*eshop plugin*/



.eshop-plugin {width:200px; float:none;clear:both}



.eshop-plugin span{height: 30px; line-height: 30px; font-size:0.8em; vertical-align: middle; display: table-cell;font-weight:bold}



.eshop-plugin img{float: left;margin-right:10px; border-width:0}























/* classic items */







/*pagination*/



.pagination {border:1px solid #d3d3d3; border-width:1px 0 0 0; margin:16px 0 0 0;}



.pagination ul{list-style-type: none;padding-left:0px;margin:10px 0 0 0;}



.pagination li {float:left;padding-right:10px; height:23px;vertical-align:middle; display:table-cell;line-height: 23px; font-size:0.8em; font-weight:bold}



/* banner */



.banneritem {margin-top:20px}



.banneritem img {border-width:0;}



















/* youtube player */







.youtube-player-playlist-container ol { list-style-type:none; margin:40px 10px 10px 10px; padding:0}



.youtube-player-playlist-container li {border: 1px solid #d3d3d3; border-width: 0 0 1px 0; padding:10px 0 10px 0; font-size:0.85em; text-transform:uppercase; font-weight:bold; cursor:pointer}



.youtube-player-playlist-container li:hover { text-decoration:underline}



.youtube-player-playlist-container li:lastchild {border-width: 0px;}















/* program */



#programnav { background-color:#f699a9;}



#programnav  a {color:#FFF}







.navprogram{padding:0; margin:0; list-style-type:none}



.navprogram a:hover { text-decoration:underline}



.navprogram li {text-align: center; float:left; line-height:24px;height:24px; background-color:#e40028; padding:0 0 0 4px; margin:0; display:table-cell; vertical-align:middle}



.navprogram div {line-height:24px; height:24px;  vertical-align:middle; display:table-cell; float:none}



.navprogramleft, .navprogramright {width:20px;}



.navprogramref {width:120px;color:#FFF;}



.navprogramref, .navprogramother {font-size:0.8em; font-weight:bold;padding-top: 1px; height:23px;}



.navprogram li.navprogramother {width:auto;padding:1px 8px 0 8px; border:1px solid #FFF; border-width:0 0 0 1px; background:none}



.navprograminput {width:69px; color:#505050}







.programtime {width:130px; text-transform:uppercase; vertical-align:top}



#maincontent td.programhigh {background-color:#fbd9df;}







#maincontent td:hover {background-color:#3c3c3c; color:#FFF}



#maincontent td:hover a, #maincontent td:hover a:hover {color:#FFF}















/*tabs */



#maincontent .tabscase {padding-bottom:0}



.tabs {margin:0; padding:0;}



.tabs li {



				list-style:none;



				display:inline;margin:0; padding:0;



				



			}







			.tabs a {



				padding:10px;



				display:inline-block;



				background:#ecf5eb;



				font-weight:bold;



				font-size:0.90em; text-transform:uppercase;







			}







			.tabs a.active {



				background:#a6ce9c;



				color:#000;



			}











.objecthid {display:none;}







#maincontent .para h3 {font-size:1.2em;border:1px solid silver; border-width:0 0 1px 0; padding-bottom:8px;padding-top:8px;}



#mainsubtitle  {display:none; visibility:hidden;}







@media only screen and (max-width: 1024px) {

 body {font-size:130%;}

#page {min-width: 1000px}

 #menu li {font-size:0.75em;}

  #menu .menulevel2 li {font-size:1em;height:auto; line-height:normal;padding:8px 4px 8px 4px}

#menu .menulevel2 span {white-space:normal; height:auto; line-height:normal; }

}


@media (min-width: 600px){
	#mobilpocet{display: none;}  
}