/*--  TEMPLATE --*/

html{
 background-color : #333333;
}

body {
 background-color : #e2e2e2;
 color : #111111;
 font-size : 13px;
 font-family : sans-serif, Arial, Courier, Helvetica;
 text-align : justify;
 text-shadow : 0px 0px 0 #ffffff;
 margin:0;
 padding:0;
}

a {
 color : #000000;
 text-decoration : underline;
}

a:hover {
 color : #EA4D00;
 text-decoration : none;
}

h1 {
 color : #EA4D00;
 font-size : 24px;
 padding : 0;
 margin : 0 0 5px 0;
} 

h2 {
 font-size : 16px;
 padding : 0;
 margin : 0 0 5px 0;
} 

h3 {
 font-size : 14px;
 padding : 0;
 margin : 0;
} 

h4 {
 font-size : 10px;
 padding : 0;
 margin : 0;
}

h5 {
 font-size : 9px;
 padding : 0;
 margin : 0;
} 

h6 {
 font-size : 8px;
 padding : 0;
 margin : 0;
}

#usermenu {
 background-color : #ececec;
 text-align : center;
 text-shadow : 1px 1px 0 #ffffff;
 height : 22px;
 padding : 5px 0px 0px 5px;
 margin : 0 auto;
 border-radius : 0px 0px 5px 5px;
 display : block;
 overflow : hidden;
 float : right;
}

#usermenu a {
 color : #000000;
 font : bold 0.9em sans-serif;
 text-decoration : none;
 height : 18px;
 padding : 2px 10px 2px 10px;
 margin : 0px 2px 0px 2px;
}
 
#usermenu a:hover {
 color : green;
}

#usermenu a:active {
 color : #FF8000;
 text-shadow : none;
}

#rozptyl {
 background-color : #333333;
 height : 100%;
 width : 100%;
 padding : 0;
 margin : 0 auto;
}

#banner {
 background : url(../images/logo-slepice.jpg) no-repeat;
 height : 224px;
 width : 1200px;
 padding : 0;
 margin : 0 auto;
 display : block;
 overflow : hidden;
}

.logo {
 color : #E2E2E1;
 text-align : right;
 text-shadow : 1px 1px 0 #000000;
 height : 164px;
 width : 1170px;
 padding : 50px 20px 10px 10px;
 margin : 0 auto;
 display : block;
 overflow : hidden;
} 

.logo h1 {
 color : #FF8000;
 font-size : 24px;
 text-shadow : 1px 1px 0 #000000;
}

.logo h1 a {
 color : #FF8000;
 font-size : 1.9 em;
 text-decoration : none;
 text-shadow : 1px 1px 0 #000000;
}

.logo h1 a:hover {
 color : #FFFFFF;
 font-size : 1.9 em;
 text-decoration : none;
}

.logo h2 {
 color : #FFFFFF;
 font-size : 1.5 em;
 font-weight: bold;
 padding : 2px 0px 0px 0px;
}

#rozptyl2 {
 background-color : #333333;
 text-decoration : none;
 text-align : center;
 height : 100%;
 width : 100%;
 padding : 0;
 margin : 0 auto;
}

.podlog {
 background-color : #FF6600;
 color : #000000;
 text-decoration : none;
 text-shadow : 1px 1px 0 #ffffff;
 text-align : center;
 height : 5px;
 width : 1200px;
 padding : 0;
 margin : 0 auto;
 display : block;
 overflow : hidden;
}

#obsahovy-sloupec {
 background-color : #ffffff;
 width : 1200px;
 padding : 0;
 margin : 0 auto;
 display : block;
 overflow : hidden;
}

.levy-sloupec {
 text-decoration : none;
 width : 220px;
 padding : 0;
 margin : 15px 10px 15px 10px;
 display : block;
 overflow : hidden;
 float : left;
}

.obsah {
 text-decoration : none;
 width : 940px;
 padding : 0;
 margin : 15px 10px 15px 10px;
 display : block;
 overflow : hidden;
 float : left;
}

#rozptyl3 {
 background-color : #333333;
 height : 100%;
 width : 100%;
 padding : 0;
 margin : 0 auto;
}

#osazeni {
 background-color : #111111;
 height : 100%;
 width : 1200px;
 padding : 0;
 margin : 0 auto;
 display : block;
 overflow : hidden;
}

.copyright {
 background-color : #444444;
 color : #ffffff;
 font-size : 13px;
 text-align : justify;
 text-decoration : none;
 text-shadow : 0px 0px 0 #000000;
 width : 1180px;
 padding : 10px 10px 10px 10px;
 margin : 0 auto;
 display : block;
 overflow : hidden;
 float : left;
}
  
.copyright a {
 color : #ffffff;
 font-size : 12px;
 text-shadow : 1px 1px 0 #000000;
}
 
.copyright a:hover {
 color : #FF6600;
 font-size : 12px;
 text-shadow : 1px 1px 0 #000000;
}
 
.copyright-padding {
 font-size : 12px;
}

.tab {
 background-color : #f2f2f2;
 text-decoration : none;
 height : 100%;
 width : 918px;
 padding : 10px 10px 10px 10px;
 margin :  0 0 10px 0;
 display : block;
 overflow : hidden;
 float : left;
 border-width : 1px;
 border-style : solid; 
 border-color : #666666;
 border-radius : 5px;
}

/* aktivní rozcestník*/
.menu li ul {
display: none;
}
.menu li.act ul {
display: block;
}

/* přejetí myší*/
.menu li ul {
display: none;
}
.menu li:hover ul {
display: block;
}