body     { font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; background-color: #DCDAD6; text-align: center; margin: 0 0 15px; padding: 0           }
/*elements*/
h1 { color: #000000; font-size: 1.3em; line-height: 1.3em; }
h2 { color: #9d0a0e; font-size: 1.1em; margin-top: 25px; }
h2.br { padding-bottom: 3px; border-bottom: 1px solid #9d0a0e; }
/*
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;
	/*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: 10px 0 10px 13px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #B97A56;
}

h3#first { margin-top: 0; border-top: 0 none; }
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;
	list-style-position: outside;
}
ul li ul li { font-size: 110%; }
ul li ul li ul li { font-size: 120%; }
table { font-size: 70%; background-color: #fff; width: 540px; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; }
th { background-color: #EAE5DC; }
th, td { padding: 2px 5px; border: solid 1px #d9d9d9; text-align: center; }
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, #header_title_ru { background-image: url(../images/header_title.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 154px; left: 31px; width: 466px; height: 55px; }
#header_title_ru { background-image: url(../images/header_title_ru.gif); }

#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, #navigace_ru { background-image: url(../images/navigace.gif); background-repeat: repeat-x; margin-right: 21px; margin-left: 19px; }
#navigace ul, #navigace_ru ul {
	height: 44px;
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}
#navigace ul li, #navigace_ru 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, #navigace_ru 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_ru ul li a {
	font-size: 0.9em; 
} 

#navigace ul li a.last, #navigace_ru ul li a.last { background: none; }
#navigace ul li a:hover, #navigace_ru 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.cen #navigace li#nav-4 a,
body.vid #navigace li#nav-5 a,
body.viz #navigace li#nav-6 a,
body.fot #navigace li#nav-7 a,
body.rea #navigace li#nav-8 a,
body.vid #navigace li#nav-9 a,
body.uvod #navigace_ru li#nav-1 a, 
body.sez #navigace_ru li#nav-2 a, 
body.vyb #navigace_ru li#nav-3 a, 
body.cen #navigace_ru li#nav-4 a,
body.vid #navigace_ru li#nav-5 a,
body.viz #navigace_ru li#nav-6 a,
body.fot #navigace_ru li#nav-7 a,
body.rea #navigace_ru li#nav-8 a,
body.vid #navigace_ru li#nav-9 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; color: #FFFFFF; }
#right a { color: #FFFFFF; }
#right a:hover { color: #f00; }

#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: 1.3em; text-align: left; margin: 0; padding: 12px 0 0 83px; }
#copy a { color: #fff; font-weight: normal; text-decoration: none; }
#copy a:hover { text-decoration: underline; }
#copy img { position: absolute; top: 16px; 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: #EAE5DC; width: 210px; float: left; padding-top: 9px; padding-right: 8px; padding-left: 9px; padding-bottom: 9px; }
.d2 p, .d3 p { text-align: left; }

.col1 {
	float: left;
	width: 266px;
	margin-right: 5px;
}
.col2 {
	float: left; 
	width: 266px;
	margin-left: 5px;

}
.box { background-color: #F7F2E7; width: 208px; margin-bottom: 10px; border: 1px solid #4C0002; }
.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: #EFEFE7;
	padding: 10px;
	text-align: center;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #B97A56;
}
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: #EFEFE7; 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: #830006;	
	font-weight: bold; 
	background-color: #EFEFE7; 
	background-image: url(../images/info.gif); 
	background-repeat: no-repeat; 
	background-position: 6px center; 
	border: 1px solid #830006; 
	text-align: left; 
	padding: 10px 10px 10px 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; }
.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; }
.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: #EFEFE7; 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: 3px solid #B97A56; }
tr.cross { color: #f30; }
tr.cross td { text-decoration: line-through; }
tr.cross td.nocross { text-decoration: none; }
.byt_box { background-color: #EFEFE7; text-align: center; /*width: 295px;*/ padding: 5px; border: 3px solid #B97A56; }
.but_back, .but_back_ru { background-image: url(../images/button_back.gif); background-repeat: no-repeat; background-position: left top; width: 159px; height: 27px; display: block; }
.but_back span, .but_back_ru span { display: none; }
.but_back_ru { background-image: url(../images/button_back_ru.gif); }

.but_byt, .but_byt_ru { background-image: url(../images/vyberte-byt.gif); background-repeat: no-repeat; background-position: left top; width: 210px; height: 27px; display: block; }
.but_byt span, .but_byt_ru span { display: none; }
.but_byt_ru { background-image: url(../images/vyberte-byt_ru.gif); }

.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; }
.sudy {
	background-color: #EFEFEF;
}
#ceny tr:hover td {
	color: #FFFFFF;
	background-color: #830006;
}
#ceny tr:hover td a {
	color: #FFFFFF;
}	
#ceny a:hover {
	color: #FFFFFF;
}	
#ceny tr.aktivni {
	color: #FFFFFF;
	background-color: #830006;
}
tr.cross { color: #f30; }
tr.cross td { text-decoration: line-through; }
tr.rez_red { color: #f30; }

.linka_left {
	border-left: 1px solid #9d0a0e;
	padding-left: 10px;
}	

.galery { 
	float: left;
	width: 176px;
	margin-right: 3px;
}
.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; }



/*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;
}
.video_prezentace {
	margin-bottom: 20px;
}