/*--  TEMPLATE --*/

html{
 background-color : #ffffff;
}

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

a {
 color : #000000;
 font-size : 13px;
 text-decoration : underline;
}

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

h1 {
 font-size : 18px;
 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;
}

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

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

#usermenu {
 background-color : #DDDDDD;
 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;
}

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

#banner {
 background-color : #DDDDDD;
 height : 130px;
 width : 957px;
 padding : 0;
 margin : 0 auto;
 display : block;
 overflow : hidden;
}

.logo {
 background : url(../images/logo_4.png) no-repeat;
 color : #ffffff;
 text-align : left;
 text-shadow : 1px 1px 0 #000000;
 height : 100px;
 width : 957px;
 padding : 10px 10px 10px 10px;
 margin : 0 auto;
 display : block;
 overflow : hidden;
} 

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

.podlog {
 background-color : #ffffff;
 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 : 700px;
 padding : 0;
 margin : 15px 10px 15px 10px;
 display : block;
 overflow : hidden;
 float : left;
}

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

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

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

.copyright {
 background-color : #DDDDDD;
 color : #444444;
 font-size : 12px;
 text-align : justify;
 text-decoration : none;
 width : 957px;
 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;
}