/* CSS Document */
* {
        margin: 0px;
        padding: 0px;
        }
        
img {
      border: 0px none;
      }
img.aktual {
            border: 1px #ffffff solid;
            }
img.aktual_viac {
            border: 1px #ffffff solid;
            }
img.aktual_viac:hover{
                border: 1px #46a3f3 solid;
                }
H1 {
      font-size: 24px;
      font-weight: bold;
}
H2 {
      font-size: 18px;
      font-weight: bold
}
.big {
      font-size: 24px;
      font-weight: bold;
      }      
      
.big_14 {
          font-size: 14px;
          }
.big_18 {
          font-size: 18px;
          }
.justify{
         text-align: justify;
         
         }
         
.justify_indent{
         text-align: justify;
         text-indent: 5%;
         }

.big_blue {
        color: #46a3f3;
        font-size: 14px;
        }
.big_red {
        color: #ff0000;
        font-size: 14px;
        }
/**gold...*/
.green_18 {
        color: #8e912f; 
        font-size: 16px;
        }
.blue_20 {
        color: #46a3f3; 
        font-size: 20px;
        }
a {
    color: #46a3f3;
    text-decoration: none;
    }

a.pink {
          color: #f00bcd;
          text-decoration: none;
          }
/**gold...*/
a.green_18 {
          color: #8e912f;
          text-decoration: none;
          font-size: 16px;
          }
a.white {
          color: #ffffff;
          text-decoration: none;
          }
a.white_div {
          color: #ffffff;
          text-decoration: none;
          }
a.gold {
        color: #8e912f;
        text-decoration: none;
        font-size: 14px;
        }
a.green {
        color: #00ff00;
        text-decoration: none;
        font-size: 14px;
        }
a.red {
        color: #ff0000;
        text-decoration: none;
        font-size: 14px;
        }
a.red_12 {
          color: #ff0000;
          text-decoration: none;
          }
a.grey_white{
            color: #8b8b8b;
            text-decoration: none;
            }
a.grey_white:hover{
                  color: #ffffff;
                  text-decoration: underline;
                    }

a:hover {
        
        text-decoration: underline;
          }  
a.white_div:hover{
              text-decoration: none;
              } 

td {
    padding-top: 7px;
    }

.pink_small {
        color: #f00bcd;
        font-size: 10px;
        }
        
.blue {
        color: #46a3f3;
        }
        
.blue_small {
            color: #46a3f3;
            font-size: 10px;
            }
        
.gold {
        color: #8e912f;
        }
.big_gold {
            color: #8e912f;
            font-size: 14px;
            }
        
.pink {
        color: #f00bcd;
        }
.big_pink {
        color: #f00bcd;
        font-size: 14px;
        }
.big_grey {
          color: #8b8b8b;
          font-size: 14px;
            }
.grey {
        color: #8b8b8b;
        }
.grey_small{
            color: #8b8b8b;
            font-size: 9px;
            }
.grey_small_10{
            color: #8b8b8b;
            font-size: 10px;
            }
.white_small_10{
            color: #ffffff;
            font-size: 10px;
            }
.red {
      color: #ff0000;
      }
.red_small {
      color: #ff0000;
      font-size: 9px;
      }
.big_green {
        color: #00ff00;
        font-size: 14px;
        }
.green {
        color: #00ff00;
        }
strong {
        color: #8e912f;
        font-weight: bold;
        }
.str_white{
          color: #ffffff;
          font-weight: bold;
          }
.white_small{
              color: #ffffff;
              font-size: 10px;
              }
.italic{
        font-style: italic;
        
        }
li {
    
    list-style-type: none;
    margin-top: 8px;
    margin-left: 20px;
    padding: 7px 0px 5px 35px;
    background: url(grafik/fajka.png) no-repeat;
    
    }
/***********************status****************************************/
div#status{
            width:100%;
              }
div.error_pic {
            float: left;
            width: 30px;
            height: 30px;
            margin-bottom: 4px;
            background: url(grafik/error.png); 
            }
div.error_text {
                
                float: right;
                width: 560px;
                color: #ff0000;
                font-size: 14px;
                padding-top: 6px;
                }
div.new_pic {
            float: left;
            width: 30px;
            height: 30px;
            margin-bottom: 4px;
            background: url(grafik/new_1.png); 
            }
div.new_text {
                
                float: right;
                width: 560px;
                color: #ff0000;
                font-size: 14px;
                padding-top: 6px;
                }

div.ok_pic {
            float: left;
            width: 30px;
            height: 30px;
            margin-bottom: 4px;
            background: url(grafik/ok_up.png); 
            }
div.ok_text {
                
                float: right;
                width: 560px;
                color: #00ff00;
                font-size: 14px;
                padding-top: 6px;
                }
div.success {
              width: 40px;
              height: 40px;
              margin-left: 46%;
              margin-top: 20px;
              }
div.error_clear {
                  clear: both;
                  
                  }
                  
div.ok_center{
              text-align: center;
              color: #00ff00;
              }

div.login_lista {
                  width: 100%;
                  
                  margin-bottom: 7px;
                  }     
div.construct{
              width: 150px;
              height: 132px;
              margin: 0 auto;
              margin-top: 40px;
              background: url(grafik/vystavba.png) no-repeat; 
                }
span.schovat{
              display:none;
              }
                  
/*******edit nastenka**************************************/

div.nas_edit:hover {
                    background: url(grafik/lista_back.png) repeat-y;
                    
                    }
div.nas_edit {
          width: 100%;
          padding-top: 6px;
          padding-left: 6px;
          
          height: 25px;
            }
div.nas_top {
              float: left;
              width: 360px;
              }
div.nas_date {
              float:left;
              width: 80px;
              }
div.nas_navig{
              float: left;
              width: 20px;
              padding-left: 15px;
              }

   
/*******input style****************************************/
input {
              color: #ffffff;
              height:25px;              
              vertical-align: middle;                        
              background-color: #282825;
              border: 1px #545454 solid;
              }
input.login {
              width: 132px;
              }
input.aktual {
              width: 170px;
              margin: 4px 0px 2px 0px;
              }
input:hover {
              border: 1px #245076 solid;
              }
input:focus {
             
              border: 1px #46a3f3 solid;
              }
input.button {
              height: 66px;
              width: 30px;
              }
/***************formular input******************************/

input.nadpis {
              width: 400px;
              margin: 4px 0px 2px 0px;
                }

input.info {
              width: 200px;
              margin: 4px 0px 2px 0px;
                }
input.aspam{
            width: 21px;
            height: 20px;
            font-size: 17px;
            text-align:center;
            margin-bottom: 9px;
            
            }
input.file {
              width: 260px;
              margin: 4px 0px 2px 0px;
              color: #8b8b8b;
                }
input.check {
              height: 13px;
              width: 13px;
              background-color: #0d0d06;
              border: 0px;
                }
textarea {
              color: #ffffff;
                            
              vertical-align: middle;                        
              background-color: #282825;
              border: 1px #545454 solid;
              margin: 4px 0px 2px 0px;
              }
textarea.abstrakt{
                  width: 100%;
                  height: 100px;    
                  }
                  
textarea.main{
                  width: 100%;
                  height: 300px;    
                  }
textarea.nazor{
                width: 80%;
                height: 250px;
                }
textarea:hover {
              border: 1px #245076 solid;
              }
textarea:focus {
             
              border: 1px #46a3f3 solid;
              }
input.nahlad {
              width:80px;
              color: #8b8b8b;
              border: 0px;
              margin-bottom: 3px;
                }
input.nahlad:hover{
                    color: #46a3f3;
                    }

/***********************************************************/

body {    
        font-family: Verdana;
        font-size: 12px;
        color: #ffffff;
        
        background: url(grafik/background_pattern.png);
        
        }
div#back {
          min-width: 1009px;
          background: url(grafik/background.png) repeat-x;
          }


div#container {
              
               width: 886px;
               margin: 0 auto;
               z-index: 0;
               }
/********************bottom panel copyright***********************
div#bottom {
            width: 962px;
            height: 58px;
            margin: 0 auto;
            background: url(grafik/bottom.gif) repeat-y; 
            }

div.copyright {
                float:right;
                width:200px;
                        
                }
div.up {
        float: right;
        width: 38px;
        height: 56px;
        }
        
        
*****************************************************************/ 
div#sun {
        z-index: 200;
        position: absolute;
        top: 0px;
        left: 0px;
        }

div#battle_sutaz_work{
        z-index: 200;
        position: absolute;
        top: 220px;
        left: 0px;
        }
        
div#top {
        width: 886px;
        height: 415px;
        
        }
   
div.top_nav {
              float: left;
              width: 366px;
              height: 247px;
              border: 0px;
              
              }
div.top_logo {
              float: right;
              width: 520px;
              height: 247px;
              background: url(grafik/top_logo.png);
              }
div.top_city {
              clear: both;
              width: 886px;
              height: 168px;
              background: url(grafik/top_city.png); 
              }
              
div#mirror {
            height: 96px;
            background: url(grafik/city_mirror.png);
            }
div#main {
          min-height: 500px;
          background: url(grafik/back_main.png);
          padding-bottom:10px;
          }
/********************bocny panel-menu***********************/          
div.menu {
          float: left;          
          margin-left: 36px;
          width: 172px; 
                           
          }    
          
div.login_text {
                padding-top: 7px;
                width: 100%;            
                }
div.login {            
            float: left;
            width: 132px;           
            }

div.login_button {                    
                  float: right;
                  padding-top:0px;                 
                  }    
div.login_clear {                
                 clear:both;  
                 padding-top: 12px;
                 border-bottom: 2px #ffffff dotted;                 
                  }  

div.calend {
            width: 100%;
            padding: 12px 0px 12px;
            border-bottom: 2px #ffffff dotted; 
            }
            
div.anketa {
            width: 100%;
            padding: 5px 0px 12px;
            border-bottom: 2px #ffffff dotted; 
            }
div.aktual_form {
                width: 100%;
                padding: 5px 0px 12px;
                border-bottom: 2px #ffffff dotted; 
                }
div.datumy { 
              width: 100%;
              padding: 5px 0px 12px;
               
              }
div.vyjadri_nazor{
                  width: 100%;
                  padding: 12px 0px 12px;
                  border-bottom: 2px #ffffff dotted;
                    }
div.vyjadri_nazor_pic{
                      float:left;
                      margin-left: 2px;
                      width: 35px;
                      height: 35px;
                      background: url(grafik/bulb_icon.png) no-repeat;
                      }
div.kalendar_pic{
                      float:left;
                      margin-left: 2px;
                      width: 35px;
                      height: 35px;
                      background: url(grafik/cal_icon.png) no-repeat;
                      }
div.vyjadri_nazor_text{
                      float:left; 
                      padding-top: 2px;
                      padding-left: 2px;                 
                        }
div.google{
          float:left;
          margin-left: 2px;
          }
                    
                  
/********************hlavna cast*****************************/                      
div.main_content {
                  float: right;
                  margin-right: 23px;
                  margin-left: 23px;
                  width: 598px;
                  min-height: 400px; 
                  padding: 0px 6px 0px 0px;
                  }
div.main_back{
              width: 100%;
              padding: 3px 5px 0px 5px;
              
              background: url(grafik/main_back.png) repeat-x;
              }
/**************aktuality************************************/                      
                 
div.aktuality:hover{
                background: url(grafik/main_back.png) repeat-x;
                }                  
div.aktuality{
              width: 100%;
              padding: 3px 3px 0px 3px;
              }
              
div.aktuality_pic {
                   float: left;
                   width: 127px;
                  padding-bottom: 3px;
                  }
div.aktuality_text {
                    float: right;
                    width: 464px;
                    }
div.aktuality_top {
                    width: 100%;
                    padding-bottom:3px;      
                    }
div.aktuality_foot {
                    clear: both;
                    height: 1px;
                    background: url(grafik/lista.png) no-repeat;  
                    }                  
div.aktuality_nav {
                    width:100%;
                    padding-top: 5px;
                    }
div.aktuality_right {
        float:right;
        width: 199px;
        text-align: right;
        }
div.aktuality_center_r {
        float: right; 
        width: 199px;
        text-align: center;
        }
        
div.aktuality_center_l {
        float: left; 
        width: 199px;
        text-align: center;
        }
div.aktuality_left {
        float: left;       
        width: 199px;
        text-align: left;
        }
/**************aktuality viac****************************************/


div.aktuality_viac_pic {
                   float: left;
                   width: 174px;
                  padding-bottom: 3px;
                  }
div.aktuality_viac_top {
                    width: 100%;
                    padding-bottom:3px;      
                    }
div.aktuality_viac_text {
                    float: right;
                    width: 417px;
                    }
div.aktuality_viac_foot {
                    clear: both;
                    height: 1px;
                    background: url(grafik/lista.png) no-repeat;
                    padding-bottom: 3px; 
                    }
div.aktuality_viac_main{ 
                    
                    width: 96%;  
                    padding: 3px 3px 0px 3px;
                    }
/***************dance school*****************************************/
div.ds_text{
             padding-top: 4px;
             padding-left: 4px;
             width: 100%;
             font-size: 18px;
             font-weight: bold; 
              }
div.ds_lista{
          
              width: 283px;
              height: 2px;
              margin-top:9px;
              margin-bottom:8px;
              background: url(grafik/lista_main.png); 
              }
.ds_pic{
        float: right;
        margin: 5px 2px 5px 7px;
        }
div.ds_left{
            float: left;
            width: 50%;
            }
div.ds_right{
            float: right;
            width: 50%;
            }
div.ds_clear{
              clear: both;  
                }
/**************tanecnik mesiaca**************************************/
div.tm_back{
        float:left;
        
        width: 199px;
        height: 234px;
        background: url(grafik/frame.png) no-repeat;
        }
div.tm_foto{
            width: 108px;
            height: 162px;
            padding-top: 36px;
            padding-left: 35px;
            }
div.tm_clear{
              height: 40px;
              clear:both;
              }
div.tm_text{
            float:left;
            margin: 5px 0px 0px 5px;
            width: 194px;
            }
select.mesiac{
              width: 100px;
              margin: 4px 0px 4px 0px; 
              }
div.tm_lista {
                    clear: both;
                    height: 1px;
                    margin-bottom: 3px;
                    background: url(grafik/lista.png) no-repeat;
                    }
div.tm_view_foto{
                  float:left;
                  width: 40px;
                  height: 60px;
                  margin: 3px 5px 3px 5px;
                  }
div.tm_view_name{
                  float: left;
                  width: 145px;
                  padding-top: 20px;
                  }
div.tm_view_back{
                  background: url(grafik/lista_back.png) repeat-y; 
                  }
div.tm_mesiac_name{
                    float: left;
                    height: 20px;
                    padding-top: 3px;
                      }
div.tm_mesiac_remove{
                      float: right;
                      padding-right: 15px;
                      height: 20px;
                      }
                      
div.mesiace_tanecnik{
                    float:right;
                    
}
/*************** treneri*********************************************/

div.tren_pic_all{
                width: 580px;
                height: 217px;
                
                
                border: 1px #ffffff solid;
                
                  }
div.tren_pic{
              float:left;
              }
div.tren_lista{
                width: 143px;
                height: 2px;
                margin: 1px 0 1px 0;
                background: url(grafik/treneri_lista.png) no-repeat 
                }
div.tren_text_all{
              padding-left: 2px;
              height: 165px;
              width: 580px;
              clear:both;
              padding-top: 3px;
              background: url(grafik/treneri_text_lista.png) repeat-x bottom;
              
                }
div.tren_text{
                padding-left:2px;
                float:left;
                width: 143px;
                height: 165px;
                }
/***************opinion**********************************************/

div.op_text{
            padding: 5px 35px 5px 10px;
            }

/***************forum************************************************/
div.forum_formular{
                  display: inline;
                    }

div.forum_formular_react{
                      
                       display: none;
                         }

div.forum_text {
                float: left;
                text-align: right;
                padding-top: 9px;
                padding-right: 2px;
                width: 50px;
                  }
div.forum_input {
                  float:left;
                  
                  }
textarea.forum {
                width: 450px;
                height: 200px;
                }
div.forum_prispevok{
                width: 580px;
                padding: 10px 6px 10px 7px;
                }
div.forum_prispevok:hover{
                            background: url(grafik/lista_back.png);
                            }
div.forum_prispevok_reagovt{
                            width: 550px;
                            margin-left: 30px;
                            padding: 10px 0px 0px 0px;
                              }

div.forum_top_name{
                    float:left;
                    width: 60%;
                    padding-bottom: 10px;
                    }
div.forum_top_date{
                    float:right;
                    width: 40%;
                    text-align: right;
                    }
div.forum_top_text{
                    clear:both;
                    
                    }
img.forum {
            padding-right: 5px;
            padding-top: 3px;
            }

div.forum_left {
        float: left;       
        width: 194px;
        text-align: left;
        padding-left: 5px;
        }
div.forum_right {
        float:right;
        width: 189px;
        text-align: right;
        padding-right: 10px;
        }
/***************fotogaleria******************************************/
div.fotogalery_pic_all{
                width: 592px;
                height: 121px;
                padding-top: 0px;
                
                
                
                  }
div.fotogalery_pic{
              float:left;
              padding-right: 12px;
              }
div.fotogalery_text_all{
              height: 130px;
              width: 576px;
              clear:both;
              padding-top: 3px;
              background: url(grafik/foto_lista.png) repeat-x bottom;
                }
                
div.fotogalery_text_all_nb{
              height: 130px;
              width: 576px;
              clear:both;
              padding-top: 3px;
              
                }
                
div.fotogalery_text{
                
                float:left;
                width: 182px;
                height: 130px;
                margin-right: 15px;
               
                }
div.fotogalery_text_last{
                height: 130px;
                float:left;
                width: 182px;
                
                
               
                }
div.fotogalery_space {
                      width:100%;
                      height: 4px;
                      }
div.fotogalery_viac_left{
                        float:left;
                        width: 430px;
                        padding-bottom: 10px;
                          }
div.fotogalery_viac_right{
                        float:left;
                        width: 153px;
                          }
div.fotogalery_viac_back{
                        margin-top: 8px;
                        float:left;
                        width: 98px;
                        height: 98px;
                        background: url(grafik/foto_back1.png);
                        margin-right: 8px; 
                          }
div.fotogalery_viac_foto{
                      padding: 2px;
                      text-align: center;
                        }
div.fotogalery_viac_foto_2{
                      padding-top: 17px;
                      text-align: center;
                        }
div.fotogalery_viac_foto_4_3{
                      padding-top: 13px;
                      text-align: center;
                        }

div.fotogalery_viac_back:hover{
                        
                        background: url(grafik/foto_back_hover1.png); 
                          }
div.fotogalery_viac_text{
                          padding: 3px 0px 3px 0px;
                          }
                          
div.fotogalery_foot { 
                    padding-top: 6px;
                    clear: both;
                    }                  
div.fotogalery_nav {
                    
                    width:416px;
                    padding-top: 5px;
                    }
div.fotogalery_right {
        float:right;
        width: 138px;
        text-align: right;
        }
div.fotogalery_center_r {
        float: right; 
        width: 138px;
        text-align: center;
        }
        
div.fotogalery_center_l {
        float: left; 
        width: 138px;
        text-align: center;
        }
div.fotogalery_left {
        float: left;       
        width: 138px;
        text-align: left;
        }

/***************prihlaska********************************************/ 
 select.prihlaska {
                  margin: 4px 4px 2px 0px; 
                  }             
div.prihlaska_2 {
                  float: left;
                  margin-right: 50px;
                  margin-top: 5px;

                  }  
div.prihlaska_suma{
                    width: 106px;
                    padding: 3px 0 3px 0;
                    border-bottom: 2px white dotted;
                    }        

/*******edit prihlaska**************************************/

div.prih_edit_1:hover {
                    background: url(grafik/lista_back.png) repeat-y;
                    
                    }
div.prih_edit:hover {
                    background: url(grafik/lista_back.png) repeat-y;
                    
                    }
div.prih_edit {
          width: 100%;
          padding-top: 6px;
          padding-left: 6px;
          min-height: 40px;
            }
div.prih_edit_1 {
          width: 100%;
          padding-top: 6px;
          padding-left: 6px;
          min-height: 40px;
          background: url(grafik/lista_back.png) repeat-y;
            }
div.prih_check  {
              float: left;
              padding-right: 4px;
              padding-top: 3px;
}       
div.prih_top {
              float: left;
              width: 260px;
              }
div.prih_work {
              float: left;
              padding-right: 6px;
              }
div.prih_cena {
              float:left;
              padding-right: 4px;
              width: 45px;
              }    
div.prih_variab {
              float:left;
              padding-right: 4px;
              width: 90px;
              }            
div.prih_date {
              float:left;
              padding-right: 4px;
              width: 80px;
              }
div.prih_navig{
              float: left;
              width: 20px;
              padding-left: 10px;
              }

/***************copyright********************************************/

div.copyright {
                clear: both;
                padding-top: 50px;
                text-align: center;
                }
                
/***************foot***********************************************/
div#foot {
          min-width: 1009px;
          padding-top: 3px;
          background: url(grafik/back_foot.png) repeat-x; 
         
          }
div.contact {
              width: 1009px;
              margin: 0 auto;
              height: 231px;
              }
div.contact_renata_zarisova {
                              float: left;
                              width: 342px;

                              }
div.contact_studio_address {
                              float:right; 
                              width: 346px; 

                              }
div.contact_studio {          
                              float:left;
                              width: 321px; 
                              }