body{
background: url(template/poz.jpg) repeat;
font-family: Roboto Condensed, Arial;
font-size: 100%;
line-height: 150%;
}

a,
a:visited{
color: black;
text-decoration: underline;
transition: color 0.5s;
}
a:hover{
color: #CE0000;
text-decoration: none;
}

#container{
width: auto;
max-width: 1000px;
height: auto;
background: white;
margin: 0px auto;
border: 1px solid black;
-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000; 
}

#half{
display: inline;
float: left;
width: 50%;
box-sizing: border-box;
padding: 10px;
}

#top{
background: transparent;
height: auto;
width: 100%;
max-width: 1000px; 
margin: 0px auto;  
display: block;     
text-align: left;
}

#head{
background: transparent;
height: auto;
width: 100%;
max-width: 1000px; 
margin: 0px auto;       
text-align: left;
}
#headleft{
background: transparent;
height: auto;
display: inline;
float: left;
width: 30%;
margin: 0px auto;       
text-align: left;
} 
#headright{
background: transparent;
height: auto;
display: inline;
float: right;
width: 70%;
margin: 0px auto;       
text-align: right;
}
p.headright{
font-size: 180%;
line-height: 50px;
font-weight: 400;
font-style: italic;
color: #E80000;
text-shadow: 0 -1px 0 #777777;
}  

img.logo{
float: left;
display: inline;
height: 90px;
margin: 0px 20px;
}

#menu{
background: #F2E301;
width: 100%;
height: auto; 
margin: 0px auto;       
text-align: center;
} 

a.mainmenu,
a.mainmenu:visited{
font-size: 100%;
font-weight: 600;
line-height: 40px;
display: inline;
float: left;
color: black;
padding: 0px;margin: 0px;
width: 20%;
text-decoration: none;
}
a.mainmenu:hover{
color: #DD0005;
text-decoration: none;
}

#content{
background: transparent;
width: 70%;
height: auto; 
margin: 0px auto;
display: inline;
float: left; 
padding-bottom: 20px;      
}
#content_all{
background: transparent;
width: 100%;
height: auto; 
margin: 0px auto;
display: inline;
float: left; 
padding-bottom: 20px;      
}

#post{
width: 95%;
height: auto; 
margin: 0px auto;      
}

/* =NADPISY
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5{
font-weight: 400;
line-height: 120%;
color: black;
font-family: Roboto Condensed, Arial;
}

h1{
font-size: 80%;
color: #AAAAAA;
margin: 30px 0px 30px 0px;
}
h2{
font-family: Yeseva One, Arial;
font-size: 150%;
}
h3{
font-size: 140%;
}
h4{
font-size: 130%;
}
h5{
font-size: 120%;
}

img.left,
img.right{
box-sizing: border-box;
padding:10px;
max-width: 50%;    
}

img.right{
display: inline;
float: right;
}
img.left{
display: inline;
float: left;
}
img.center{
display: block;
box-sizing: border-box;
padding:10px;
margin: 0px auto;
}

table{
width: 80%;
margin: 0px auto 0px auto;
border-collapse: collapse;
}
tr{
border: 1px solid #ccc;
}
td{
padding: 4px 10px;
text-align: right;
}
td:first-child{
width: 80%;
text-align: left;
}
td{
width: 20%;
min-width: 80px;
}          
td.suma{
background: #EA0612;
color: white;
}

p.big{
font-size: 150%;
font-weight: 600;
}

/* =NADPISY
-------------------------------------------------------------- */

#sidebar{
background: url(template/sidebar.png) repeat-x;
width: 30%;
height: auto; 
min-height: 510px;
margin: 0px auto; 
display: inline;
float: left;
clear: right; 
text-align: center; 
color: white; 
padding-top: 20px;   
}
#sidebarpost{
width: 95%;
height: auto; 
margin: 0px auto 20px auto; 
font-size: 100%;     
}

#sidebar h3{
color: white;
}

img.sidebar{
width: 97%;
display: block;    
margin: 0px auto 10px auto;
border: 1px solid black;
}

h3.sidebar{
color: white;
font-size: 120%;
font-weight: 600;
}

a.menuside,
a.menuside:visited{
background: #F2E301;
font-size: 110%;
font-weight: 600;
line-height: 40px;
display: inline;
float: left;
color: black;
padding: 0px;margin: 0px;
width: 100%;
text-decoration: none;
}
a.menuside:hover{
background: #F2E301;
color: #DD0005;
text-decoration: none;
}

#end{
background: url(template/deton_small_black.png) no-repeat 20px 10px transparent;
width: 100%;
max-width: 1000px;
height: 42px; 
margin: 20px auto;       
text-align: left;
} 

#end p {
line-height: 42px;
margin: 0px 20px 0px 85px; 
color: #000;
}

#end a {
color: #000;
text-decoration: none;
}
#end a:hover {
text-decoration: underline;
}       

hr.clear{
clear: both;
width: 0;
margin: 0;
height: 0;
border: 0;
}

#cert{
margin: 20px 15px 40px 15px;
}

img.cert{
  width: 9%;
  height: auto;
  box-sizing: border-box;
  padding: 5px;
}


/* =1000
-------------------------------------------------------------- */

#half{
display: inline;
float: left;
width: 100%;
box-sizing: border-box;
padding:10px;
}


@media all and (max-width: 1000px){

#container{
width: 100%;
margin: 0px auto;
}

#sidebar{
background: url(template/sidebar.png) repeat-x;
width: 30%;
height: auto; 
min-height: 210px;
margin: 0px auto; 
display: inline;
float: left;
clear: right; 
text-align: center; 
color: white; 
padding-top: 20px;   
}

body {
font-size: 100%;
}

a.mainmenu {
width: 33%;
display: inline;
float: left;
}

#content{
width: 100%;
display: block;       
}

#sidebar{
width: 100%;      
}
#sidebarpost{
width: 50%;
display: inline;
float: left;  
margin: 0px auto 20px auto; 
}

#end{    
background: url(template/deton_small_black.png) no-repeat top center transparent;
width: 100%;
height: auto; 
margin: 20px auto; 
padding-top: 32px;      
text-align: right;
} 

#end p {
line-height: 42px;
margin: 0px auto 0px auto; 
text-align: center;
}


}

/* =455
-------------------------------------------------------------- */




@media all and (max-width: 455px){
a.mainmenu {
width: 100%;
display: block;
}

#content{
width: 100%;
display: block;       
}

img.left,
img.right,
img.center{
max-width: 100%;
display: block;
margin: 0px auto;
}

#sidebar{
width: 100%;
display: block;        
}

#sidebarpost{
width: 100%;
display: block;  
margin: 0px auto 20px auto; 
}


}