/**  global color #369 will be replaced  **/
body {  font: 9.5pt/1.45em Arial,"Trebuchet MS",tahoma,verdana;  background: url(/views/freerwsoft/www/img/bg2.jpg) center top no-repeat;
	color: #333;  padding: 0;  margin: 0; }
*>a { outline: none; } /* firefox outline */
a img { border-style: none; }
h1, h2, h3, .like-h1 { line-height: 1.4em;  margin: 20px 0;  text-align: left;  color: #293a43; }
h1, .like-h1 { font-size: 18pt;  font-weight: normal;  color: inherit;  font-family: 'Open Sans'; }
h1 { color: #1f98dd; }
p { margin: 7px 0; }
a { color: #a42c20; }
a:hover { text-decoration: none; }
ul { margin: 0;  padding-left: 17px; }
table { border-collapse: collapse;  margin: 15px 0; }
table.no-border th,table.no-border td{border: none; padding: 0 5px; vertical-align: top;}
td, th { border: 1px solid #ddd;  padding: 4px 10px; }
input { padding: 2px 6px; }
.clear { clear: both; }
.nul, .nul a { text-decoration: none; }  .nul:hover { text-decoration: underline; }
hr { clear: both; }
.hidden { display: none; }
.flash-succ {
    background: #1f98dd;
    padding: 10px;
    color: #FFF;
    text-align: left;
    font-size: 12pt;
}

/****** ALL *******/
.content-wrap { width: 1000px;  margin: 20px auto;  position: relative;  padding-top: 440px; }
.content { padding: 1px 20px 40px 30px;  background: #fff;  box-shadow: 0 0 5px 1px #CCC;  position: relative; width: 700px;  float: right;  margin-bottom: 50px; }

/****** HEADER *******/
.header { position: absolute;  top: 20px;  left: 0;  width: 100%; }
.header-in { position: relative;  width: 1000px;  margin: 0 auto;  height: 340px; }
.header .logo { position: absolute;  top: 10px;  left: 10px;
	width: 280px;  height: 50px;  z-index: 15; }
.header .in { position: absolute;  top: 100px;  left: 0px;  z-index: 10;  width: 500px;  font-family: 'Open sans';  font-size: 14pt;  color: #999;  line-height: 25px; }
.header .in strong { color: #CCC; }
.slogan { position: absolute;  top: 380px;  right: 0px;  font-family: 'Open Sans';  z-index: 1;  font-size: 10.5pt; }
.slogan strong { color: #000; }

/****** MAIN *******/
.main { float: left;  width: 100%;  margin: 10px 20px 10px 0;  text-align: justify; }
.fotogalerie img { margin: 5px;  box-shadow: 1px 1px 7px #aaa; }
.news-img { float: right;  margin: -5px 5px 10px 30px; }
.anotace { font-style: italic;  color: #555;  margin-bottom: 20px; }
/** HP **/
.left-column { float: right;  width: 370px;  margin-right: 280px; }
.news ul { list-style: none;  margin: 0;  padding: 0; }
.news li { background: #f3f5f7;  margin: 5px 0;  border-radius: 3px;  width: 205px; }
.news li a { display: block;  padding: 10px;  text-decoration: none;  color: #999; }
.news li a strong { color: #a42c20; }
.news h2 { margin-bottom: 5px; }
.news h2 a { text-decoration: none;  color: inherit; }
.photogallery-column { width: 240px; position: absolute;  top: 7px;  right: 30px; margin: 0 0 0 60px; }
.photogallery-column img { margin: 5px; float: left;}
.search-results .result { margin: 7px 0;  border-top: 1px solid #eee; }
.edit-site { float: right; }
ol ul { margin: 20px 0;  list-style: none; }

/****** MENU *******/
.menu { z-index: 1;  position: absolute;  top: 10px;  left: 350px; }
.menu li { font-weight: bold;  display: block;  float: left;  padding: 0;  margin: 0; }
.menu li a { padding: 5px 0;  display: block;  text-decoration: none;  color: #333;  padding: 5px 20px 15px;  border-left: 1px solid #CCC;  
            background: url(/views/freerwsoft/www/img/li_bottom_red.jpg) center 90% no-repeat; font-size: 96%; }
.menu .hp a { border: none; }
.menu li a:hover { background-position-y: bottom; }
.menu .sel a { }
.menu .sel a:hover { background-position-y: 90%; }

/* left menu */
.left-menu ul { list-style: none;  padding: 0; }
.left-menu li { background: #FFF;  box-shadow: 1px 1px 3px 0px #CCC;  display: block;  width: 200px;  color: inherit;  text-decoration: none;  border: 1px solid #EEE;  margin: 0 0 10px; }
.left-menu .sel, .left-menu li:hover { font-weight: bold;  background: #1f98dd;  color: #FFF;  border-color: #1f98dd; }
.left-menu .has-childrens.sel { color: inherit;  background: none;  border-color: #EEE; }
.left-menu .has-childrens.sel a { background: #293a43;  color: #FFF; }
.left-menu .has-childrens.sel li a { background: none;  color: inherit; }
.left-menu .sel li { display: block; }
.left-menu li li { box-shadow: none;  width: auto;  background: none;  display: none;  border: none;  border-top: 1px dashed #DDD;  margin: 0;  font-weight: normal;  font-size: 95%; }
.left-menu li .first { border-top-style: solid; }
.left-menu li li:hover, .left-menu li .sel { font-weight: normal; }
.left-menu a { color: inherit;  text-decoration: none;  display: block;  height: 100%;  padding: 5px 10px; }

/****** COLUMN *******/
.column { float: right; width: 190px;  border-left: 4px solid #f0f1f2;  margin-top: 60px;  padding-left: 20px; }
.column h2 { margin-top: -30px; }
.column p { margin: 0; }

/****** FOOTER *******/
.footer{ clear: both;  width: 100%;  background: #293a43; }
.footer-in { width: 60% !important; margin: 0 auto;  padding: 30px 200px 0;  height: 50px;  border-top: 3px solid #a42c20; }
.footer p { margin: 0; } /* kvuli editoru, ktery tam dela tag */
.footer-right { float: right; }
.footer, .footer a { color: #fff;  text-decoration: none; }
/**  language switcher  **/
.language-switcher { position: absolute; right: 20px; top: 3px; }
.language-switcher a { width: 16px;  height: 16px;  float: left;  padding: 4px;  opacity: 0.7; }
.language-switcher a.active, .language-switcher a:hover{ opacity: 1; }
.language-switcher a span { display: none; }
.language-switcher a.cz { background: url(/views/_default/www/img/icons/flag_cz.png) no-repeat 50% 50%; }
.language-switcher a.en { background: url(/views/_default/www/img/icons/flag_en.png) no-repeat 50% 50%; }
.language-switcher a.sk { background: url(/views/_default/www/img/icons/flag_sk.png) no-repeat 50% 50%; }

.eliska-footer { text-align: center;  font-size: 8pt;  margin: 2% 0 0; }
.eliska-footer, .eliska-footer a { color: #aaa; }
.eliska-footer a { text-decoration: underline; }
.eliska-footer img { position: relative;  top: 3px;  padding: 0 3px 0 6px; }

/* default-form */
.default-form { clear: both; border: 1px solid #ddd;  background: #f8f8f8;
	margin: 10px 0;  padding: 20px 10px; width: 121%;}
.default-form label { display: block;  margin: 5px 0 0; }
.default-form .text-input, .default-form textarea, .default-form select {
	background: white;  border: 1px solid #ccc;  width: 390px;  padding: 6px 10px;  margin: 1px; width: 100%; }
.default-form select { padding-right: 5px;  width: 410px; }
.default-form textarea { font-family: arial;  height: 100px; }
.default-form .sub {  font-weight: bold;  background: white;
	cursor: pointer;  padding: 10px 50px;  border: 2px solid #ccc;  margin: 10px 0; }
.default-form .sub:hover { background: #f5f5f5; }
.default-form { text-align: left; }
.num-short { width: 35px; }

.default-form #persons_info .left, .default-form .hidden .right { width: 209px;  float: left; }
.default-form #persons_info .text-input { width: 150px;}
.default-form #persons_info select { width: 170px; }
.default-form #persons_info h3 { margin: 20px 0 0; }

.content-in{ padding: 1px 20px 40px 30px; }
.menu-right-col{ padding-left: 2% !important;}

/*
@media screen and (max-width: 970px){
	.all { width: 100%; }
	.header { width: 100%; }
}
*/
@media (max-width: 1100px){
    body{
        background: none !important;
    }
    .header{
        background-color: #B22E21;
        top: 0;
    }
    .content-wrap{
        width: 98%;
    }
    .left-menu li{
        float: left;
        margin-left: 1%;
    }
    .news li{
        float: left;
        margin-left: 1%;
    }
    .slogan{
        right: 10%;
    }
    .menu{
        left: 0;
        width: 100% !important;
    }
    .header .in{
        margin-left: 4%;
    }
    .content{
        float: left;
        width: 98%;
    }
    .header-in{
        width: 100%;
    }
    .footer-in{
        height: 100%;
        padding: 30px 10px 0;
        
    }
    .menu li a{
        color: #fff;
    }
    .header .logo{
        display: none;
    }
    .default-form { 
        width: 108%;
    }
}
@media(max-width: 1000px){
    .column{
        margin-top: 0;
    }
    .right-column-under{
        float: left;
    }
    .menu-right-col:not(:first-child){
        margin-left: 1%;
    }
    .right-column-under br{
        display: none;
    }
    .right-mapa{
        margin-top: 5em !important;
    }
    .menu-right-col{
        border: none;
        padding-left: 30px;
        margin: 0;
    }
}
@media(max-width: 900px){
    .left-menu li{
        width: 98%;
        float: none;
        padding: 10px;
    }
    .news li{
        float: none;
        width: 98%;
    }
}
@media(max-width: 678px){
    .header-in{
        height: 381px;
    }
    .header .in{
        margin-top: 15%;
    }
    .menu li{
        float: none;
    }
    .menu li a{
        border-left: none;
        text-align: center;
    }
    
}
@media(max-width: 630px){
    .right-column-under{
        float: none;
        margin-left: 0;
    }
    .right-column-under br{
        display: inline;
    }
    .right-mapa{
        margin-top: 0 !important;
    }
    .content .content-in .main{
        overflow: hidden;
    }
}
@media(max-width: 440px){
    .slogan{
        margin-left: 5%;
    }
}
@media(max-width: 550px){
    .header .in{
        width: 95%;
    }
}
@media(max-width: 380px){
    .header .in{
        top: 145px;
    }
}

.default-form {
    clear: both;
    border: 1px solid #ddd;
    background: #f8f8f8;
    margin: 10px 0;
    padding: 20px 10px;
    width: 100%;
}