@charset "utf-8";

/* CSS Document */



body {font-family:Arial, Helvetica, sans-serif; }

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





#maintitle {padding:10px;}

#mainsub {padding:10px;margin-bottom: 20px;}

#maintitle h1 {font-size:1.5em; text-transform:uppercase; padding:0;margin:0;}





/*para  styles */
.perex {padding-bottom:10px;}
 .perex p{margin:0;font-weight:bold;}

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

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

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





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

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

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

 .boxcontent {margin:0;}

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



 .boxtitle {padding:0 0 10px 0;}

 .boxtitle2 {padding:0; margin:0}

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

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

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

 .boxcontent img {margin-bottom:10px;}

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

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

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

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

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

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

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



/*tables*/

table {font-size:0.9em;}

 .para table {border-width:0;width:auto;margin:0px 0 10px 0; border-spacing:0;text-align:left;}

 .para td,  .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%;}

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



/*UL*/

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

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









/* 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 {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:100px;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}



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



/*tabs */

 .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;

			}

			

			

			

/*erase */

#widgetitemsarea, #mainsubtitle, #maingraphic {display:none; visibility:hidden}





































/* colors */



.stopabarvaborder1, #aside .stopabarvaborder1, .stopakondorborder, #aside .stopakondorborder {border-color:#e40028;}

.stopabarvaborder2, #aside .stopabarvaborder2, .stopavelemlokborder, #aside .stopavelemlokborder {border-color:#499e2c;}

.stopabarvaborder3, #aside .stopabarvaborder3, .stopalevborder , #aside .stopalevborder  {border-color:#f5be00;}

.stopabarvaborder4, #aside .stopabarvaborder4, .stopavaran{border-color:#0080c4;}

.stopabarvaborder5, #aside .stopabarvaborder5, .stopaprevalak {border-color:#f17200;}

.stopabarvaborder6, #aside .stopabarvaborder6 {border-color:#a7a7a8;}











.stopabarvabg1 {background-color:#e40028;}

.stopabarvabg2 {background-color:#499e2c;}

.stopabarvabg3 {background-color:#f5be00;}

.stopabarvabg4 {background-color:#0080c4;}

.stopabarvabg5 {background-color:#f17200;}

.stopabarvabg6 {background-color:#a7a7a8;}









#maincontent.stopavelemlok .boxcontentX{border-color:#499e2c;}

#mainsub.stopavelemlok {background-color:#499e2c;font-weight:bold}

#maincontent.stopavelemlok .mainboxtitle {border-color:#499e2c;}



#maincontent.stopakondor .boxcontentX{border-color:#e40028;}

#mainsub.stopakondor {background-color:#e40028;font-weight:bold}

#maincontent.stopakondor .mainboxtitle {border-color:#e40028;}



#maincontent.stopavaran .boxcontentX{border-color:#0080c4;}

#mainsub.stopavaran {background-color:#0080c4;font-weight:bold}

#maincontent.stopavaran .mainboxtitle {border-color:#0080c4;}



#maincontent.stopalev .mainborder{border-color:#f5be00;}

#maincontent.stopalev .mainboxtitle {border-color:#f5be00;}

#mainsub.stopalev {background-color:#f5be00; font-weight:bold}



#maincontent.stopaprevalak .mainborder{border-color:#f17200;}

#maincontent.stopaprevalak .mainboxtitle {border-color:#f17200;}

#mainsub.stopaprevalak {background-color:#f17200; font-weight:bold}





#topcase a {color:white;}



#topcase {background-color:black}

/*navigation */



#maincontent, #aside, #mainsubtitle {color:#505050;}



#maincontent a, #aside a  {color: #505050;}









#content {background-color:#FFF}



#maintitle, #Xmainsubtitle {background: rgba(0,0,0,0.6)}



#Xmainsubtitle {color:#FFF;}



#maintitle h1 {color:#FFF;}

#mainsub {background-color:#f17200; color:white;}

#mainsub a {color:white;}



#menu li {background: rgba(0,0,0,0.8);}

#menu .active {background: rgba(0,0,0,0.9);}











.eshop-plugin {background-color: #ccc;}



/*sitemap a footer */

.sitemap {background-color: #3c3c3c;color:#d2d2d2}

#footer, #footer a, .sitemap a, .sitemap  { color:#d2d2d2; font-size:0.85em;} 

#footercase {background-color:#000; padding:10px;}

#footer img {display:none; visibility:hidden}





.other {background-color:white;}





.boxbackground {background-color: #dcdcdc;}

.background {background-color: #f0f0f0}

.nobackground { background-color:#FFF}







/*facebook box*/

#aside .facebookbox {border-color: #234a96; background-color: #f0f5fb;}

#aside .facebookbox .boxtitle {background-color: #9bb5d5;}

#aside .facebookbox .boxtitle a {color:#FFF}





/*hover*/

#content .para a:hover, #content .perex a:hover {color:red;}

.carousel {display:none;}


/*dimi obrazky u clanku*/
.para img,  .perex img {
	max-width: 620px;
	height: auto;
}
@media (max-width: 480px) {
	
	.para img, .perex img {
	width: 100%!important;
	height: auto!important;
}
.para table {
    border-spacing: 0;
    text-align: left;
    font-size: 11px;
}

.para td, .para th {
    padding: 5px 5px 5px 5px;
}

.para th {
    text-transform: none;
}

span.easy_img_caption {width: 100%!important;}

}


.povinne_pole {
    background-color: #FFCC02!important;
}
.nepovinne_pole {
    background-color: lightgray!important;
}
INPUT, SELECT, TEXTAREA {
    border: 2px solid black !important;
    box-sizing: border-box !important;
}
div.ui-select .ui-btn-inner {
    border: 2px solid black !important;
}