body     { font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; background-color: #c3e1ff; text-align: center; margin: 0 0 15px; padding: 0           }
/*elements*/
h1 { color: #362f2d; font-size: 1.3em; line-height: 1.3em; }
h2 { color: #9d0a0e; font-size: 1.1em; }
/*
h3 { color: #fff; font-size: 0.9em; line-height: 38px; background-image: url(images/h3.gif); background-repeat: repeat-x; background-position: left top; height: 35px; margin-right: 21px; margin-left: 2px; padding-left: 13px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
*/
h3 {
	color: #fff;
	font-size: 0.9em;
	background-image: url(images/h3.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: 21px;
	margin-left: 2px;
	padding: 10px 0 10px 13px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #343845;
}

h3#first { margin-top: 0; border-top-style: none; border-top-width: 0; }
p { color: #000; font-size: 0.8em; text-align: justify; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; }
a { color: #36c; font-weight: bold; }
a:hover { color: #f00; }
img { background-color: #fff; margin: 0; padding: 4px; border: solid 1px #171717; }
ol { font-size: 80%; }
ul { font-size: 80%; margin-left: 15px; padding-left: 0; }
ul li { background-image: url(images/li.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 13px; list-style-type: none; list-style-image: none; }
ul li ul li { font-size: 110%; }
table { font-size: 70%; background-color: #fff; width: 540px; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; }
th { background-color: #b5c985; }
th, td { padding: 2px 10px; border: solid 1px #d9d9d9; }
form { margin: 0; padding: 0; }
fieldset { margin-bottom: 10px; padding: 15px; border: solid 1px #fff; }
legend { color: #003663; font-size: 80%; font-weight: bold; background-color: #fff; padding: 2px 4px; border: solid 1px; }
label { text-align: left; float: left; }
hr { display: none; }
/*division*/
#content { background-image: url(images/bg.gif); background-repeat: repeat-y; text-align: left; width: 810px; margin: 0 auto; padding: 0; }
#header { background-image: url(images/header.jpg); background-repeat: no-repeat; position: relative; height: 219px; }
#header_title { background-image: url(images/header_title.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 152px; left: 29px; width: 337px; height: 52px; }
#logo, #logo span { width: 221px; height: 219px; overflow: hidden; float: right; }
#logo span { background-image: url(images/logo.gif); background-repeat: no-repeat; width: 221px; height: 219px; cursor: pointer; display: block; }
/*navigace*/
#navigace { background-image: url(images/navigace.gif); background-repeat: repeat-x; margin-right: 21px; margin-left: 19px; }
#navigace ul {
	height: 44px;
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}
#navigace ul li { float: left; list-style: none;
/* IE hover hack */
background-color: expression( this.onmouseover = new Function("this.className += ' hover';"),
                             this.onmouseout = new Function("this.className = this.className.replace(' hover', '');")); background-image: none; margin-left: 0; padding-left: 0; }
#navigace ul li a { display: block; float: left; color: #fff; font-size: 1em; font-weight: bold; line-height: 44px; text-decoration: none; background-image: url(images/navigace_delic.gif); background-repeat: no-repeat; background-position: right top; height: 44px; padding: 0 10px 0 7px; }
#navigace ul li a.last { background: none; }
#navigace ul li a:hover { color: #fff200; position: relative; margin-left: -3px; padding-left: 10px; }
body.uvod #navigace li#nav-1 a, 
body.sez #navigace li#nav-2 a, 
body.vyb #navigace li#nav-3 a, 
body.fin #navigace li#nav-4 a,
body.cen #navigace li#nav-5 a,
body.fot #navigace li#nav-6 a,
body.rea #navigace li#nav-7 a,
body.vid #navigace li#nav-8 a { color: #fff200; position: relative; margin-left: -3px; padding-left: 10px; }
.nav_cleaner { font-size: 0; line-height: 0; float: none; clear: both; }
#flags { margin: 0; padding: 15px 0 0 0; }
#flags img { padding: 0; }
#flags a img { border: solid 1px #fff; }
#flags a:hover img { border: solid 1px #fff200; }
#left { width: 587px; float: left; }
#right { width: 223px; float: left; }
#right p { text-align: left; }
#footer { background-image: url(images/footer.gif); background-repeat: no-repeat; position: relative; width: 810px; height: 75px; margin: 0 auto; padding: 0; }
#copy p { color: #fff; font-size: 0.75em; line-height: 1em; text-align: left; margin: 0; padding: 16px 0 0 83px; }
#copy a { color: #fff; font-weight: normal; text-decoration: none; }
#copy a:hover { text-decoration: underline; }
#copy img { position: absolute; top: 18px; left: 30px; }
#copy a img { border: solid 1px #fff; }
#copy a:hover img { border: solid 1px #f00; }
/*other divison*/
.d2 { width: 295px; float: left; margin-right: 20px; }
.d3 { background-color: #e4ebd3; width: 210px; float: left; padding-top: 9px; padding-right: 8px; padding-left: 9px; }
.d2 p, .d3 p { text-align: left; }

#vybaveni div.d2 { width: 260px; float: left; margin-right: 10px; }
#vybaveni div.d3 {width: 250px; float: left; /*background-color:#F0F4E7*/; padding: 0 10px 0 10px; margin:0;}

#vybaveni div.d2 h2, #vybaveni div.d3 h2 {
	font-size: 1.0em;
	border-bottom: solid 1px #9d0a0e;
	margin-bottom: 0px;
}
#vybaveni div.d2 ul, #vybaveni div.d3 ul {
	margin-top: 5px;
}
.box { background-color: #f4f5bf; width: 208px; margin-bottom: 10px; border: solid 1px #171717; }
.box p { margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; }
.box ul { margin-left: 5px; padding-left: 0; }
.box_in { padding: 10px; }
div.img_obal { background-color: #f4f5bf; padding: 10px; border-bottom: 4px solid #9d0a0e; }
div.img_obal img { border: solid 1px #171717; }
.detail_foto { width: 201px; float: right; clear: right; margin-top: 20px; margin-bottom: 10px; margin-left: 20px; }
.detail_foto img { padding: 0; border: solid 4px #a1181d; }
.detail_foto_in { background-color: #f4f5bf; padding: 10px; border-bottom: 4px solid #a1181d; }
.detail_foto a img { padding: 0; border: solid 4px #a1181d; }
.detail_foto a:hover img { border: solid 4px #f00; }
table.detail_tab { width: 310px; margin-top: 20px; }
.fotogalerie a img { border: solid 1px #d9d9d9; }
.fotogalerie a:hover img { border: solid 1px #f00; }
.kontakt input, .kontakt textarea { width: 168px; }
.obal { background-color: #daebff; margin-bottom: 30px; padding: 10px; border-bottom: 4px solid #aec7e4; }
.pohlednice { background-color: #fff; margin-bottom: 10px; padding: 9px; border: solid 1px #171717; }
/*classes*/
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both; }
.info { background-image: url(images/info.gif); background-repeat: no-repeat; background-position: 4px center; text-align: left; padding-top: 4px; padding-bottom: 4px; padding-left: 30px; }
.info_box { color: #9d0a0e; font-weight: bold; background-color: #f4f5bf; background-image: url(images/info.gif); background-repeat: no-repeat; background-position: 6px center; border: solid 2px; text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; }
.fl_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }
.align_right { text-align: right; }
.inner { margin: 15px 15px 15px 30px; }
.inner2 { margin-right: 30px; margin-left: 16px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.nobr { margin: 0; padding: 0; border-style: none; border-width: 0; }
.noscreen { display: none; }
.pdf { background-image: url(images/pdf.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.red { color: #9d0a0e; }
.green { color: #00FF33; }
.rez { color: #f30; }
.drobky { color: #36c; font-weight: bold; background-image: url(../../Loyd%20-%20Drahovice/web-content/images/drobky_start.gif); background-repeat: no-repeat; background-position: left center; padding-bottom: 3px; padding-left: 20px; }
span.drobky_separate { background-image: url(../../Loyd%20-%20Drahovice/web-content/images/drobky.gif); background-repeat: no-repeat; background-position: left center; padding-left: 0.7em; }
.nosize { width: auto; }
.cena { background-color: #f4f5bf; background-image: url(/images/cena.gif); background-repeat: no-repeat; background-position: 5px center; text-align: left; width: 270px; padding: 5px 5px 5px 30px; border: solid 3px #b5c985; }
tr.cross { color: #f30; }
tr.cross td { text-decoration: line-through; }
tr.cross td.nocross { text-decoration: none; }
.byt_box { background-color: #f4f5bf; text-align: center; width: 295px; padding: 5px; border: solid 3px #b5c985; }
.but_back { background-image: url(images/button_back.gif); background-repeat: no-repeat; background-position: left top; width: 159px; height: 27px; display: block; }
.but_back span { display: none; }
.but_byt { background-image: url(images/vyberte-byt.gif); background-repeat: no-repeat; background-position: left top; width: 210px; height: 27px; display: block; }
.but_byt span { display: none; }
.drobky { color: #36c; font-weight: bold; background-image: url(images/drobky_start.gif); background-repeat: no-repeat; background-position: left center; padding-bottom: 3px; padding-left: 20px; }
span.drobky_separate { background-image: url(images/drobky.gif); background-repeat: no-repeat; background-position: left center; padding-left: 0.7em; }
.galery a img { background-color: #fff; margin: 0; padding: 4px; border: solid 1px #171717; }
.galery a:hover img { background-color: #ccc; margin: 0; padding: 4px; border: solid 1px #171717; }
.delitko { background-image: url(../../boty-obuv.cz/web-content/images/delitko.gif); background-repeat: no-repeat; height: 20px; float: none; clear: both; margin-top: 10px; }
/*printit*/
.top { _width: 2em; white-space:nowrap; background-image: url(images/top.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; margin-left: 10px; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
.print { _width: 9em; white-space:nowrap; background-image: url(images/print.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
.printit { text-align: right; margin: 0; padding: 0; }
/*novinky*/
.novinka_datum { background-image: url(images/datum.gif); background-repeat: no-repeat; height: 16px; margin-bottom: 0; margin-left: 0; padding: 0 0 0 20px; border-style: none; border-width: 0; }
.novinka_text { margin: 0 0 1em; padding: 0; }
.novinka_archiv { background-image: url(images/archiv_news.gif); background-repeat: no-repeat; height: 16px; padding-left: 20px;t: 2
}
#ceny_bytu tr.sudy  {background-color: #E4EBD3;}
#ceny_bytu tr:hover {background-color: #F4F5BF;} 

/*fotogalerie kategorie*/
.foto_kat_obal {
	width: 175px;
	float: left;
	margin: 0 4px 10px 0;
	text-align: center;
}
.foto_kat {	
	min-height: 112px;
}
.oddelovac {
	float: none;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
}
.foto_kat_obal p.kat_nadpis {
	text-align: center;
}

.foto_kat a img {
	margin-bottom: -3px;
	padding: 3px;
	border: 2px solid #3366cc;
}
.foto_kat a:hover img {
	border: 2px solid #ff0000;
}

/*vypis fotek v kategorii*/
.foto_seznam_obal {
	margin: 0 4px 0 0;
	width: 175px;
	float: left;	
	text-align: center;
}	
.foto_seznam_obal p {
	text-align: center;
}	
.foto_seznam {		
	min-height: 112px;
}	
	
.foto_seznam a img {
	margin-bottom: -3px;
	padding: 3px;
	border: 2px solid #3366cc;
}
.foto_seznam a:hover img {
	border: 2px solid #ff0000;
}
sub, sup {
	vertical-align:baseline;
	position:relative;
}
sub {
	top:0.4em;
}
sup {
	bottom:0.4em;
}