/* File: layout.css */ /* EP red: #B51319, EP green: #86CF13 (#77B713), EP light green: #E6F6C7, EP Light blue: #E9EDF0 */ @media screen { * { padding: 0px; margin: 0;} /* LAYOUT */ .cleaner { float: none; clear: both; height: 0px; line-height: 0px; font-size: 0px; } html,body { /* @see http://www.quirksmode.org/css/100percheight.html, http://klient.plavacek.net/paticka/paticka-bez-textu.html */ height: 100%; } body { margin: 0px; padding: 0px; } #page { margin: 0px; padding: 15px 0px 15px 0px; _padding-right: 0 !important; /*padding-bottom: 95px;*/ width: 780px; _width: 790px; height: 100%; min-height: 100%; position: relative; left: 50%; margin-left: -390px; /* Peek-a-boo bug? */ _line-height: 1.2; /*border: 1px dotted blue;*/ } body > #page { height: auto; } /* LEFTCOL */ #leftcol { width: 195px; float: left; } #leftcol { min-height: 820px; _height: 820px; /*border: 1px dotted red;*/ } #maincontent { padding-bottom: 75px; min-height: 635px; _height: 635px; } /* Min vyska musi byt jako vyska leftcol, kvuli footeru */ #maincontent { width: 563px; _width: 563px; margin-left: 217px; /*border: 1px dotted green;*/ } #footer { width: 770px; position: absolute; bottom: 5px; left: 15px; margin-top: 15px; } #langswitch { position: absolute; right: 15px; top: 15px; } #langswitch a { border: none; text-decoration: none; } #menu { margin-top: 8px !important; } #page-content { padding-top: 16px; } /* DESIGN */ .nodisplay { display: none; } body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica CE', sans-serif; font-size: 82%; /* Temp: smaller for mac */ font-size: 76%; } a img { border: none; } #print-header { display: none; } #head-foto { width: 780px; height: 170px; background: url('../images/en/headfoto.jpg') 0 0 no-repeat; } #footer { border-top: 1px dotted #434343; padding-top: 5px; text-align: center;} #footer a { color: #B51319; } #footer #f-czechtourism { margin-top: 15px; } li { margin-left: 25px; } /* MENU */ #menu { clear: both; height: 22px; background: url('../images/en/menu.bg.gif') 0 0 repeat-x; _width: 780px; _overflow: hidden; } #menu li { padding: 0; margin: 0; list-style: none; margin-right: 8px; height: 22px; float: left; } #menu li a span { display: none; } #menu li a { height: 22px; display: block; } #menu li#m-home a { width: 46px; background: url('../images/en/menuitem.home.off.gif') 0 0 no-repeat; } #menu li#m-accommodation a { width: 118px; background: url('../images/en/menuitem.accommodation.off.gif') 0 0 no-repeat; } #menu li#m-sightseeing-and-entertainment a { width: 198px; background: url('../images/en/menuitem.sightseeing-fun-entertainment.off.gif') 0 0 no-repeat; } #menu li#m-conferences-and-events a { width: 156px; background: url('../images/en/menuitem.conferences-and-events.off.gif') 0 0 no-repeat; } #menu li#m-information a { width: 144px; background: url('../images/en/menuitem.information.off.gif') 0 0 no-repeat; } #menu li#m-about-easy-prague a { width: 68px; background: url('../images/en/menuitem.about-easy-prague.off.gif') 0 0 no-repeat; } /* :hover a .active */ #menu li.active#m-home a, #menu li:hover#m-home a, #menu li.hover#home a { background-image: url('../images/en/menuitem.home.on.gif'); } #menu li.active#m-accommodation a, #menu li:hover#m-accommodation a, #menu li.hover#accommodation a { background-image: url('../images/en/menuitem.accommodation.on.gif'); } #menu li.active#m-sightseeing-and-entertainment a, #menu li:hover#m-sightseeing-and-entertainment a, #menu li.hover#sightseeing-and-entertainment a { background-image: url('../images/en/menuitem.sightseeing-fun-entertainment.on.gif'); } #menu li.active#m-tourist-services a, #menu li:hover#m-tourist-services a, #menu li.hover#tourist-services a { background-image: url('../images/en/menuitem.tourist-services.on.gif'); } #menu li.active#m-conferences-and-events a, #menu li:hover#m-conferences-and-events a, #menu li.hover#conferences-and-events a { background-image: url('../images/en/menuitem.conferences-and-events.on.gif'); } #menu li.active#m-information a, #menu li:hover#m-information a, #menu li.hover#information a { background-image: url('../images/en/menuitem.information.on.gif'); } #menu li.active#m-about-easy-prague a, #menu li:hover#m-about-easy-prague a, #menu li.hover#about-easy-prague a { background-image: url('../images/en/menuitem.about-easy-prague.on.gif'); } /* Leftmenu (Our services) */ .leftmenu { } .leftmenu .top { width: 195px; height: 5px; line-height: 0px; font-size: 0px; background: url('../images/en/leftmenu.top.gif') 0 0 no-repeat; } .leftmenu .bot { width: 195px; height: 5px; line-height: 0px; font-size: 0px; background: url('../images/en/leftmenu.bot.gif') 0 0 no-repeat; } .leftmenu .middle { padding: 0px 10px; background-color: #E6F6C7; } .leftmenu h2.our-services { width: 175px; height: 22px; background: url('../images/en/leftmenu.ourservices.zahlavi.gif') 0 0 no-repeat;} .leftmenu h2.our-services span { display:none; } .leftmenu ul { padding: 0; margin: 0;} .leftmenu li.image a span { display: none; } .leftmenu li.image { padding:0;margin:0; list-style:none; width:175px; height:18px; } .leftmenu li.image a { width: 175px; height: 18px; display: block; } .leftmenu li.text { color: #292929; padding: 0; margin-left: 15px; list-style: none outside url('../images/leftmenu.li.sipka.gif'); /*border: 1px dotted blue;*/ } .leftmenu li.text a { color: #292929; font-weight: bold; text-decoration: none; /*border: 1px dotted red;*/ } .leftmenu li.text a:hover { color: #000; text-decoration: underline;} .leftmenu li#l-accommodation a { background: url('../images/en/leftmenu.accommodation.off.gif') 0 0 no-repeat; } .leftmenu li#l-sightseeing a { background: url('../images/en/leftmenu.sightseeing.off.gif') 0 0 no-repeat; } .leftmenu li#l-fun-and-sports a { background: url('../images/en/leftmenu.sports-and-fun.off.gif') 0 0 no-repeat; } .leftmenu li#l-arts-and-entertainment a { background: url('../images/en/leftmenu.arts-and-entertainment.off.gif') 0 0 no-repeat; } .leftmenu li#l-vehicle-rentals a { background: url('../images/en/leftmenu.vehicle-rentals.off.gif') 0 0 no-repeat; } .leftmenu li#l-transfers a { background: url('../images/en/leftmenu.transfers.off.gif') 0 0 no-repeat; } .leftmenu li#l-private-guides a { background: url('../images/en/leftmenu.private-guides.off.gif') 0 0 no-repeat; } .leftmenu li#l-conferences-and-events a { background: url('../images/en/leftmenu.conferences-and-events.off.gif') 0 0 no-repeat; } .leftmenu li:hover#l-accommodation a { background: url('../images/en/leftmenu.accommodation.on.gif') 0 0 no-repeat; } .leftmenu li:hover#l-sightseeing a { background: url('../images/en/leftmenu.sightseeing.on.gif') 0 0 no-repeat; } .leftmenu li:hover#l-sports-and-fun a { background: url('../images/en/leftmenu.sports-and-fun.on.gif') 0 0 no-repeat; } .leftmenu li:hover#l-arts-and-entertainment a { background: url('../images/en/leftmenu.arts-and-entertainment.on.gif') 0 0 no-repeat; } .leftmenu li:hover#l-vehicle-rentals a { background: url('../images/en/leftmenu.vehicle-rentals.on.gif') 0 0 no-repeat; } .leftmenu li:hover#l-transfers a { background: url('../images/en/leftmenu.transfers.on.gif') 0 0 no-repeat; } .leftmenu li:hover#l-private-guides a { background: url('../images/en/leftmenu.private-guides.on.gif') 0 0 no-repeat; } .leftmenu li:hover#l-conferences-and-events a { background: url('../images/en/leftmenu.conferences-and-events.on.gif') 0 0 no-repeat; } /* Special package */ #promo-special-package {padding:0;margin:0; margin-top: 20px;} #promo-special-package h2 span {display:none;} #promo-special-package h2 {width:195px;height:12px; background: url('../images/en/promo.special-package.zahlavi.gif') 0 0 no-repeat; margin-bottom: 2px;} #promo-special-package .more a {display: block;width:195px;height:14px; background: url('../images/en/promo.special-package.zapati.gif') 0 0 no-repeat; margin-top: 2px;} #promo-special-package .more a span {display: none;} #promo-special-package .foto { padding: 0; margin: 0; } #promo-special-package .foto a img { padding: 1px; border: 1px solid #B51319 !important; } /* Vegetarian food */ #promo-vegetarian-food {padding:0;margin:0; margin-top: 15px;} #promo-vegetarian-food a img { padding: 1px; border: 1px solid #B51319 !important; } /* Information */ #promo-information {padding:0;margin:0; margin-top: 20px;} #promo-information h2 span {display:none;} #promo-information h2 {width:195px;height:12px; background: url('../images/en/promo.information.zahlavi.gif') 0 0 no-repeat;} #promo-information .more a {display: block;width:195px;height:14px; background: url('../images/en/promo.information.zapati.gif') 0 0 no-repeat;} #promo-information .more a span {display: none;} #promo-information .foto { padding: 0; margin: 0; } #promo-information .foto a img { padding: 1px; border: 1px solid #86CF13 !important; } /* Our partners */ #promo-our-partners {padding:0;margin:0; margin-top: 15px;} #promo-our-partners a img { padding: 1px; border: 1px solid #EBEFF3 !important; } /* Another wish */ #another-wish { font-size: 11px; margin: 15px 0px; padding: 8px; background: url('../images/another-wish.bg.jpg') 0 0 no-repeat; width: 185px; _width: 195px; min-height: 195px; _height: 195px; } #another-wish span { color: #B51319; } #another-wish a, #another-wish span { font-weight: bold; text-decoration: none; } #another-wish a:hover { text-decoration: underline; } #another-wish p { margin-bottom: 0.2em;} /* MAINCONTENT */ #maincontent { color: #0F0F0F; } #maincontent h2 { color: #B51319; font-size: 16px; padding-bottom: 2px; margin: 0px 0 15px 0; border-bottom: 1px dotted #B51319; } #maincontent h3 { font-size: 14px; margin: 15px 0 5px 0; } #maincontent p { /*font-size: 78%; */line-height: 130%; margin-bottom: 0.4em;} #leftcol a, #maincontent a { color: #B51319; } #maincontent img.limg { float: left; margin: 0 5px 5px 0; padding: 0px; position: relative; top: 2px; } #maincontent table, #maincontent td { border: none; } } /* end @media */