/* ---------------- GENERAL STYLES ---------------- */
* { margin:0px; padding:0px; }
body { background-color:#90afb4; font-family: arial, tahoma; font-size:13px; }

h1, h2, h3 {
    margin:0px;
    padding:15px 0 15px 0;
    /*font-weight: normal;*/
}

p { margin:0px; padding:2px 0; }

a {
    color:#fff;
    text-decoration: none;
}

big { font-size:120%; }

.t_left{
text-align:left;
}

.t_right{
text-align:right;
}

.f_left{
float:left;
}

.f_right{
float:right;
}

.clear, .cleaner{
clear:both;
}

.text_obsah{
    color:#333333;
    text-align:justify;
}

ul{
list-style-type:none;
padding:0;
margin:0;
}

a:hover{
    text-decoration: underline;
}

#bg_body_top{
height:20px;
}

#bg_body_top_box{
width:990px;
margin: 0 auto;
}

#bg_body_top_left{
width: 341px;
float:left;
height:20px;
}

#bg_body_top_right { width:600px; float:right; height:20px; }
   
#web_box{
width:990px;
margin-top:75px;
margin:0px auto 0px auto;
padding-bottom:20px;
position:relative;
}

#web_box #colors_box{
position:absolute;
top:-16px;
left:0px;
}

#web_box #colors_box a{
display:block;
width:10px;
height:10px;
border:1px solid #000;
float:left;
margin-right:5px;
}

#web_box #colors_box a.violet{
   background: #9F6794;
}

#web_box #colors_box a.green{
   background: #A4BC0C;
}

#web_box #colors_box a.blue{
   background: #009FC6;
}

#web_box #colors_box a.pink{
   background: #F10281;
}

#web_box #colors_box a.light_pink{
   background: #FDC0DF;
}

#web_box #colors_box a.brown{
   background: #5C3D1E;
}

#web_box #colors_box a.cyan{
   background: #009194;
}

#href_box{
float:right;
position:absolute;
right:0;
top:-17px;
color:#fff;
}

#href_box span{
font-weight: bold;
}

#href_box a{
    color:#fff;
    text-decoration:none;
}

#href_box a.active{
    text-decoration:underline;
}

#header { float:left; width:100%; padding-bottom:20px; }

#header #header_left_panel { width:370px; float:left; }
#header #logo_box { text-align:center; }
#header #logo_box img { margin:50px auto 20px; border:0; }

#header_left_panel h3 { padding-top:0; font-size:24px; font-weight:bold; }

#header #menu_box { float:left; width:320px; padding:50px 0 30px 50px; margin-top:20px; }
#header #menu_box ul a { font-size:23px; display:block; text-transform:uppercase; text-decoration:none; font-weight:bold; }
#header #menu_box ul a:hover,
#header #menu_box ul a.active { color:#8a6565; text-decoration:none; }
#header #menu_box ul li{ height:28px; margin-bottom:15px; }
#header #menu_box ul a.first { margin-top:0px; }

#header #kontakt { float:left; width:320px; padding:50px 0 50px 50px; margin-top:20px; }

#header #main_img_box{
float:right;
}

#header #main_img_box img{
float:right; 
} 

div.empty{
height:13px;
}

#content_space_top{
height: 30px;
}

#content_box { margin:0; padding:20px 20px 50px 50px; }
#content_box #left_panel { float:left; width:270px; }
#content_box #left_panel h3{ font-size:24px; font-weight:bold; }

#content_box #right_panel{
     float:right;
     width: 580px;
}

#content_box #right_panel .text_box{
    /*padding: 0 40px 0 10px;*/
}    


#content_box #right_panel h1{
font-size: 24px;
}

#content_box #right_panel h1:first-child, #content_box #right_panel h2:first-child {}

#content_box #right_panel h2{
font-size: 22px;
}

#content_box #right_panel h3{
font-size: 18px;
}

#content_box #right_panel h4{
font-size: 15px;
}

#content_box #right_panel h5{
font-size: 12px;
}

#content_box #right_panel .more{
float:right;
}

#content_box #right_panel #photogallery table{
    margin: 0 auto;
    text-align:center;
}

#content_box #right_panel #photogallery table td{
    width:120px;
    padding-bottom:10px;
}

#content_box #right_panel #photogallery table td a{
    border:0;
}

#content_box #right_panel #photogallery table td img{
    border:0;
}      

#content_space_bottom{
height: 45px;
}

#footer { text-align:right; height:50px; margin-top:38px; font-size:100%; }
#footer #footer_box { width:990px; margin:0 auto; }
#footer a,
#footer span{ line-height:50px; }

/* BARVY */
body.violet { background-color:#faf3f3; }
body.violet #bg_body_top { background-color:#eab7b7; }
body.violet #bg_body_top_left {}
body.violet #bg_body_top_right{ background-color:#ffcccc; }
body.violet #header #logo_box {}
body.violet #header #menu_box,
body.violet #header #kontakt { background:#eab7b7 url(../img/left.png) repeat-y left top; }
body.violet #header_left_panel { color:#8a6565 }
body.violet #header_left_panel h3 { color:#674949; }

body.violet #content_space_top, body.violet #content_space_bottom{
   background: #4D4D4D;
} 

body.violet #content_box { background:#999 url(../img/left.png) repeat-y left top; }

body.violet #content_box #left_panel,
body.violet #content_box #left_panel h3,
body.violet #content_box #left_panel h3 a{ color:#674949; }

body.violet #right_panel{
   color:#fff;
} 

body.violet #footer, body.violet #footer a { background-color:#eab7b7; color:#4d4d4d; }

body.green{
  background: #a4bc0c;
}

body.green #bg_body_top{
   background: url(../img/bg_body_top_green.gif) no-repeat center 0;
}

body.green #bg_body_top_left{
  background: #fff;
}

body.green #bg_body_top_right{
  background: #010101;
}

body.green #header #logo_box{
   background: #010101; 
}

body.green #header #menu_box{
   background: #fff;
} 

body.green #header #menu_box a{
  color:#000;
}

body.green #content_box{
   background: url(../img/bg_content_green.gif) repeat-y;
} 

body.green #content_space_top, body.green #content_space_bottom{
   background: #010101;
} 

body.green #content_box #left_panel, body.green #content_box #left_panel h3, body.green #content_box #left_panel h3 a{
   color:#fff;
} 

body.green #right_panel{
   color:#fff;
}

body.green #footer, body.green #footer a{
   background:#010101;
   color:#fff;
} 
               

body.blue{
  background: #fff;
}

body.blue #bg_body_top{
   background: url(../img/bg_body_top_blue.gif) no-repeat center 0;
}

body.blue #bg_body_top_left{
  background: #009fc6;
}

body.blue #bg_body_top_right{
  background: #3a5a6f;
}

body.blue #header #logo_box{
   background: #009fc6; 
}

body.blue #header #menu_box{
   background: #3a5a6f;
} 

body.blue #header #menu_box a{
  color:#fff;
}

body.blue #content_box{
   background: url(../img/bg_content_blue.gif) repeat-y;
} 

body.blue #content_space_top, body.blue #content_space_bottom{
   background: #009fc6;
} 

body.blue #content_box #left_panel, body.blue #content_box #left_panel h3, body.blue #content_box #left_panel h3 a{
   color:#009fc6;
} 

body.blue #right_panel, body.blue #right_panel a{
   color:#504f4d;
}

body.blue #footer, body.blue #footer a{
   background:#3a5a6f;
   color:#fff;
} 

body.pink{
  background: #f10281;
}

body.pink #bg_body_top{
   background: url(../img/bg_body_top_pink.gif) no-repeat center 0;
}

body.pink #bg_body_top_left{
  background: #f10281;
}

body.pink #bg_body_top_right{
  background: #010101;
}

body.pink #header #logo_box{
   background: #010101; 
}

body.pink #header #menu_box{
   background: #ffffff;
} 

body.pink #header #menu_box a{
  color:#f10281;
}

body.pink #content_box{
   background: url(../img/bg_content_pink.gif) repeat-y;
} 

body.pink #content_space_top, body.pink #content_space_bottom{
   background: #4d4d4d;
} 

body.pink #content_box #left_panel, body.pink #content_box #left_panel h3, body.pink #content_box #left_panel h3 a{
   color:#f10281;
} 

body.pink #right_panel, body.pink #right_panel a{
   color:#fff;
}

body.pink #footer, body.pink #footer a{
   background:#010101;
   color:#fff;
} 

body.light_pink{
  background: #5c3d1e;
}

body.light_pink #bg_body_top{
   background: url(../img/bg_body_top_light_pink.gif) no-repeat center 0;
}

body.light_pink #bg_body_top_left{
  background: #ffffff;
}

body.light_pink #bg_body_top_right{
  background: #fdc0df;
}

body.light_pink #header #logo_box{
   background: #5c3d1e; 
}

body.light_pink #header #menu_box{
   background: #ffffff;
} 

body.light_pink #header #menu_box a{
  color:#5c3d1e;
}

body.light_pink #content_box{
   background: url(../img/bg_content_light_pink.gif) repeat-y;
} 

body.light_pink #content_space_top, body.light_pink #content_space_bottom{
   background: #fdc0df;
} 

body.light_pink #content_box #left_panel, body.light_pink #content_box #left_panel h3, body.light_pink #content_box #left_panel h3 a{
   color:#5c3d1e;
} 

body.light_pink #right_panel, body.light_pink #right_panel a{
   color:#5c3d1e;
}

body.light_pink #footer, body.light_pink #footer a{
   background:#fdc0df;
   color:#5c3d1e;
} 



body.brown{
  background: #f10281;
}

body.brown #bg_body_top{
   background: url(../img/bg_body_top_brown.gif) no-repeat center 0;
}

body.brown #bg_body_top_left{
  background: #ffffff;
}

body.brown #bg_body_top_right{
  background: #5c3d1e;
}

body.brown #header #logo_box{
   background: #5c3d1e; 
}

body.brown #header #menu_box{
   background: #ffffff;
} 

body.brown #header #menu_box a{
  color:#5c3d1e;
}

body.brown #content_box{
   background: url(../img/bg_content_brown.gif) repeat-y;
} 

body.brown #content_space_top, body.brown #content_space_bottom{
   background: #5c3d1e;
} 

body.brown #content_box #left_panel, body.brown #content_box #left_panel h3, body.brown #content_box #left_panel h3 a{
   color:#5c3d1e;
} 

body.brown #right_panel, body.brown #right_panel a{
   color:#fff;
}

body.brown #footer, body.brown #footer a{
   background:#5c3d1e;
   color:#fff;
} 


body.cyan{
   background: #c2c5c2 url(../img/bg_body_violet.gif) repeat-x;
}

body.cyan #bg_body_top{
   background: url(../img/bg_body_top_cyan.gif) no-repeat center 0;
}

body.cyan #bg_body_top_left{
  background: #010101;
}

body.cyan #bg_body_top_right{
  background: #019295;
}

body.cyan #header #logo_box{
   background: #019295; 
}

body.cyan #header #menu_box{
   background: #010101;
} 

body.cyan #header #menu_box a{
  color:#fff;
}

body.cyan #content_box{
   background: url(../img/bg_content_cyan.gif) repeat-y;
} 

body.cyan #content_space_top, body.cyan #content_space_bottom{
   background: #019295;
} 

body.cyan #content_box #left_panel, body.cyan #content_box #left_panel h3, body.cyan #content_box #left_panel h3 a{
   color:#010101;
} 

body.cyan #right_panel, body.cyan #right_panel a{
   color:#fff;
}

body.cyan #footer, body.cyan #footer a{
   background:#019295;
   color:#fff;
} 
