@svetle-modra: #7497c3;
@modra: #23509b;
@roboto: 'Roboto Condensed', sans-serif;

body{font-family: @roboto;}
a{color: @svetle-modra; text-decoration: underline;} a:hover{text-decoration: none; color: @modra;}

#header{
    #logo{margin: 25px 0;}
    #slogan{font-family: Times New Roman; font-size: 26px; font-style: italic; color: @svetle-modra; margin: 38px 0;}
//    .langmenu{background: url("/skins/home/img/sipka-lang.png") #FFFFFF no-repeat; background-position: 115px 20px; list-style-type:none; font-size: 14px; padding: 15px; margin: 30px 0 0 0; position:absolute; right:0px; height:50px; overflow: hidden;transition: 0.5s all 0s linear;
//        li{}
//        .cz a{background: url('/skins/home/img/cz-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
//        .en a{background: url('/skins/home/img/en-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
//        .pl a{background: url('/skins/home/img/sr-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
//        .hr a{background: url('/skins/home/img/hr-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
//    }
//    .langmenu:hover{height: 140px;}
//    #searcher{margin:45px 0; float: left;
//              form{height: 28px; border: 1px solid #cccccc;}
//              input[type="text"]{border: 0px solid #cccccc; border-right: none; font-family: Arial; font-size: 11px; padding: 4px 10px; float: left; height: 26px; width: 85%;}
//              input[type="submit"]{background: url('/skins/home/img/search-button.png') center center no-repeat white; border: 0px solid #cccccc; border-left: none; width: 26px; height: 26px; float: right;}
//    }
	.langmenu{list-style-type:none; font-size: 14px; padding: 0px; margin: 15px 0; float: right;
		li{float: left; margin-left: 20px;}
		.cz a{background: url('/skins/home/img/cz-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
		.en a{background: url('/skins/home/img/en-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
		.pl a{background: url('/skins/home/img/sr-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
		.hr a{background: url('/skins/home/img/hr-flag.jpg') left center no-repeat; padding: 5px 0px 5px 30px; display: block;}
	}
	#searcher{margin:10px 0; clear: both;
		form{height: 28px; border: 1px solid #cccccc;}
		input[type="text"]{border: 0px solid #cccccc; border-right: none; font-family: Arial; font-size: 11px; padding: 4px 10px; float: left; height: 26px; width: 85%;}
		input[type="submit"]{background: url('/skins/home/img/search-button.png') center center no-repeat white; border: 0px solid #cccccc; border-left: none; width: 26px; height: 26px; float: right;}
	}
}

#main-menu{background: url('/skins/home/img/li-menu.jpg') center top repeat-x;
           #odkazy{list-style-type:none; margin: 0px; padding: 0px;
               li{float: left; font-size:16px;
                  a{color:white; padding: 15px 30px; display: block; text-decoration: none;} a:hover{text-decoration:none;}
               }
               li:hover{background: url('/skins/home/img/li-menu-active.jpg') center top no-repeat;}
               /*.activemenu{background: url('/skins/home/img/li-menu-active.jpg') center top no-repeat;}*/
               .selected-menu{background: url('/skins/home/img/li-menu-active.jpg') center top no-repeat;}
           }
}

#slider{background: url('/skins/home/img/slider.jpg') center top no-repeat; height: 447px;
    #lepeni{text-align: right; color: #737373; font-size:16px; padding: 30px; padding-left: 30%;
            h2{font-size: 42px; color:@modra; margin: 0px;}
            a{color: @modra; text-decoration: underline; background: url('/skins/home/img/sipka-l.png') center right no-repeat; padding: 30px}
            a:hover{text-decoration:none;}
    }
    #svarovani{color: white; font-size:17px; padding: 30px; padding-right: 30%;
            h2{font-size: 42px; color:@svetle-modra; margin: 0px;}
            a{color: @svetle-modra; text-decoration: underline; background: url('/skins/home/img/sipka-p.png') center left no-repeat; padding: 30px;}
            a:hover{text-decoration:none;}
    }
}

@media (max-width:1024px){
  #slider{
    #lepeni{padding-left: 25%;}
    #svarovani{padding-right: 25%;}
  }
}

@media (max-width:768px){
  #slider{
    #lepeni{padding-left: 20%;}
    #svarovani{padding-right: 20%;}
  }
}

#slider-subpage{text-align: center;
  img{max-width: 100%;}
}

#slides{
    .slide{margin: 25px 0;}
    button{display: none!important;}
}

#inform-text{color:@svetle-modra; font-size: 34px; text-align: center; font-weight: 300; background: url('/skins/home/img/stin.png') center bottom no-repeat; padding: 0 0 40px 0; clear:both;}

#content{
    #lefter{color: #737373; font-size: 14px; line-height: 1.5; padding: 0 50px 0 0;
        h2{font-size: 26px; background: url('/skins/home/img/novinky.png') center left no-repeat; padding: 0 0 0 30px; margin: 40px 0 20px -30px;}
        .navigace{background: url('/skins/home/img/navigace.png') center left no-repeat;}
        .kontakt{background: url('/skins/home/img/fast-kontakt.png') center left no-repeat;}
        h3{font-size: 18px; margin: 20px 0 0 0;
            a{color: @modra; text-decoration: underline;} a:hover{text-decoration: none;}
        }
        #archiv a{font-size: 18px; color:@svetle-modra; margin: 10px 0; display: block;}
        #submenu{padding: 0px; list-style-type: none; line-height:1.6;
                 a{color: #215797; font-size: 16px;}
                 ul {padding:0 20px;
                     li{list-style-type: none; background: url('/skins/home/img/li-sipka.png') top left no-repeat; padding: 0 0 0 20px; background-position:0px 5px;
                        a{color:@svetle-modra; font-size:14px;}
                     }
					 li.activemenu{font-weight: bolder;
						  ul{
							  li{
								  a{color:@svetle-modra; font-size:14px;}
							  }
						  }
					 }
                 }
        }
    }
    #righter{color: #737373; font-size: 16px; line-height: 1.5;
        h1{font-size: 38px; margin: 35px 0 20px 0;}
        a{color: @svetle-modra; text-decoration: underline;} a:hover{color: @modra; text-decoration: none;}
        .fragments{display: none;}
        .kurzy{margin-top:30px;
           tr{background: #f1f1f1;
                td{padding: 5px 10px;}
                .date{width: 25%;}
             }
           .hlrow{background: #f7fafd;}
        }
        input{margin: 5px 0; border-radius: 3px; border: 1px solid gainsboro;}
        select{width: 172px; border-radius: 3px; border: 1px solid gainsboro;}
        table{width: 100%;
              .hlrow{background: #f7fafd;}
              td{border: 1px solid gainsboro; padding: 5px 10px;}
        }
    }
}

#pata{background: #f7fafd; margin: 30px 0 0 0;
    #sede-logo{float:left; margin: 20px;
      img{margin-right:50px;}
    }
    #realizace{float:right; padding: 30px; color: #b9b9b9;
               a{color:@svetle-modra;}
    }
}

.subpages{font-size:14px;
    h3{margin: 0px; padding: 20px 0 5px 0;}
    p{padding: 0px;}
    .subpagelink{display: none;}
    .subpageitem{height: 157px; margin-top: 20px; overflow:hidden;}
    .img-left{margin-right: 20px; overflow: hidden; width: 222px;}
}

#pageid-67 #lefter,#pageid-68 #lefter,#pageid-69 #lefter,#pageid-70 #lefter,#pageid-71 #lefter,#pageid-72 #lefter,#pageid-73 #lefter,#pageid-74 #lefter,#pageid-75 #lefter,#pageid-75 #lefter,#pageid-76 #lefter,#pageid-77 #lefter,#pageid-78 #lefter,#pageid-79 #lefter,#pageid-80 #lefter,#pageid-81 #lefter,#pageid-82 #lefter,#pageid-83 #lefter,#pageid-84 #lefter,#pageid-85 #lefter,#pageid-86 #lefter,#pageid-87 #lefter,#pageid-88 #lefter,
#pageid-89 #lefter,#pageid-90 #lefter,#pageid-91 #lefter,#pageid-92 #lefter,#pageid-93 #lefter,#pageid-94 #lefter,#pageid-95 #lefter,#pageid-96 #lefter,#pageid-97 #lefter,#pageid-98 #lefter,#pageid-99 #lefter,#pageid-100 #lefter,#pageid-101 #lefter,#pageid-102 #lefter,#pageid-103 #lefter,#pageid-104 #lefter,#pageid-105 #lefter,#pageid-106 #lefter,#pageid-107 #lefter,#pageid-108 #lefter,#pageid-109 #lefter,#pageid-110 #lefter,#pageid-111 #lefter,
#pageid-112 #lefter,#pageid-113 #lefter,#pageid-114 #lefter,#pageid-115 #lefter,#pageid-116 #lefter,#pageid-117 #lefter,#pageid-118 #lefter,#pageid-119 #lefter, #pageid-135 #lefter, #pageid-184 #lefter, #pageid-185 #lefter,#pageid-261 #lefter,#pageid-316 #lefter,#pageid-317 #lefter,#pageid-350 #lefter
{display: none;}

#pageid-67 #righter,#pageid-68 #righter,#pageid-69 #righter,#pageid-70 #righter,#pageid-71 #righter,#pageid-72 #righter,#pageid-73 #righter,#pageid-74 #righter,#pageid-75 #righter,#pageid-75 #righter,#pageid-76 #righter,#pageid-77 #righter,#pageid-78 #righter,#pageid-79 #righter,#pageid-80 #righter,#pageid-81 #righter,#pageid-83 #righter,#pageid-84 #righter,#pageid-85 #righter,#pageid-86 #righter,#pageid-87 #righter,#pageid-88 #righter,
#pageid-89 #righter,#pageid-90 #righter,#pageid-91 #righter,#pageid-92 #righter,#pageid-93 #righter,#pageid-94 #righter,#pageid-95 #righter,#pageid-96 #righter,#pageid-97 #righter,#pageid-98 #righter,#pageid-99 #righter,#pageid-100 #righter,#pageid-101 #righter,#pageid-102 #righter,#pageid-103 #righter,#pageid-104 #righter,#pageid-105 #righter,#pageid-106 #righter,#pageid-107 #righter,#pageid-108 #righter,#pageid-109 #righter,#pageid-110 #righter,#pageid-111 #righter,
#pageid-112 #righter,#pageid-113 #righter,#pageid-114 #righter,#pageid-115 #righter,#pageid-116 #righter,#pageid-118 #righter, #pageid-135 #righter, #pageid-119 #righter, #pageid-184 #righter, #pageid-261 #righter,#pageid-316 #righter,#pageid-350 #righter
{width: 100%; text-align: center;}

#pageid-185 #righter, #pageid-317 #righter{width: 100%;}
//#pageid-268 .nov-lep, #pageid-273 .nov-lep, #pageid-269 .nov-lep{display: none;}

.pagecss-134 #header #slogan{font-style: normal;}

.pagecss-70 #lefter{display: block!important;}
.pagecss-70 #righter{text-align: left!important; width: 66.66666667%!important;}

.pagecss-70 #lefter .nov-lep,  .pagecss-70 #lefter .kontakt, .pagecss-70 #lefter p{display: none;}

#slides{
  img{max-width: 100%;}
}