/******reset********/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
margin: 0;
padding: 0;
}
/******** layout ******/
body {
background: #000 url('../img/background.jpg') 50% 0% repeat;
color: #aeaeae;
font-family: 'Verdana', Arial, Courier, sans-serif;
text-align: center;
min-width: 900px;
}
a {
color: #ffa600;
}
a:hover {
color: #fff;
}
.cleaner {clear: both;}
#container {
width: 900px;
margin: 0 auto;
overflow: hidden;
}
#header {
width: 900px;
height: 300px;
overflow: hidden;
}
#logo {
width: 900px;
height: 100px;
}
#logo h1 {
width: 310px;
height: 100px;
position: relative;
float: left;
overflow: hidden;
font-size: 0.9em;
font-weight: lighter;
}
#logo h1 strong {
font-weight: bold;
color: #ffa600;
font-size: 1.5em;
}
#logo h1 span {
width: 310px;
height: 100px;
position: absolute;
left: 0;
top: 0;
background: transparent url('../img/logo.jpg') 0% 0% no-repeat;
}
#logo p.le {
color: #fff;
text-transform: uppercase;
float: right;
line-height: 100px;
font-size: 0.80em;
padding-right: 40px;
}
#fotka_pozadi {
width: 900px;
height: 200px;
background: transparent url('../img/pozadi.png') 0% 0% no-repeat;
position: relative;
}
#fotka {
float: left;
width: 880px;
height: 180px;
background: #fff url('../img/fotka.jpg') 0% 0% no-repeat;
position: absolute;
top: 10px;
left: 10px;
}
#banner {
float: left;
width: 250px;
height: 74px;
margin-left: 15px;
line-height: 40px;
text-align: center;
background: #fff url('../img/ban1.jpg') 0% 0% no-repeat;
color: white;
font-size: 20px;
font-weight: normal;
position: relative;
}
#banner .text {
position: absolute;
width: 250px;
height: 20px;
top: 36px;
left: 0px;
text-align: center;
color: white;
font-size: 12px;
line-height: 15px;
font-weight: normal;
}
#objednat {
float: left;
margin: 10px 0 20px 20px;
text-align: center;
width: 160px;
height: 50px;
line-height: 50px;
font-weight: bold;
font-size: 14px;
background: #121212;
}
#boxy2 {
width: 880px;
height: 120px;
margin: 35px auto 30px auto;
}
.box2 {
width: 280px;
height: 120px;
float: left;
background: #000;
}
.box2 h2 {
color: #fff;
margin: 17px auto 30px auto;
font-size: 1.063em;
}
.box2 p {
color: #000;
padding: 5px 15px 12px 15px;
font-size: 0.7em;
text-align: left;
}
.box2 p a {
color: #fff;
font-weight: bold;
font-size: 12px;
}
.box2 h3 {
color: #fff;
margin: 0px auto 20px auto;
font-size: 1.463em;
}
#boxsmall {
margin-right: 20px;
background: #ff8817 url('../img/ban_small.jpg') 0% 0% no-repeat;
}
#boxsmall2 {
margin-right: 20px;
background: #ff8817 url('../img/ban_small.jpg') 0% 0% no-repeat;
}
#boxsmall3 {
background: #ff8817 url('../img/ban_small.jpg') 0% 0% no-repeat;
}
#boxy {
width: 880px;
height: 215px;
margin: 35px auto 40px auto;
}
.box {
width: 280px;
height: 215px;
float: left;
background: #000;
}
.box h2 {
color: #fff;
margin: 17px auto 85px auto;
font-size: 1.063em;
}
.box p {
color: #000;
padding: 0 15px 12px 15px;
font-size: 0.7em;
text-align: left;
}
#tlac {
margin-right: 20px;
background: #ff8817 url('../img/tlac.jpg') 0% 0% no-repeat;
}
#sos {
margin-right: 20px;
background: #ff9f00 url('../img/sos.jpg') 0% 0% no-repeat;
}
#hlas {
background: #ff8817 url('../img/hlas.jpg') 0% 0% no-repeat;
}
#obsah {
width: 880px;
height: auto;
overflow: hidden;
margin: 0 auto;
text-align: left;
}
#obsah h2, #obsah h3, #obsah h4, #obsah h5, #obsah h6 {
text-indent: 15px;
letter-spacing: 0.05em;
color: #ffa600;
margin: 0 0 5px 0;
}
#obsah h2 {font-size: 1.125em; line-height: 25px;}
#obsah h3 {font-size: 0.938em; line-height: 25px;}
#obsah h4 {font-size: 0.85em;}
#obsah h5 {font-size: 0.75em;}
#obsah h6 {font-size: 0.70em;}
#obsah p {
padding: 8px 15px;
font-size: 0.70em;
line-height: 17px;
}
#obsah ul {
margin: 8px 15px 30px 25px;
font-size: 0.70em;
line-height: 25px;
list-style: none;
}
#obsah ul li {
padding-left: 30px;
background: transparent url('../img/odrazka.jpg') 10px 50% no-repeat;
}
#obsah table {
margin: 10px 15px 10px 30px;
font-size: 0.7em;
border-collapse: collapse;
line-height: 25px;
}
#obsah table td {
padding: 0 40px 0 20px;
}
#obsah table tr.back {
background: transparent url('../img/pozadi.png') 0% 0% no-repeat;
}
#obsah img {
margin: 30px 10px;
border: 2px solid #ffa600;
}
#obsah a:hover img {
border: 2px solid #fff;
}
#obsah img.prvni {
margin-left: 50px;
}
#levy {
width: 565px;
height: auto;
float: left;
}
#pravy {
width: 280px;
height: auto;
float: right;
background: #121212 url('../img/pravy.jpg') 0% 0% no-repeat;
}
#pravy_konec {
width: 280px;
height: auto;
min-height: 200px;
background: transparent url('../img/pravy_konec.jpg') 0% 100% no-repeat;
padding-bottom: 10px;
}
#pravy_konec h4 {
font-weight: lighter;
line-height: 38px;
background: transparent url('../img/pravy_nadpis.jpg') 0% 100% no-repeat;
}
#pravy_konec h5 {
font-weight: lighter;
color: #aeaeae;
font-size: 0.70em;
margin-top: 25px;
}
#pravy_konec p {
padding-bottom: 15px;
}
#pravy_konec ul {
margin-top: 25px;
line-height: 23px;
}
#pravy_konec ul li {
background: none;
}
.pole {
width: 280px;
min-height: 86px;
background: transparent url('../img/levy_pole.jpg') 0% 50% no-repeat;
}
#pata {
width: 900px;
height: 75px;
background: transparent url('../img/pata.png') 0% 0% no-repeat;
margin-top: 50px;
}
#texty {
width: 850px;
height: 75px;
margin: 0 auto;
}
#pata p {
line-height: 17px;
font-size: 0.70em;
text-align: left;
color: #585858;
}
#pata p.lef {
float: left;
padding: 20px 0 0 0;
}
#pata p.rig {
float: right;
line-height: 75px;
}