/*
   --- (c) j3nda <smid {-at-} fv {-dot-} cz>
   file: _default.css
     by: ester, v.0.6, build: 20071005-094016 (generate: 04.09.2010, 23:28:25)

*/
/*  PREDDEFINOVANE TRIDY ---------------------------------------------------- */
.pismo10, 
.pismoMale {
    font-size: 10px !important;
}
.pismo11,     /* default */
.pismoStredni {   
    font-size: 11px !important;
}
.pismo12, 
.pismoVelke {
    font-size: 12px !important;
}
.pismo14 {
    font-size: 14px !important;
}
.pismo16 {
    font-size: 16px !important;
}
.pismoNormalni {
    font-weight: normal !important;
}
.pismoTucne {
    font-weight: bold !important;
}
.doLeva {
    text-align: left !important;
}
.doPrava {
    text-align: right !important;
}
.naStred {
    text-align: center !important;
}
img.naStred {
    display: block !important;
    margin: 10px auto !important;
}
table.naStred {
    margin-left: auto;
    margin-right: auto;
}
.floatLeft {
    float: left !important;
}
img.floatLeft, 
.floatLeft img {
    margin: 7px 12px 7px 0 !important;
}
.floatRight {
    float: right !important;
}
img.floatRight, 
.floatRight img {
    margin: 7px 0px 7px 12px !important;
}
.vycentruj {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
table.vycentruj {
    display: table !important;
}
.cerna {
    color: #000 !important;
}
.seda {
    color: #666 !important;
}
.svetleSeda {
    color: #999 !important;
}
.zelena {
    color: #4b770e !important;
}
.oranzova {
    color: #d29201 !important;
}







* {
margin: 0;
padding: 0;
}

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

#obal {
width: 900px;
margin: 0 auto;
background: url('http://www.gappay.cz/template/cs_CZ/img/napis.jpg') right 430px no-repeat;
}


#menu, #hlavicka, #telo-top, #telo, #paticka, #top {
margin: 0 auto;
width: 800px;
}

#top {
height: 93px;
position: relative;
background: url('http://www.gappay.cz/template/cs_CZ/img/top.jpg') 0 0 no-repeat;
}

#menu {
position: relative;
height: 37px;
background: url('http://www.gappay.cz/template/cs_CZ/img/menu.jpg') 0 0 no-repeat; 
}

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

#telo {
overflow: auto;
background: url('http://www.gappay.cz/template/cs_CZ/img/telo.jpg') 0 0 repeat-y;
} 

#paticka {
position: relative;
height: 77px;
background: url('http://www.gappay.cz/template/cs_CZ/img/paticka.jpg') 0 0 no-repeat;
}
/* ////////////////////// */
#top *, #bigtlacitko, #rekl {
position: absolute;
}
/* ////////////////////// */

#logo {
position: absolute;
left: 26px;
top: 7px;
}

#lang {
top: 10px; 
right: 83px;
color: #999999;
font-weight: bold;
font-size: 70%;
}

#cz {
top: 10px;
right: 102px;
}

#en {
top: 10px;
right: 75px;
}

#de {
top: 10px;
right: 48px;
}


a img {
border: 0;
}

#btnhome, #btnkatalog, #btnkontakty {
font-size: 85%;
top: 30px;
padding-left: 15px;
color: #9ac151;
text-decoration: none;
}

#btnhome:hover, #btnkatalog:hover, #btnkontakty:hover {
color: white;
}

#btnhome{
right: 240px;
background: url('http://www.gappay.cz/template/cs_CZ/img/btnhome.jpg') left center no-repeat;
}

#btnkatalog {
right: 110px;
background: url('http://www.gappay.cz/template/cs_CZ/img/btnkatalog.jpg') left center no-repeat;
}

#btnkontakty {
right: 27px;
background: url('http://www.gappay.cz/template/cs_CZ/img/btnkontakty.jpg') left center no-repeat;
}

#menu ul {
list-style: none;
padding-top: 1px;
padding-left: 35px;
}

#menu ul li {
color: white;
float: left;
}

#menu ul li a {
float: left;
display: block;
padding: 8px 16px 0 16px;
height: 20px;
font-size: 80%;
color: white;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background: url('http://www.gappay.cz/template/cs_CZ/img/tlacitko.jpg') right 0 no-repeat;
}

#menu ul li a:hover {
color: #FCFCB9;
background-position: right -28px;
}

#menu .last {
background: url('http://www.gappay.cz/template/cs_CZ/img/tlacitko.jpg') -5px 0 no-repeat;
}

#menu .last:hover {
background-position: -5px -28px;
}

#bigtlacitko {
text-align: right;
font-weight: bold;
color: white;
text-decoration: none;
display: block;
right: 20px;
bottom: 10px;
width: 254px;
padding-right: 33px;
padding-top: 14px;
height: 49px;
background: url('http://www.gappay.cz/template/cs_CZ/img/bigtlacitko.jpg') 0 0 no-repeat;
}

#bigtlacitko:hover {
background-position: -287px 0;
color: ##FCFCB9;
}

#rekl {
color: #c1c1c1;
text-transform: uppercase;
font-weight: bold;
font-size: 80%;
left: 50px;
bottom: 41px;
padding-right: 20px;
background: url('http://www.gappay.cz/template/cs_CZ/img/sipka.jpg') right center no-repeat;
}



#leva {
text-align: left;
float: left;
display: inline;
width: 217px;
/*background: silver;*/
margin-left: 14px;
}

#prava {
text-align: left;
float: right;
display: inline;
width: 525px;
margin-right: 28px; 
}

#prava p a {
color: #4b770e;
}

#prava p a:hover {
color: black;
}

#kosikmenu {
font-size: 90%;
margin-top: 10px;
}


.cleaner {
clear: both;
font-size: 1px;
}

.menuvrch {
width: 217px;
height: 11px;
background: url('http://www.gappay.cz/template/cs_CZ/img/menuvrch.jpg') 0 0 no-repeat;
font-size: 1px;
margin-top: 5px;
}

.menuspodek {
width: 217px;
height: 11px;
background: url('http://www.gappay.cz/template/cs_CZ/img/menuspodek.jpg') 0 0 no-repeat;
font-size: 1px;
}

.vyhledavani {
color: #4b770e;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
background-color: #f6ebb8;
padding-left: 14px;
line-height: 16px;
}

.vyhledavani img {
vertical-align: top;
margin: 0px 6px 0 0;
}

.vyhledavani input {
background: none;
border: none;
float: left;
}

#vyhledavaniInput {
margin: 2px 1px 0 2px !important;
padding: 2px 0 0 0 !important;
width: 159px;
height: 16px;
line-height: 14px;
font-size: 11px;
font-family: 'Arial CE', Arial;
text-indent: 4px;
letter-spacing: 1px;
color: #999;
border: none !important;
background: none !important;
}

#vyhledavaniSubmit {
width: 23px;
height: 20px
margin: 0;
cursor: hand;
}

#vyhledavaniBG {
background: url('http://www.gappay.cz/template/cs_CZ/img/vyhledavani.png') left top no-repeat;
width: 198px;
height: 22px;
padding: 0px;
overflow: hidden;
margin: 5px 0 0 0;
}

#leva ul {
list-style: none;
}

#leva ul li {
display: inline;
}

.polozka1 {
display: block;
height: 18px;
padding-left: 30px;
padding-top: 2px;
/*border-bottom: 1px solid white;*/
color: #4b770e;
background: url('http://www.gappay.cz/template/cs_CZ/img/polozka1.jpg') left center no-repeat #f6ebb8;
font-weight: bold;
text-decoration: none;
}

.polozka1on {
display: block;
height: 18px;
color: #4b770e;
font-weight: bold;
padding-left: 30px;
padding-top: 2px;
background: url('http://www.gappay.cz/template/cs_CZ/img/polozka1on.jpg') left center no-repeat #fdf9da;
}

.polozka1:hover {
color: #D29300;
background: url('http://www.gappay.cz/template/cs_CZ/img/polozka1on.jpg') left center no-repeat #fdf9da;
}

.polozka2 {

padding-top: 2px;
display: block;
color: #4b770e;
background: url('http://www.gappay.cz/template/cs_CZ/img/polozka2.jpg') left 7px no-repeat #f6ebb8;
font-weight: normal;
padding-left: 40px;
}

.polozka2on {
padding-top: 2px;
display: block;
color: #4b770e;
background: url('http://www.gappay.cz/template/cs_CZ/img/polozka2on.jpg') left 7px no-repeat #fdf9da;
font-weight: normal;
padding-left: 40px;
}

.polozka2:hover {
color: #D29300;
}

.polozka3 {
color: #4b770e;
display: block;
text-decoration: none;
background: url('http://www.gappay.cz/template/cs_CZ/img/polozka3.jpg') top left no-repeat #f6ebb8;
font-size: 85%;
padding-left: 50px;
}

.polozka3on {
display: block;
text-decoration: none;
background: url('http://www.gappay.cz/template/cs_CZ/img/polozka3on.jpg') top left no-repeat #fdf9da;
font-size: 85%;
padding-left: 50px;
color:#d29300; 
}

.polozka3:hover {
color: #D29300;
}

.px10 {
/* margin-bottom: 10px; */
margin-top: 5px;
}

h1 {
color: #4b770e;
font-size: 170%;
font-weight: lighter;
background: #fffce3;
display: inline;
margin-left: 25px;
padding: 0 10px;
}

.h1 {
background: url('http://www.gappay.cz/template/cs_CZ/img/h1.jpg') 0 -8px repeat-x; 
}

#drobecky {
font-size: 85%;
color: #4b770e;
padding-left: 25px;
padding-top: 3px;
}

#drobecky a {
text-decoration: none;
color: #4b770e;
}

#drobecky a:hover {
color: black;
}

#drobecky span {
color: #d29300;
}

.odkazy {
color: #4b770e;
font-size: 11px;
margin: 12px 0 0 15px;
}

.odkazy a {
color: #4b770e;
text-decoration: none;
}

.odkazy a:hover {
color: #d29300;
}

.odkazy img {
margin: 5px 5px 0 0;
vertical-align: top;
}

.odkazy strong {
color: #999;
display: block;
margin-top: 10px;
}

.odkazy em{
font-style: normal;
font-size: 18px;
}

.nahled {
float: left;
margin: 3px 3px 0 0;
width: 170px;
height: 197px;
border: 1px solid #f7ebb8;
background-color: #fffdf1;
overflow: hidden;
color: #666;
font-size: 10px;
}

.nahledIMG {
display: block;
width: 148px;
height: 126px;
line-height: 126px;
border: 1px solid #f9f8f7;
background-color: #fff;
margin: 9px auto 4px auto;
overflow: hidden;
text-align: center;
}

.nahledIMG img {
margin: auto;
max-width: 148px;
_width: 148px;
max-height: 126px;
vertical-align: middle;
}

.nahled .popis {
display: block;
overflow: hidden;
line-height: 12px;
height: 24px;
width: 145px;
margin: 0px auto;
}

.nahled .cena {
display: block;
overflow: hidden;
line-height: 12px;
height: 12px;
width: 145px;
margin: 0px auto;
}

.nahled .cena strong {
color: #4b770e;
}

.nahled .info {
display: block;
overflow: hidden;
line-height: 12px;
height: 12px;
width: 145px;
margin: 2px auto 0 auto;
text-align: right;
}

.nahled .info a {
color: #D29201;
text-decoration: underline;
}

.nahled .info a:hover {
text-decoration: none;
}

.nahled a {
color: #666;
text-decoration: none;
}

.nahled a:hover {
color: #4b770e;
}

#hltbl {
margin-top: 15px;
font-size: 85%;
border-collapse: collapse;
}

#hltbl th {
color: #cccccc;
padding: 3px 5px;
font-weight: lighter;
vertical-align: top;
}

#hltbl th:first-line {
font-weight: bold;
}

#hltbl td {
vertical-align: top;
color: #6e6e6e;
padding: 3px 5px;
}

#hltbl td a {
color: #4b770e;
}

#hltbl td a:hover {
color: black;
}

#hltbl .lichy td {
background: #faf4c6;
}

.kat {
width: 30px;
}

.nazev {
width: 310px;
}

#copy {
color: white;
position: absolute;
left: 29px;
top: 31px;
font-size: 85%;
}

#cre {
color: silver;
position: absolute;
left: 29px;
top: 55px;
font-size: 85%;
}

#cre a {
color: silver;
}

#cre a:hover {
color: white;
}


.box {
background: url('http://www.gappay.cz/template/cs_CZ/img/boxtop.jpg') top left no-repeat #eef5e1;
font-size: 85%;
color: #666666;
margin-top: 10px;
}


.boxin {
background: url('http://www.gappay.cz/template/cs_CZ/img/boxbot.jpg') bottom left no-repeat;
padding: 7px 15px;
}

h3 {
padding-left: 22px;
background: url('http://www.gappay.cz/template/cs_CZ/img/h3.jpg') left center no-repeat;
color: #4b770e;
font-size: 130%;
margin-bottom: 5px;
}

.vpravo {
text-align: right;
}

.vpravo a {
color: #d3970a;
font-weight: bold;
}

.vpravo a:hover {
color: black;
}

#detail-leva, #detail-prava {
display: inline;
padding-top: 15px;
}

#detail-leva {
float: left;
width: 190px;
}

#detail-leva a {
margin-bottom: 5px;
display: block;
}

#detail-leva a img {
border: 1px solid #80964b;
}

#detail-prava {
float: right;
width: 320px;
}

#detail-prava ul {
list-style: none;
color: #717076;
font-size: 90%;
margin-bottom: 15px;
}

#detail-prava p {
font-size: 90%;
color: #717076;
margin-bottom: 15px;

}

#obj p input {
width: 30px;
text-align: right;
}

#obj .detailSubmit {
display: block;
height: 28px;
line-height: 28px;
overflow: hidden;
color: #cf8903;
width: auto;
font-weight: bold;
background: url('http://www.gappay.cz/template/cs_CZ/img/kosik.gif') right top no-repeat;
padding-right: 27px;
border: none;
margin: 0;
padding: 0px 28px 0 0px;
text-decoration: underline;
font-family: Verdana;
font-size: 12px;
text-align: right;
}

#obj .detailSubmit:hover {
color: black;
}

#obj .objMoznosti{
margin: 5px 0 15px 0;
}

#obj .objMoznosti td {
color: #666;
padding: 0 10px 3px 0;
}

#obj .objMoznosti select {
width: 140px;
color: #666;
}

.pocet {
width: 200px;
}

body#maleokno {
background: #fffce3;
background-image: none;
}

#fotka {
padding-top: 5px;
/* width: 300px; */
margin: 0 auto;
}

#fotka p {
color: #717076;
font-size: 90%;
font-weight: bold;
text-align: center;
}

#maleokno a img {
border: 5px solid #f9ebbc;
}

.jedenobr {
float: left;
display: block;
margin-right: 10px;
margin-bottom: 10px;
}

a.foto img {
border: 3px solid #fbebb7;
}

a.foto {
float: left;
margin-right: 4px;
margin-bottom: 4px;
display: inline;
}


.fotky {
padding-top: 20px;
}

.clanek {
font-size: 89%;
}

#prava .clanek ul {
list-style: square;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
margin-left: 30px !important;
}

#prazdna {
color: #333;
margin-top: 15px;
}

#prazdna img {
float: left;
margin: 7px 12px 7px 0;
}

#prazdna p {
margin-bottom: 10px;
}

#prazdna table {
border: 1px solid #999;
border-collapse: collapse;
margin: 0 10px 10px 0;
}

#prazdna table th, #prazdna table td {
padding: 3px 10px;
border: 1px solid #999;
}

#prazdna table th {
background-color: #d9efbb;
}

#prazdna h4 {
color: #4b770e;
margin: 15px 0 10px 0; 
font-size: 14px;
}



/* begin: objednavka form */
.orderform {
  margin: 10px 0 50px 0;
  
  border: 1px solid #ecf1f3;
} 

.orderform em {
  display: block;
  padding: 0.3em;
  font-weight: bold;
  background: #f6ebb8;
}

.orderform .button {
  width: 150px;
  height: 30px;
}

.orderform textarea {
  width: 335px;
  height: 100px;
}

.orderform td {
padding-bottom: 10px;
}

.orderform td input {
  width: 270px;
}

.siroke {
width: 250px;
}
/* end: objednavka form */


