/*------------------------------------------------------------------
[obsah]

0. universal small class / .
1. Html, Body
2. Rámec / #ramec
3. Hlavička / #hlavicka
4. Menu / #menu
5. Obsah / #hlavni_obsah
6. Paticka / #paticka
7. Message - zprávy o úspechu, neúspěchu / .message-?
8. table / table table.norm table.std
9. form, fieldset, textarea... 
10. tagy / h1,h2,h3 a img 
11. dalsi class / .pulka .cleaner
12. Vozidla / #vozidla 
13. IE only
14. Prispevky diskuze / .prispevek

-------------------------------------------------------------------*/

/*-----------------------------------------------------------------
[definice barev]

#FFFF93 - nova barva pro pozadi info textu
#FBE9D1 - stara barva pro pozadi info textu

#FFEA7A - barva pozadi hlavicky tabulky + okraje

#E0CFB8 - stary okraj info textu        
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[0. universal small class / . ]
*/

.c {
  text-align: center;
}

.ar {
  text-align: right;
}
.al {
  text-align: left;
}

.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.small {
  font-size: 0.8em;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.red {
    color: red;
}

.nodisplay {
  display: none;
}

div.info-ico {
    display: none;
}

/*------------------------------------------------------------------
[1. Html, Body ]
*/

html, body {
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  background-color: rgb(250,250,250);
  padding: 0;
  margin: 0;
}

body {
    background-position: top left;
    background-image: url(img/pozadi-body.png);
    background-repeat: repeat-x;
}

/*------------------------------------------------------------------
[2. Rámec / #ramec ]
*/

#ramec {
  width:90%;
  margin: 0 auto;
  background-color: rgb(255,255,255);
  min-width: 970px;
}

/*------------------------------------------------------------------
[3. Hlavička / #hlavicka ]
*/

#hlavicka {
    background-color: #140A01;
    color: white;
    height: 125px;
    background-image: url(img/logo.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

    #hlavicka div#login-form {
        float: right;
        background-image: url(img/prihlasovaci-form.png);
        background-position: right top;
        background-repeat: no-repeat;        
        width: 260px;
        height: 100%;
        padding-left: 10px;
        font-size: 0.8em;
    }
    
    #hlavicka div#login-form div#prihlasen {
        padding-left: 10px;
        margin-right: 26px;
    }
    
        #hlavicka div#login-form div#prihlasen p {
            margin: 8px 0; 
        }    
    
        #hlavicka div#login-form div#prihlaseni {
            padding-top: 10px;
            color: #FFE172;
            font-family:Georgia,"New York CE",utopia,serif;
            font-size: 20px;
        }
    
        #hlavicka div#login-form div#nick {
            font-family:Georgia,"New York CE",utopia,serif;
            font-size: 20px;
            color: #FFE172;
            font-weight: bold;
            text-align: right;
        }  

        #hlavicka div#login-form div#odhlaseni {
            text-align: right;
        }  
        
        #hlavicka div#login-form div#odhlaseni a {
            font-family:Georgia,"New York CE",utopia,serif;
            font-size: 15px;
            color: #EFA63C;
            font-weight: bold;
        }        

        #hlavicka div#login-form form {
            margin: 0; 
            padding: 0 0 0 10px;
        }
        
            #hlavicka div#login-form form label {
                float: left;
                width: 50px;
                padding-top: 7px;
            }
            
            #hlavicka div#login-form form input.text {
                margin-top: 2px;
                width: 160px;
            }
            
            #hlavicka div#login-form form input[type=submit] {
                margin-top: 2px;
            }
        
        #hlavicka div#login-form a {
            color: #b0a57d; /*#8e8565; */
        }
    
    #hlavicka a img {
        border: none; 
    }

    #hlavicka div#logo {
        height: 100px;
        width: 300px;
    }

    #hlavicka div#slogan {
        color: #FF9900;
        font-weight: bold;
        font-size: 15px;
        margin-left: 50px;
        font-family:Georgia,"New York CE",utopia,serif;
        width: 300px;
        visibility: hidden;
    }

/*------------------------------------------------------------------
[4. Menu / #menu ]
*/

#menu {
    background-color:#FFE678;
    padding: 0;
    height:56px !important;
}

    #menu ul {
      	margin:0;
      	padding:0;
      	list-style-type:none;
      	width:auto;
      	position:relative;
      	display:block;
      	height:56px !important;
      	text-transform:uppercase;
      	font-size:13px;
      	background:#F1A73E url("img/menu-normal.png") repeat-x top left;
        font-family:Helvetica,Arial,Verdana,sans-serif;
        text-align: right;
    }
  
      #menu ul li {
      	display:block;
      	float:left;
      	margin:0;
      	padding:0;
      }
      
      #menu ul li.aktiv {
      	display:block;
      	float:left;
      	color:#000000;
      	font-weight: bold;
        font-size: 1.2em;	
      	text-decoration:none;
      	padding:18px 20px 0 20px;
      	height:36px;
      	background:#FEFB8A url("img/menu-aktiv.png") repeat-x top right;
      	}
      	
      #menu ul li a {
      	display:block;
      	float:left;
      	color:#000000;
      	font-size: 1.2em;
      	text-decoration:none;
      	padding:18px 20px 0 20px;
      	height:36px;
      	background:#FEFB8A url("img/menu-plus-hover.png") repeat-x top right;
      	}
      #menu ul li a:hover{
      	  background:#FEFB8A url("img/menu-plna.png") repeat-x top right;
          color: #000;
      	}
  	
#admin_menu {
        background-color: #FFEA7A;
        border: 1px solid #FFCA5D;
}  	

/*------------------------------------------------------------------
[5. Obsah / #hlavni_obsah ]
*/

#hlavni_obsah {
    padding: 1em;
}

    #hlavni_obsah label {
        float: left;
        width: 25%;
    }
    
    #hlavni_obsah input[type=text],
        #hlavni_obsah input[type=password] {
        width: 60%;        
    }  
    
    #hlavni_obsah fieldset.polovic label {
        float: left;
        width: 50%;
    }
    
    #hlavni_obsah legend {
        border: 1px solid  rgb(223,223,223);
    }
    
    #hlavni_obsah fieldset {
        border: 1px solid  rgb(223,223,223);
    }
    
    #hlavni_obsah div.pulka.fr,
        div#legenda {
        background-color: #FFFF93;
        border: 1px solid #FFEA7A;
    }
    
    #hlavni_obsah div.pulka.fr div.info-ico, 
        div#legenda div {
        display: block !important;
        width: 60px;
        height: 60px;
        margin-top: -20px;
        margin-right: 10px;
        float: right;
        background-image: url(img/icon-info.png);
        background-position: top right;
        background-repeat: no-repeat;
    }
    
    #hlavni_obsah div.vozidlo {
        margin: 1em 0; 
    }
            
    #hlavni_obsah #sloupec1 {
        width: 44%;
    }
    
    #hlavni_obsah #sloupec2 {
        width: 25%;
        margin-left: 1em;
        background-color: #FFFF93;
        padding: 0 0.5em;
        height: 550px; 
    }            
    
    #hlavni_obsah #sloupec3 {
        width: 25%;
        margin-left: 1em;
    }
    
    #hlavni_obsah #sloupec1.fl,
        #hlavni_obsah #sloupec2.fl {
        min-height: 300px;
    }            

/*------------------------------------------------------------------
[6. Paticka / #paticka ]
*/

#paticka {
    xbackground-color: #E7E6E4;
    background-image: url(img/fad/fading_background_23.png);
    background-position: top left;
    background-repeat: repeat-x;
    min-height: 100px;
    padding: 0.5em;
    font-size: 0.8em;    
    border-top: 1px solid #9F9F9F;
    border-bottom: none; 
}

#paticka #info_paticka_vpravo {
    border-left: 1px solid #9F9F9F;
    width: 60%;
    float: right;
    padding-left: 1em; 
}

#paticka #info_paticka_vlevo {
    width: 39%;

}

/*------------------------------------------------------------------
[7. Message - zprávy o úspechu, neúspěchu / .message-? ]
*/

.message-ok {
  background-color: #CCFFCC;
  border: 1px solid #336600;
  color: #336600;
  font-weight: bold;
  padding: 0.5em;
  padding-left: 5em;
  margin: 1em;
  background-image: url(img/ok.png);
  background-position: top left;
  background-repeat: no-repeat;
}

.message-ko {
  background-color: #FFCCCC;
  border: 1px solid #FF3366;
  color: #FF3366;
  font-weight: bold;
  padding: 0.5em;
  padding-left: 5em;
  margin: 1em;
  background-image: url(img/error.png);
  background-position: top left;
  background-repeat: no-repeat;
}

/*------------------------------------------------------------------
[8. Table / table ]
*/

table {
  border: 1px solid #FFCA5D;
  border-collapse: collapse;
  width: 99%;
}

    table caption {
        font-size: 1.2em;
    }
    
    table thead, table th {
        background-color: #FFEA7A;
        font-weight: bold;
    }
    
    table tr th {
        /* border-left: 1px solid #DFDFDF; */
        border: 1px solid #FFCA5D;
        padding: 0.2em;
    }
    
    table tr th:first-child {
        border-left: none;
    }
    
    table tr td {
        /* border-top: 1px solid #DFDFDF;
        border-left: 1px solid #DFDFDF; */
        border: 1px solid #FFCA5D; 
        text-align: right;
        padding: 0 0.2em;
    }
    
    table tr:first-child td {
        border-top: none;
    }
    
    table tr td:first-child {
        border-left: none;
    }

    table tr.odskok td {
        padding: 0.1em 0 !important;
        border-top: 1px solid black;
        background-color: #F5F5F5;
    }


table.norm {
    width: auto;
}

table.std-c tr td {
    text-align: center;
}

    table.std-c tr th:first-child {
        border-top: 1px solid #DFDFDF;
        text-align: right;
    }
    
    table.std-c tr:first-child th:first-child {
        border-top: none;
        text-align: right;
    }

/*------------------------------------------------------------------
[9. form, fieldset, textarea... ]
*/

textarea.plnavyskasirka {
    width: 100%;
    height: 100%;
}

fieldset {
    background-color: #F1F1F1;
    border: 1px solid #D9D9D9;
}

    fieldset legend {
        background-color: #F1F1F1;
        font-weight: bold;
        border: 1px solid #D9D9D9;
        padding-left: 1em;
        padding-right: 1em;
    }
     
      
    fieldset textarea,
        fieldset input[type=text], 
        fieldset input[type=password],
        fieldset select options {
        border: 1px solid #DAD8D9;
    }
    fieldset input[type=submit],
    fieldset input[type=button] {
        margin-top      : 1em ;
    }
    
    fieldset div.legend {
        margin-left: 1em;
        margin-bottom: 0.5em;
        font-weight: bold;
    }

form + form {
    margin-top: 1em;
}

/*------------------------------------------------------------------
[10. tagy / h1,h2,h3 a img ]
*/



h1, h2, h3, h4, h5 {
    border-bottom: 2px solid #FFEA7A;
    font-family:Georgia,"New York CE",utopia,serif;
}

h4 {
    font-size: 16px;
}

a img {
    border: none; 
}

/*------------------------------------------------------------------
[11. dalsi class / .pulka .cleaner ]
*/

.pulka {
  width: 49%;
}

    div.pulka.fr {
        padding-left: 1em; 
    }

.cleaner
{
  clear: both;
  visibility: hidden;
}

.ajax_edit_link {
    position: relative;
    border: 1px solid black;
    top: -10px;
    left: 10px;
    background-color: white;
    padding: 0.2em 0.5em;
}

.ajax_edit_link:hover {
    background-color: #FFCC33;
}

/*------------------------------------------------------------------
[12. Vozidla / #vozidla]
*/

#vozidla {

}
    #vozidla #vozidla-filtrace {
        float: left;
        width: 200px;
    }
        #vozidla #vozidla-filtrace label {
            width: 100%;
            float: none;
            
        }
        
        #vozidla #vozidla-filtrace select {
            width: 80%;
        }        
        
    #vozidla #vozidla-table {
        margin-left: 210px;
    }        

/*------------------------------------------------------------------
[13. IE only ]
*/

#login-form {
    _width: 275px !important;
}

#menu li a {
    _height: 56px !important; /* IE6 */
}

#menu li.aktiv {
    _height: 56px !important; /* IE6 */
}

#hlavni_obsah div.pulka.fr div.info-ico {
    _display: none !important; /* IE6 */
}

div.vozidlo {
    _width: 100%; /* IE6 */
}

form.pulka {
    _width: 100%; /* IE6 */
}

    form.pulka label {
        _padding-left: 0.5em; /* IE6 */
    }
    
    form.pulka input {
        _width: 95%; /* IE6 */
    }
    
    form.pulka input.submit {
        _width: auto !important; /* IE6 */ 
    }    
    
#paticka {
    =border-top: 0.5em solid white; /* IE6, IE7 */
}    

#paticka #info_paticka_vlevo {
    _width: 100%; /* IE6 */ 
}

/*------------------------------------------------------------------
[13. Prispevky diskuze / .prispevek ]
*/

.prispevek {
    margin: 1em 0 0 0;
    border: 1px solid #D9D9D9;
    padding: 0.2em; 
} 

    .prispevek .kdokdy {
        padding: 0.2em 0 ;
        font-weight: bold;
        border-bottom: 1px solid gray;
        background-color: #F1F1F1;
    }
    
    .prispevek .titulek {
        border-bottom: 2px solid #FFEA7A;
    }