*{
margin: 0px;
padding: 0px;
}

body{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
background: #d4d4d4;
}

h1,h2,h3,h4,h5,h6{
margin: 0px;
padding: 0px;
}

h1{
color: #3399cc;
font-size: 28pt;
}

h2{
color: #3399cc;
font-size: 16pt;
}

h3{
color: white;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 14pt;
font-weight: 600;
}

h4{
font-family: 'Open-Sans', Sans-serif;
font-weight: 400;
margin-top: 0px;
margin-bottom: 5px;
font-size: 12pt;
}

p{
font-weight: 400;
font-size: 10pt;
}

span{
font-weight: 400;
font-size: 10pt;
}

#head{
height: 26px;
font-family: 'Terminal Dosis', sans-serif;
font-weight: 600;
background-color: #13385a;
width: 100%;
}

#head #menu{
width: 960px;
margin: 0px auto;
}

#head #menu a{
float: right;
padding-left: 5px;
padding-right: 5px;
color: #fff;
text-decoration: none;
font-size: 14pt;
}

#head #menu a:hover{
padding-left: 5px;
padding-right: 5px;
color: #13385a;
background-color: #fff;
font-size: 14pt;
}

#container{
width: 960px;
margin: 0px auto;
min-height: 100%;
margin-bottom: -250px;
position: relative;
}

#title{
height: 270px;
background: #fff url("img/header.jpg") top no-repeat;
text-align: center;
}

#content{
padding-bottom: 20px;
}

#content p{
padding-left: 4px;
padding-top: 4px;
margin: 0px;
font-weight: 400;
color: #eee;
font-size: 11pt;
}

#basic{
width: 280px;
height: 270px;
position: absolute;
margin-left: 20px;
}

#basic_text{
background-color: #2a2a2a;
height: 210px;
}

#pro{
width: 280px;
height: 270px;
margin-left: 340px;
position: absolute;
}

#pro_text{
background-color: #2a2a2a;
height: 210px;
}

#custom{
width: 280px;
height: 270px;
margin-left: 660px;
position: absolute;
}

#custom_text{
background-color: #2a2a2a;
height: 210px;
}

#popis{
height: 90px;
margin-top: 20px;
background-color: #2a2a2a;
padding: 3px 3px 3px 3px;
}

#popis p{
margin: 5px 20px 0px 20px;
padding: 0px 0px 0px 0px;
font-weight: 400;
font-style: italic;
color: #a3a3a3;
font-size: 10pt;
text-align: center
}

.clearfooter {
height: 320px;
clear: both;
}

footer{
height: 320px;
width: 100%;
margin: 0px auto;
color: #3b3b3b;
border-top: 1px #727272 solid;
background-color: #a32521 opacity:0;
background: -moz-linear-gradient(top, #b1b1b1, #d3d3d3));
background: -webkit-gradient(linear,
            left top, left bottom, from(#b1b1b1), to(#d3d3d3));
filter: progid:DXImageTransform.Microsoft.Gradient(
           StartColorStr='#b1b1b1', EndColorStr='#d3d3d3', GradientType=0);
}

footer H4{
text-align: center;
}

footer #okraj{
border-top: 1px #e6e6e6 solid;
}

footer #foot{
margin: 0px auto;
width: 960px;
padding-top: 10px;
}

#foot_left{
width: 480px;
position: absolute;
}

#foot_right{
width: 480px;
margin-left: 480px;
position: absolute;
}

#foot_right .kontakt{
float: right;
}