/* leftcol */

#frontLeftcolShadowbox{
background-image: url(shadow_light.gif);
background-repeat: no-repeat;
background-position: right bottom;
float: left;
width: 413px;
height: 307px;
}

#frontLeftcol{
background-color: white;
background-image: url(bg-frontleftcol.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
float: left;
width: 409px;
height: 303px;
overflow: hidden;
}

#frontLeftcol #services{
background: transparent;
background-image: url(border-front-services.gif);
background-repeat: repeat-y;
background-position: right 0px;
float: left;
width: 203px;
height: 300px;
}

#frontLeftcol #services h2{
margin: 20px 10px 15px 20px;
color: #bd773d;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}

#frontLeftcol #services ul{
margin-left: 38px;
padding-right: 10px;
}

#frontLeftcol #services li{
margin-bottom: 15px;
list-style-image: url(front-sipka_services.gif);
}

#frontLeftcol #services a{
text-decoration: none;
}

#frontLeftcol #exclusiveOffers{
float: left;
width: 190px;
overflow: hidden;
}

#frontLeftcol #exclusiveOffers h2{
margin: 20px 0 12px 20px;
color: #336780;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}

#frontLeftcol #exclusiveOffers h3{
text-transform: uppercase;
margin: 0 0 0 20px;
color: #4e7988;
font-size: 125%;
line-height: 100%;
}

#frontLeftcol #exclusiveOffers p{
margin: 5px 0 15px 20px;
color: #3b3b3b;
}

/* rightcol */

#frontRightcolShadowbox{
background-image: url(shadow_light.gif);
background-repeat: no-repeat;
background-position: right bottom;
float: right;
width: 420px;
height: 307px;
}

#frontRightcol{
background: #fcfbf9;
float: left;
width: 416px;
height: 303px;
}

#frontRightcol h2{
margin: 20px 0 0 20px;
color: #98a752;
text-transform: uppercase;
font-size: 140%;
font-weight: normal;
}

#frontRightcol .mapLeft {
float:left;
width:170px;
margin:10px 0px 0px 0px;
padding: 3px 0 0 18px;
}

#frontRightcol .mapRight {
float:right;
width:210px;
margin:10px 0px 0px 0px;
}

#frontRightcol .mapBox {
height:220px;
}

#frontRightcol a.ico{
font-size:10px;
background-repeat:no-repeat;
padding-left:28px;
margin-left: 10px;
}

#frontRightcol a#world{
background-image: url(ico-flag-globe.gif);
display:block;
height:20px;
}

#frontRightcol a.mapLink#world{
height:104px;
background: none;
}

#frontRightcol a#cr{
background-image: url(ico-flag-cs.gif);
}

#frontRightcol a.mapLink#cr{
background: none;
height: 89px;
}

#frontRightcol a#eu{
background-image: url(ico-flag-eu.gif);
}

#frontRightcol a.mapLink#eu{
background: none;
width: 210px;
}

/*
#frontRightcol a.linkBigmap{
background-image: url(front-sipka_doprava.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 20px;
font-weight: normal;
text-decoration: none;
}

#frontRightcol #mapEU{
margin-top: 10px;
width: 200px;
float: left;
}

#frontRightcol #mapEU img{
margin-left: 20px;
}

#frontRightcol #mapEU a.linkBigmap{
margin: 14px 0 0 20px;;
background-position: right 3px;
width: auto;
float: right;
padding-right: 18px;
}

#frontRightcol #mapCZ{
margin: 10px 0 0 0;
width: 180px;
float: right;
}

#frontRightcol #mapCZ p{
margin: 10px 10px 10px 0;
color: #848383;
}

#frontRightcol #mapCZ a.linkBigmap{
background-position: right 4px;
width: 117px;
_width: 135px;
text-align: right;
padding-right: 18px;
}

#frontRightcol #mapCZ a.searchLocs{
background-image: url(button-search-locs.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
width: 149px;
height: 33px;
text-decoration: none;
font-weight: bold;
font-size: 10px;
padding: 10px 0 0 27px;
}

#frontRightcol .buttonSearch{
margin: 10px 20px 0 0;
float: right;
}
*/

#interestingOffersShadowbox{
background-image: url(shadow_light.gif);
background-repeat: no-repeat;
background-position: right bottom;
width: 840px;
height: 403px;
float: left;
margin-top: 7px;
overflow: hidden;
}

#interestingOffers{
background-image: url(bg-interesting_offers.gif);
background-repeat: repeat-x;
background-position: 0px 30px;
width: 836px;
height: 238px;
height: 399px;
float: left;
}

#interestingOfferOutbox{
float: left;
height: 340px;
padding: 20px 0 0 10px;
overflow: hidden;
}

#interestingOfferOutbox a{
background-image: url(front-sipka_dolu.gif);
background-repeat: no-repeat;
background-position: 185px 111px;
color: gray;
display: block;
text-decoration: none;
margin-top: 5px;
text-align: center;
}

.interestingOffer{
float: left;
width: 200px;
height: 140px;
text-align: center;
border-right: 1px solid #999999;
overflow: hidden;
margin: 5px 0 30px 0;
}

.lastOffer {
border: none;
}

.interestingOffer p{
text-align: center;
margin: 0 25px;
}


#interestingOffersNadpis{
background-image: url(bg-interesting_offers_nadpis.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
width: 836px;
height: 39px;
}

#interestingOffersNadpis h2{
font-weight: normal;
color: black;
padding: 12px 0 0 20px;
text-transform: uppercase;
float: left;
font-size: 16px;
}

.interestingOffersOpen{
display: block;
float: right;
text-align: right;
}

.interestingOffersOpen a{
background-image: url(front-sipka_services.gif);
background-repeat: no-repeat;
background-position: right 16px;
color: #880000;
display: block;
margin-right: 20px;
padding: 14px 15px 10px 0px;
text-decoration: none;
font-weight: bold;
text-align: right;
}

.interestingOffersOpen a:hover{
text-decoration: underline;
}
