/*
   --- (c) j3nda <smid {-at-} fv {-dot-} cz>
   file: _default.css
     by: ester, v.0.6, build: 20081202-201502 (generate: 23.02.2012, 07:06:54)

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

body {
text-align: center;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/pozadi.jpg') 0 0 repeat-x #5eb8f1;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
font-size: 82%;
}

#hlavicka, #paticka {
margin: 0 auto;
text-align: left;
width: 960px;
}

#hlavicka, #paticka {
position: relative;
}

#hlavicka {
height: 330px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/hlavicka.jpg') 0 0 no-repeat;
}

#telo {
text-align: left;
margin: 0 auto;
width: 920px;
padding: 0 0 50px 40px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/telo.jpg') 0 0 repeat-y white;
}

#paticka {
height: 100px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/paticka.jpg') 0 0 no-repeat #dc2b19;
}

#hlavicka #logo {
position: absolute;
left: 40px;
top: 40px;
}

#hlavicka #logo img {
border: 0;
} 

#hlavicka h2 {
position: absolute;
top: 60px;
left: 280px;
}

#hlavicka p {
position: absolute;
color: #bde4ff;
font-size: 142%;
text-transform: uppercase;
left: 60px;
top: 220px;
}

#hlavicka p span {
padding-left: 200px;
}

#hlavicka #menu {
position: absolute;
left: 60px;
top: 290px;
list-style: none;
text-align: center;
} 

#hlavicka #menu li {
width: 110px;
height: 40px;
float: left;
display: inline; 
margin-right: 10px;
}

#hlavicka #menu li a, .aktivni {
display: block;
height: 30px;
padding-top: 10px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/tlacitko.gif') 0 0 no-repeat;
color: black;
text-decoration: none;
}

#hlavicka #menu li a:hover, .aktivni {
background-position: -110px 0;
}


h2 {
color: #323232;
text-transform: uppercase;
font-size: 142%;
font-weight: lighter;
}

h3 {
color: #dc2b19;
font-size: 152%;
padding-left: 40px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/kolecko.gif') left center no-repeat;
font-weight: lighter;
margin-bottom: 20px; 
} 

h4 {
font-size: 100%;
color: #dc2b19;
}

p#drobecky {
font-size: 82%;
padding: 10px 0 0 20px;
}

p#drobecky a {
color: #dc2b19;
}

p#drobecky a:hover {
color: gray;
}

#leva {
float: left;
width: 280px;
padding: 20px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/modry-podklad.jpg') 0 0 no-repeat;
/*background: silver;*/
}

#prava {
float: right;
width: 560px;
margin-right: 40px;
display: inline;
}

#novinky {
float: left;
width: 290px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/novinky-back.jpg') 0 0 repeat-y;
}

#novinky-top {
background: url('http://www.ferrmax.cz/template/cs_CZ/img/novinky-top.jpg') 0 0 no-repeat;
}

#novinky-bottom {
padding: 20px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/novinky-bottom.jpg') left bottom no-repeat;
}

.cleaner {
display: block;
clear: both;
visibility: hidden;
height: 0;
border-width: 0;
margin: 0;
padding: 0;
}

p {
color: #323232;
line-height: 1.7em;
margin-bottom: 20px;
}

p a {
color: #dc2b19;
}

p a:hover {
color: gray;
}

#telo #prava #akce {
float: right;
width: 240px;
text-align: center;
}

#telo #prava #akce p.velkym a {
color: white;
font-size: 152%;
text-decoration: none;
line-height: 1.3em;
}

#telo #prava #akce p.velkym a:hover {
text-decoration: underline;
}

#telo #prava #akce p {
color: #dc2b19;
}

#telo #prava #akce p a {
color: white;
}

#telo #prava #akce p a:hover {
color: silver;
}


#telo #prava #akce .akce1 {
background: url('http://www.ferrmax.cz/template/cs_CZ/img/akce1-top.gif') 0 0 no-repeat #323232;
margin-bottom: 20px;
} 

#telo #prava #akce .akce1-vnitrek {
background: url('http://www.ferrmax.cz/template/cs_CZ/img/akce1-bottom.gif') left bottom no-repeat;
padding: 20px;
}

#telo #prava #akce .akce2 {
background: url('http://www.ferrmax.cz/template/cs_CZ/img/akce2-top.gif') 0 0 no-repeat #5eb8f1;
margin-bottom: 20px;
} 

#telo #prava #akce .akce2-vnitrek {
background: url('http://www.ferrmax.cz/template/cs_CZ/img/akce2-bottom.gif') left bottom no-repeat;
padding: 20px;
}

#paticka a img {
border: 0;
position: absolute;
left: 50px;
top: 10px;
}

#paticka p {
font-size: 92%;
position: absolute;
left: 110px;
top: 15px;
color: white;
}

#paticka p a {
color: white;
}

#paticka p a:hover {
color: silver;
}

#produkty {
list-style-type: none;
border-top: 1px solid #a6c4d8;
}

#produkty li {
border-bottom: 1px solid #a6c4d8;
}

#produkty li a {
color: black;
font-weight: bold;
padding-left: 20px;
display: block;
padding-top: 5px;
padding-bottom: 5px;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/sipka.gif') left center no-repeat;
}

#produkty li a:hover {
color: #417191;
}

#produkty ul {
padding-bottom: 10px;
}

#produkty ul li {
border: 0;
list-style: none;
padding-left: 10px;
}

#produkty ul li a {
color: black;
background: none;
display: inline;
}

#produkty li .aktivnipolozka {
color: #417191;
}

#produkty li .aktivniprodukt {
color: #417191;
background: url('http://www.ferrmax.cz/template/cs_CZ/img/sipka2.gif') left center no-repeat;  
}

#produkty ul li ul {
padding-top: 10px;
}

#produkty ul li ul li a {
font-weight: lighter;
}

#popisproduktu {
background: url('http://www.ferrmax.cz/template/cs_CZ/img/popisproduktu.jpg') 0 0 no-repeat #fcf9dc;
}

#popisproduktu-vnitrek {
background: url('http://www.ferrmax.cz/template/cs_CZ/img/popisproduktu-vnitrek.jpg') left bottom no-repeat;
padding: 20px;
}

#popisproduktu-vnitrek h3 {
padding: 0;
margin: 0;
background: none;
}

h5 {
font-weight: lighter;
font-size: 131%;
margin-bottom: 20px;
}

.red {
color: #dc2b19;
margin-bottom: 10px;
}

#obrazek {
float: left;
width: 260px;
}

#popis {
float: right;
width: 250px;
}

#obrazek, #popis {
margin-bottom: 30px;
}

#obrazek a img {
border: 10px solid #f7efab;
}

#nahledy a img {
border: 2px solid #f7efab;
margin: 2px 0px;
}

#obrazek a:hover img {
border-color: #f6eb8a;
}

#popis table {

}

#popis table th {
padding-right: 10px;
}

#popis table td {
vertical-align: top;
}

.form_err {
font-weight: bold;
color: red;
margin: 1ex .5ex;
}

/* zkultivovávání formulářů */
#styled-form fieldset { border: 1px solid #e3deae; padding: 10px; }
#styled-form td { padding: 5px 20px 5px 0; }
#styled-form table { border-collapse: collapse; }
#styled-form legend { font-weight: bold; padding: 0 5px; margin: 0 0 0 -5px; }
#styled-form #form_ok { padding: 5px; width: 306px; }
#styled-form input, #styled-form textarea { padding: 2px; font-family: trebuchet ms, tahoma, verdana, sans-serif; width: 300px; border: 1px solid #cac277; background: #efeab6; =overflow: auto; }
#styled-form .form_err { margin: 0; padding: 5px 0; }