@charset "utf-8";
/* CSS Document */

body {
margin:0px;
background-color:#D6006E;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
margin:0; padding:0;
}



#main_div {
margin:0 auto;
width:936px;
height:auto;
background-color:#FFFFFF;
}

#banner {
background-image:url(../images/banner.gif);
background-repeat:no-repeat;
width:936px;
height:220px;
margin:0 0 0 0px;
}

#header {
width:936px;
height:auto;
}

#login {
margin-top:22px;
width:190px;
height:158px;
float:right;
}

.form_button {
background-color:#d6006e;
border:2px #d7d7d6 solid;
font-family:Arial;
letter-spacing:1px;
font-size:12px;
font-weight:bold;
color:#FFF;
padding:2px 5px 2px 5px;
cursor:pointer;
width:50px;
height:25px;
}

.form_button_2 {
background-color:#d6006e;
border:2px #d7d7d6 solid;
font-family:Arial;
letter-spacing:1px;
font-size:12px;
font-weight:bold;
color:#FFF;
padding:2px 5px 2px 5px;
cursor:pointer;
width:70px;
height:25px;
}

.log_error {
height:13px;
margin:0px;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:11px;
color:#FF0000;
}

.form_text{
margin-left:10px;
font-family:Verdana;
font-size:12px;
color:#D6006E;
font-weight:bold;
}

.form_text_2{
margin-left:10px;
font-family:Verdana;
font-size:12px;
color:#D6006E;
}

.form_login_img {
margin-left:0px;
width:70px;
height:70px;
}


.form_login_text_link a{
margin-left:10px;
font-family:Verdana;
font-size:12px;
color:#D6006E;
font-weight:bold;
}

.form_login_text_link a:hover{
margin-left:10px;
font-family:Verdana;
font-size:12px;
color:#999999;
font-weight:bold;
}


.input_box {
margin-left:10px;
margin-top:5px;
background-color:#FFFFFF;
color:#27323A;
border:#27323A solid 1px;
width:132px;
height:14px;
}

.login_button {
margin-left:65px;
margin-top:5px;
}

#arrowbutton, .arrowbutton {
margin-left:10px;
margin-top:7px;
display:block;
float:left;
width:150px;
height:15px;
}

a.arrow {
background: transparent url(../images/arrow-1.gif);
background-repeat:no-repeat;
display: block; float: left;
font:11px verdana; 
height: 15px; 
text-decoration: none;
text-align:center;
vertical-align:middle;
}

a:link.arrow, a:visited.arrow, a:active.arrow{
color: #27323A; /*button text color*/ }

a.arrow:hover{ /* Hover state CSS */ background: transparent url(../images/arrow-2.gif);
background-repeat:no-repeat;
}

a.arrow:hover span{ 
color: #27323A; 
text-decoration: underline;
}

#menutable {
width:936px;
height:46px;
background-image:url(../images/gray-line.jpg);
float:left;
}

#buttonwrapper{
display:block;
width:900px;
height:46px;
border:#000000 0px solid;
}

a.squarebutton{
padding-top:3px;
background: transparent url(../images/gray-line.jpg) repeat-x 	top left;
display: block; float: left;
font: bold 12px verdana;
line-height: 35px; 
height: 46px;
text-decoration: none; text-align:center; vertical-align:middle;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #D6006E; /*button text color*/ 
}

a.squarebutton:hover{ /* Hover state CSS */ background: transparent url(../images/mehroom-line.gif) repeat-x top left;
}

a.squarebutton:hover span{ 
 color: #FFFFFF;
}

.menu-line {
background-image:url(../images/menu-line.jpg);
background-repeat:no-repeat;
background-position:top;
width:1px;
float:left;
height:46px;
}

/*=========================== why_expreska of css start ====================*/

#middle_img {
background-image:url(../images/middle_img.gif);
background-repeat:no-repeat;
width:936px;
height:407px;
float:left;
}

#middle_left {
margin:0 0 0 0px;
width:auto;
height:auto;
float:left;
}
#middle_left2{
margin:0 0 0 0px;
width:468px;
height:auto;
float:left;
}
.partneri{
    padding-top:10px;
}

#kontakty a{
    text-decoration:none;
    color:#D6006E;
}
#kluby2 a{
    text-decoration:none;
    color:#D6006E;
}
#seznam_kontakty{
    list-style-image:url("../images/red_arrow.gif");
}
.sipka_dolu{
    list-style-image:url("../images/red_arrow_90.gif");
}
.sipka_normalni{
    list-style-image:url("../images/red_arrow.gif");
}
#kontakty{
    width:auto;
    padding-bottom:10px;
}
#contact_us{
    padding-bottom:10px;
}
.odeslat_zam{
    margin-top:30px;
}
#napiste2{
    padding-bottom:60px;
}
#kontakty p{
    padding-top:10px;
}
.odkaz{
    color:#D6006E;
    text-decoration:none;
}
.odkaz:hover{
    text-decoration: underline;
}
.no_border img{
    border-style: none;
}
.no_border{
    border-style: none;
}
#middle_right {
margin:0 0 0 0px;
width:468px;
height:auto;
float:left;

}

#red_text {
width:307px;
height:auto;
margin-top:15px;
margin-left:30px;
}

#black_text {
width:307px;
height:auto;
margin-top:10px;
margin-left:30px;
}

.black_text_small {
width:420px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
text-align:left;
margin-top:15px;
margin-left:30px;
}

#red_text_small {
width:400px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#e30077;
font-size:13px;
text-align:left;
margin-top:10px;
margin-left:30px;
}

.black_text {
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
font-weight:bold;
}

.red_text {
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#e30077;
font-size:13px;
font-weight:bold;
}

#big_arrow {
width:236px;
height:auto;
margin-top:32px;
margin-left:30px;
}

#footer_img {
background-image:url(../images/footer-bg.gif);
background-repeat:no-repeat;
width:936px;
height:114px;
float:left;

}

#footer_left_text {
width:355px;
margin-left:30px;
margin-top:25px;
height:auto;
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
float:left;
}
#footer_right_text {
width:460px;
margin-top:27px;
height:auto;
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
float:right;
}

a.footer:link {
font-family:Verdana;
font-size : 10px;
color : #FFFFFF;
text-decoration : none;
font-weight:bold;
text-decoration:none;
}

a.footer:hover {
font-family:Verdana;
font-size : 10px;
color:#ffffff;
text-decoration : none;
font-weight:bold;
text-decoration:underline;
}

a.footer:active {
font-family:Verdana;
font-size : 10px;
color:#ffffff;
text-decoration : none;
font-weight:bold;
}

a.footer:visited {
font-family:Verdana;
font-size : 10px;
color:#ffffff;
text-decoration : none;
font-weight:bold;
}

/*========================== clubs of css start========================*/
#middle_img_2 {
background:#FFFFFF;
width:936px;
height:600px;
float:left;
padding-bottom: 10px;
}

#left_mapa_box {
width:300px;
margin-left:30px;
}

#mapa{
    position:absolute;
    top:280px;
}
#cr_panacek{
    display:block;
    position:absolute;
}
.panacek1{
    position:absolute;
    margin-top:154px;
    margin-left:168px;
}
.panacek2{
    position:absolute;
    margin-top:154px;
    margin-left:177px;
}
.panacek3{
    position:absolute;
    margin-top:158px;
    margin-left:195px;
}
.panacek_plzen{
    position:absolute;
    margin-top:194px;
    margin-left:90px;
}
.panacek_cb{
    position:absolute;
    margin-top:284px;
    margin-left:177px;
}
.panacek_usti{
    position:absolute;
    margin-top:85px;
    margin-left:137px;
}
.panacek_liberec{
    position:absolute;
    margin-top:85px;
    margin-left:237px;
}
.panacek_hradec{
   position:absolute;
    margin-top:134px;
    margin-left:297px;
}
.panacek_olomouc{
   position:absolute;
    margin-top:224px;
    margin-left:400px;
}
.panacek_ostrava{
   position:absolute;
    margin-top:200px;
    margin-left:480px;
}
.panacek_havirov{
   position:absolute;
    margin-top:210px;
    margin-left:500px;
}
.panacek_brno{
   position:absolute;
    margin-top:270px;
    margin-left:350px;
}
.panacek_zlin{
   position:absolute;
    margin-top:270px;
    margin-left:440px;
}
.panacek_vary{
   position:absolute;
    margin-top:135px;
    margin-left:60px;
}
.panacek_sokolov{
   position:absolute;
    margin-top:140px;
    margin-left:45px;
}
.panacek_benesov{
   position:absolute;
    margin-top:185px;
    margin-left:185px;
}
.panacek_jihlava{
   position:absolute;
    margin-top:195px;
    margin-left:200px;
}
.panacek_most{
   position:absolute;
    margin-top:90px;
    margin-left:110px;
}
.panacek_slany{
   position:absolute;
    margin-top:140px;
    margin-left:145px;
}
#panacek1_praha{
    display:none;
    position:absolute;
    z-index:2;
    margin-left:325px;
    margin-top:100px;
}
#panacek2_praha{
    display:none;
    position:absolute;
    margin-left:325px;
    margin-top:165px;
    z-index:2;
}
#panacek3_praha{
    display:none;
    position:absolute;
    margin-left:365px;
    margin-top:235px;
    z-index:2;
}
#panacek4_praha{
    display:none;
    position:absolute;
    margin-left:130px;
    margin-top:210px;
    z-index:2;
}
#panacek5_praha{
    display:none;
    position:absolute;
    margin-left:265px;
    margin-top:145px;
    z-index:2;
}
#panacek6_praha{
    display:none;
    position:absolute;
    margin-left:195px;
    margin-top:120px;
    z-index:2;
}
#mapa_praha{
    display:none;
    position:absolute;
    z-index:1;
}
.rohy_kulate{
    width:60%;
    background:url("../images/rohy_pravy.gif") top right no-repeat;
    margin-left:650px;
    font-family:Calibri, Tahoma, Helvetica, sans-serif, Arial;
    color:#000;
    font-size:13px;
    height: auto;
}
.rohy_kulate2{
    background:url("../images/rohy_levy.gif") top left no-repeat;
    padding-top: 13px;
    height: auto;
}
.rohy_kulate3{
    background:url("../images/rohy_levy.gif") bottom left no-repeat;
    padding-left: 13px;
    height: auto;
}
.rohy_kulate #detail{
    background:url("../images/rohy_pravy.gif") bottom right no-repeat;
    padding-right: 13px;
    padding-bottom: 13px;
    height: auto;
}


#mapa_red_text {
width:200px;
height:auto;
margin-top:5px;
float:left;
}

#mapa_img {
margin-left:0px;
float:left;
width:200px;
margin-top:5px;
}

#black_text_small_host {
width:400px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
text-align:left;
margin-left:30px;
line-height:20px;
}

#otev_red_text {
width:400px;
height:auto;
margin-left:30px;
margin-top:5px;
}

#navizime_red_text {
width:400px;
height:auto;
margin-left:30px;
margin-top:11px;
}

#planujeme_red_text {
width:400px;
height:auto;
margin-left:30px;
margin-top:3px;
}

#prispejte_red_text {
width:400px;
height:auto;
margin-left:30px;
margin-top:10px;
}

#jednorazovy_red_text {
width:400px;
height:auto;
margin-left:30px;
margin-top:0px;
}

#right_img_box {
width:400px;
margin-left:30px;
}

#black_text_right_box {
width:150px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
text-align:left;
line-height:20px;
float:left;
}

#black_text_right_box_2 {
width:200px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
text-align:left;
line-height:20px;
}


#nvtr_img {
margin-left:0px;
float:left;
width:155px;
height:26px;
margin-top:10px;
}
.cler {
clear:both;
}

.space {
height:10px;
margin:0px;
}
/*========================== Membership of css start==========================*/
#middle_img_3 {
background-image:url(../images/middle_2_img.gif);
background-repeat:no-repeat;
width:936px;
height:407px;
float:left;
}

#jak_red_text {
width:400px;
height:auto;
margin-left:30px;
margin-top:3px;
}

#jak_face_img_div {
width:450px;
height:auto;
margin-left:10px;
}


#jak_face_img {
width:69px;
height:auto;
margin:0px;
margin-top:0px;
float:left;
}


#jak_black_text_small {
width:300px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
text-align:left;
margin-left:75px;
margin-top:0px;
line-height:15px;
}


/*====================== About us of css start======================*/
#middle_img_4 {
background-image:url(../images/middle_3_img.gif);
background-repeat:no-repeat;
width:936px;
height:407px;
float:left;
}

#arrow_img_red_text_div {
width:450px;
height:auto;
margin-left:15px;
}


#jepervni_arrow_img {
width:23px;
height:auto;
float:left;
margin:0px;
}

#jepervni_black_text {
width:400px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
text-align:left;
margin-left:15px;
margin-top:0px;
}

#kiliknete_button {
width:300px;
height:auto;
margin-left:15px;
margin-top:15px;
}

#cemuzenam_black_text {
width:400px;
height:auto;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
text-align:left;
margin-left:30px;
line-height:18.5px;
}

/*===================contact of css start================*/
#contact{
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
}
#ostatni{
    padding-left:20px;
    float:left;
}
#ostatni p {
    padding-bottom:10px;
    padding-top:10px;
}
#middle_img_5 {

background:white;
width:936px;
height:auto;
float:left;
}
#add_red_text {
width:400px;
height:auto;
margin-left:15px;
margin-top:10px;
}

#add_black_text {
width:400px;
height:auto;
margin-left:9px;
margin-top:30px;
}
/*================== form of css start Contact ================*/

.contact_input_box {
background-color:#FFFFFF;
color:#27323A;
border:#27323A solid 1px;
width:180px;
height:18px;
margin:0px;
}

.contact_textarea_box {
background-color:#FFFFFF;
color:#27323A;
border:#27323A solid 1px;
width:250px;
height:80px;
margin:0px;
}

.contact_form_text {
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#000;
font-size:13px;
font-weight:bold;
width:60px;
float:left;
line-height:20px;
}

.odeslat_button {
width:66px;
height:auto;
margin-left:320px;
}

.space_2 {
height:5px;
margin:0px;
}

.input_div {
height:25px;
margin:0px;
}
/*======================provozujte expresku====================================*/
#middle_img_5b {
background:#FFF;
width:936px;
height:auto;
float:left;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:13px;
}

#middle_img_5b ul{
    list-style-image:url(../images/red_arrow.gif);
    padding-right:10px;
}

#middle_img_5b h3{
    color:#D6006E;
    padding:10px;
}
#middle_img_5b p{
    padding:10px;
}
#middle_img_5b .nadpis{
    font-weight:bold;
    
}
#middle_img_5b div{
    padding-left:10px;
}

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

.stroje{
    padding-left:10px;
}


#body_pz{
    width:450px;
    height:auto;
    margin-left:30px;
    margin-top:5px;
}
#body_pz span{
    margin-left:10px;
    font: 13px calibri;

}
#zisk_red_text {
width:400px;
height:auto;
margin-left:30px;
margin-top:5px;
padding:10px 0 10px 0;
}
/*====DOTAZNIK*/
#dotaznik{
    background:white;
    width:936px;
    height:auto;
    float:left;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
    
}
#dotaznik fieldset{
    width:92%;
    margin-left:25px;
}

.liche{
    background:#F3E4EB;
}
.text_dotaznik{
    padding: 10px 30px 10px 30px;
    font-size:13px;
}

.otazky1, .otazky2, .otazky3{
    margin-top: 30px;
    
    border-collapse:collapse;
    font-size:13px;
}


/*======================css start of Page foto Galalerie ===============================*/
#middle_img_6 {
width:936px;
height:auto;
float:left;
background-color:#FFFFFF;
}

#left_image {
width:400px;
height:auto;
margin-top:15px;
margin-left:67px;
}

#right_image {
width:400px;
height:auto;
margin-top:15px;
margin-left:5px;
}

/*========================= Index page css==============================*/
#index_middle_img {
width:936px;
height:auto;
float:left;
background-color:#FFFFFF;
}

#index_middle_left {
margin:0 0 0 0px;
width:640px;
height:auto;
float:left;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:13px;

}
#index_middle_right {
margin:0 0 0 0px;
width:250px;
height:auto;
float:left;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:13px;

}
#index_middle_right_reg {
margin:0 0 0 -10px;
width:250px;
height:auto;
float:left;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:13px;

}

#index_flash {
width:568px;
height:auto;
margin-left:5px;
}

#index_img {
width:345px;
height:auto;
margin-left:18px;
margin-top:5px;
}

/* All inner pages css start */
#innerpage_middle_left {
margin:0 0 0 0px;
width:200px;
height:auto;
float:left;
}

#innerpage_middle_right {
margin:0 0 0 0px;
width:720px;
height:auto;
float:left;
}


/* inner pages font style */

.leftmenu-text {
font: bold 11px verdana; 
color: #D6006E;
}

.form-text {
font: 12px verdana; 
line-height: 20px; 
color: #D6006E;
}

.form-text-list-mem {
font: 11px verdana; 
line-height: 20px; 
color: #D6006E;
}

#obal{
    width:800px;
    margin: 0 auto;
    
}

#zahlavi{
    width:100%;
    height:100px;
   
}


.obsah {
width: 100%;
float:left;

}

.obsah p{
    color:white;
    font-size:20px;
    text-align:center;

}

#cil{
    display:none;
    margin-top:50px;
    
}

#zpravy, #zpravy ul{
    list-style-image:none;
    list-style-type:none;
}

#zpravy{
    margin-left:40px;
}
#zpravy ul{
    border-bottom:solid 1px #D6006E;
    
}

#novinky{
    float: left;
    width: 300px;
    height: auto;
    padding: 20px 0 0 20px;
}


#index_middle_left h2{
    color:white;
    font-family:Barmeno, Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
    

}

#index_middle_left .uvod_index{
    margin-left: 20px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:13px;
}

#doporucujeme{
    float: right;
    width: 300px;
    height: auto;
    padding: 20px 0 20px 20px;
}
.img{
    float:left;
}

.doporuceni .obsah, .novinka .obsah{
     padding: 20px 0 20px 0px;
}
.obsah .nazev{
    color:#D6006E;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
   
}

.doporuceni .obsah img, .novinka .obsah img{
    padding: 0 10px 10px 0;
}

.rohy_kulate_a{
    width:100%;
    background:url("../images/rohy_pravy_kalendar.gif") top right no-repeat;
    
    
}
.rohy_kulate2_a{
    background:url("../images/rohy_levy_kalendar.gif") top left no-repeat;
    padding-top: 13px;
}
.rohy_kulate3_a{
    background:url("../images/rohy_levy_kalendar.gif") bottom left no-repeat;
    padding-left: 13px;
}
.rohy_kulate_a #detail_a{
    background:url("../images/rohy_pravy_kalendar.gif") bottom right no-repeat;
    padding-right: 13px;
    padding-bottom: 13px;
}

#akce p{
    padding-top: 10px;
    font-size: 11px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
}
#akce .obsah_a{
    padding: 10px 0 10px 0;

}

.obsah_a .nazev_a{
    color:#D6006E;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;

}
.popup
{
 border: solid 1px #333;
 font-family: Verdana;
 font-size: 12px;
 display: none;
 position: absolute;
 width: 200px;
 z-index: 60;
}
.popuptitle
{
background: #f5f0f4;
color: #666666;
font-weight: bold;
height: 15px;
padding: 5px;
text-align:center;
}
.popupbody
{
background: #F5F0F4;
padding: 1px;
text-align: center;
height:60px;
}
#popup1
{
top: 120px;
right: 40px;
}
.login_tl{
  cursor:pointer;
  width:80px;
  height:20px;
  border:none;
}

/*===CHYBOVA 404=====*/


#middle_error{
    background:#FFF;
    width:936px;
    height:auto;
    float:left;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:13px;
}

#middle_error h2, #middle_error p{
    margin:20px;
}
#middle_error ul{
    list-style-image:url("../images/red_arrow.gif");
}
.vitejte{
    color:#D6006E;
    font-family: Barmeno, Calibri, Verdana, Arial, Helvetica, sans-serif, Tahoma;
    margin-left: 20px;
    padding-bottom: 10px;
    font-size: 20px;
}
.nadpis_novinky{
    background: url("../images/novinky.gif") no-repeat;
    width:120px;
    height: 30px;
}
.nadpis_novinky h2{
    padding-left: 18px;
    padding-top:2px;
    font-size:15px;
}
.nadpis_doporucujeme{
    background: url("../images/doporucujeme.gif") no-repeat;
    width:200px;
    height: 30px;
}
.nadpis_doporucujeme h2{
    padding-left: 14px;
    padding-top:2px;
    font-size:15px;
}
.nadpis_kalendar{
    background: url("../images/kalendar.gif") no-repeat;
    width:120px;
    height: 30px;
}
.nadpis_kalendar h2{
    padding-left: 14px;
    padding-top:2px;
    font-size:15px;
    color:white;
}
#kluby_sub1 p{
    padding: 0;
}

#kluby_sub1 .nazev_klub{
    padding: 15px 0 15px 0;
}
#kluby_sub1 .posledni{
    padding-bottom: 15px;
}