@import url(fonts.css);

html {margin:0px; padding:0px;}
body {width:100%; position:relative;  text-align:center;margin:0px; padding:0px;font-family: 'Roboto Slab', serif;text-rendering:optimizeLegibility;font-size:100%;color:#000000;background: #E5F3F8 url("theme/bg.jpg") no-repeat center top;}

a{ text-decoration:underline; color:#000000;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;}

form,p, table{ margin:0px; padding:0px;}
table tr td{vertical-align:top; border-spacing:0px; font-size:12px;}
input,select,textarea {vertical-align:middle; font-size:100%; padding:2px 5px;}

table.center{margin:0px auto; text-align:left;}

.f-left{float:left;}
.f-right{float:right;}
.full-width{width:100%;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.top_odsazeni {margin-top:10px;}
.half_width {width:50%;}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5;}
.clear.line{background: url("theme/dot_line.gif") repeat-x; height:2px;}
.italic {font-style:italic}
.strong {font-weight:bold; color:#000000;}

.error { color:red; font-weight:bold;}
.done { color:green; font-weight:bold;}
.back { color:#63BBDB; font-weight:bold;}

.inp-text{border:1px solid #ACADAF; background:#ffffff; line-height:12px; padding:2px 5px;}


.cols,
.colx-full{float:left; width:100%; padding:0px 0px 30px 0px; overflow:hidden;}
.cols .col2x-left{float:left; width:48%; }
.cols .col2x-right{float:right; width:48%; }

.clanek  {padding:0px 0px 20px 0px; border-bottom:1px solid #63BBDB; margin-bottom:20px;}
.clanek:last-child  { border-bottom:0px;}
.clanek h2 {padding:0px 0px 5px 0px; margin:0px; font-size:19px; font-family:Times New Roman; font-style:italic}
.clanek p { font-size:12px;}
.clanek h2 a{ color:#134C80;}
.clanek h2 .date{float:right; color:#000000; font-size:12px;}

#center{ width:980px; margin:0px auto; }
#layout{ float:left; width:980px; text-align:left;  position: relative; margin-top:0px;}

#layout #header{ float:left; width:100%;  position:relative;  height:357px; margin-bottom:12px;  }
#layout #header #yellow_line{ height:71px; background: #F0D218 url("theme/yellow_line.jpg") no-repeat}
#layout #header #yellow_line #logo{display: block; height: 100%; text-align:center; text-decoration:none; color:#134c80; font-size:20px;}
#layout #header #yellow_line #site-title { font-size:31px; font-weight:600; display: block;  padding-right: 30px;}
#layout #header #yellow_line #site-tagline {padding-left:103px; color:#134c80; font-size:20px; display: block;}
#layout #header #header_box{ position:absolute; right:0px; top:96px; width:981px; height:261px; 
border-radius: 13px;
background: -moz-linear-gradient(left,  rgba(28,67,122,0.93) 0%, rgba(52,160,207,0.79) 50%, rgba(28,67,122,0.93) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(28,67,122,0.93)), color-stop(50%,rgba(52,160,207,0.79)), color-stop(100%,rgba(28,67,122,0.93)));
background: -webkit-linear-gradient(left,  rgba(28,67,122,0.93) 0%,rgba(52,160,207,0.79) 50%,rgba(28,67,122,0.93) 100%);
background: -o-linear-gradient(left,  rgba(28,67,122,0.93) 0%,rgba(52,160,207,0.79) 50%,rgba(28,67,122,0.93) 100%);
background: -ms-linear-gradient(left,  rgba(28,67,122,0.93) 0%,rgba(52,160,207,0.79) 50%,rgba(28,67,122,0.93) 100%);
background: linear-gradient(to right,  rgba(28,67,122,0.93) 0%,rgba(52,160,207,0.79) 50%,rgba(28,67,122,0.93) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c437a', endColorstr='#ed1c437a',GradientType=1 );
}
#header_box_obrazek {position:absolute; display: block; width: 600px; height: 100%; 
background: url("theme/header.jpg") no-repeat;
border-top-left-radius: 13px;
border-bottom-left-radius: 13px;
}
#layout #header #header_box p{color:#ffffff; font-size: 17px; padding: 96px 30px 0 630px; }

#layout #header #mainmenu ul{ position:absolute; left:76px; bottom:2px; height:32px; margin:0px; padding:0px;	 }
#layout #header #mainmenu ul li{ float:left; line-height:32px; list-style-type:none; margin-right: 2px; box-shadow: 0px 0px 8px #FCF290 inset; background: rgb(247, 223, 55); }
#layout #header #mainmenu ul li:hover,
#layout #header #mainmenu ul li.active{ background: #EBCB0D; box-shadow: 0px 0px 8px #FCF290 inset; text-decoration:none; }
#layout #header #mainmenu ul li a{ float:left; color:#134c80; text-decoration:none; font-size: 14px; text-transform: uppercase; padding: 0 25px;}
#layout #header #mainmenu ul li.active a,
#layout #header #mainmenu ul li:hover a{text-decoration:none; color:#ffffff; }

#layout #main{ float:left; width:100%; min-height:443px; background: url("theme/content_bg.jpg") no-repeat; }
#layout #main #aside{ float:right; width:290px; padding:30px 30px;}
#layout #main #aside h2{padding:0px 0px 20px 0px; margin:0px; font-size:21px; font-weight:normal; color:#2D7BAC;}
#layout #main #aside h2 a{text-decoration:none; color:#2D7BAC;}
#layout #main #aside h2 a:hover{text-decoration:underline; color:#2D7BAC;}

#layout #main #aside .new{padding-bottom:25px;}
#layout #main #aside .new h3{font-family:Times New Roman; font-size:19px; color:#63bbdb; font-style:italic; margin:0px; padding:0px 0px 10px 0px;}
#layout #main #aside .new h3 a{ color:#63bbdb; text-decoration:none;}
#layout #main #aside .new h3 a:hover{  text-decoration:underline;}
#layout #main #aside p{ font-size:13px; line-height:22px; margin: 8px 0;}
#layout #main #aside .vice{ padding-left:22px; background: url("theme/more.gif") no-repeat left top;  line-height:19px; font-family:Times New Roman; font-size:14px; color:#63bbdb; font-style:italic; margin-top:5px;text-decoration:none;}
#layout #main #aside .vice:hover{  text-decoration:underline;}

#layout #main #content{ float:left; width:540px; padding:40px 30px 40px;}
#layout #main #content h1{ color:#2D7BAC; font-size:23px; font-weight:bold; margin:0px; padding:0px 0px 20px 0px;}
#layout #main #content h2{ color:#2D7BAC; font-size:20px; font-weight:bold; margin:0px; padding:0px 0px 20px 0px;}
#layout #main #content h3{ color:#2D7BAC; font-size:17px; font-weight:bold; margin:0px; padding:0px 0px 20px 0px;}
#layout #main #content p{line-height:24px; font-size:14px; margin: 8px 0;}
#layout #main #content ul {margin:0px; padding:0px;}
#layout #main #content ul  li{margin:0px; padding:0px; list-style-type:none; line-height:24px; font-size:14px; padding-left:10px; background: url("theme/dot_black.gif") left 10px no-repeat;}
#layout #main #content ul.blue li{ background: url("theme/dot_blue.gif") left 10px no-repeat;}

#layout #footer{ float:left; width:100%;  background: url("theme/footer_line.gif") no-repeat center top; margin-top:12px; padding:20px 0px; text-align:center; }
#layout #footer p{ font-size:13px; color:#63bbdb;  line-height:20px;}
#layout #footer p a{ font-size:13px; color:#63bbdb;  text-decoration:none;}
#layout #footer p a:hover{ text-decoration:underline;}

#layout #main #content #tabs table { font-size: 70%; width: 100%; margin-bottom: 10px; border: none; border-collapse: collapse; }
#layout #main #content #tabs th { font-size: 12px; background-color: #dae5ff; padding: 2px 3px; border: solid 1px #000; }
#layout #main #content #tabs td { padding: 2px 3px; border: solid 1px #000; }


#content .gallery{ float:left; width:120%; margin-top:20px;}
#content .gallery .photo{ float:left; width:125px;   line-height:83px; text-align:center;margin:0px 12px 12px 0px; overflow:hidden; }
#content .gallery .photo a{ display:block;}
#content .gallery .photo img{position:relative; border:0px; padding:0px; margin:0px; width:125px; }
.google-mapa { border:1px solid #ccc; width: 100%; height:300px; }
.center .g-recaptcha>div { margin: 0 auto; text-align: center; }


@media screen and (max-width:997px){
#center, #layout {width:auto;}
#layout #main #content { float: none; width:auto; padding: 30px 15px 30px;}
#layout #main #aside { float: none; width:auto; text-align: left; padding: 30px 35px 30px; background: url("theme/footer_line.gif") no-repeat center top; }
#footer {margin-top: 0}
#layout #header {height: auto;}
#layout #header #header_box { display: none;}
#layout #header #mainmenu ul {position: static;padding: 4px;bottom: auto;height: auto;}
#layout #header #mainmenu ul li, #layout #header #mainmenu ul li a {float: none; display: block;}
#layout #header #mainmenu ul li {margin-bottom: 2px; max-width: 330px;}
#mainmenu {margin-top: 14px;}
}
@media screen and (min-width:636px) and (max-width:997px){
#content {background: rgb(240, 248, 251);}
}

@media print
{
#footer{display:none;}
#header{display:none;}
#aside{display:none;}
#layout #main #content{padding:0; width:100%}
}