@import url("oor-common.css");
@import url("highslide.css");

/*************** RESET */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, fieldset, #header, #top-links, #menu, #content, #footer
{ font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif; margin:0; padding:0; }
html { font-size:100%; }
html, body { height:100%; }
ul li{ list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
img { border:0 none; }
label, a span { cursor:pointer; }

h1#logo a{position:relative;width:230px;height:33px;display:block;}
h1#logo a span{background:url(../images/logo-small.png)left top no-repeat;position:absolute;left:0px;top:0px;height:33px;width:230px;display:block;}

/*************** LINKS */
a,a:visited,a:link { text-decoration:underline; }
a:hover { text-decoration:underline; }
a:focus, a:active{ outline:0; }

/*************** BODY */
body { background:#fff url('../images/background.jpg') left top repeat-x; }
#carreta{ font:10pt/1.4 Tahoma, 'Lucida Grande CE', lucida, sans-serif; width:960px; margin:auto; position:relative; }
#skip-links { position:absolute; top:-9999px; left:-9999px; }
h1,h2 { font-size:15pt; color:#0376bf; margin:0 0 10px 20px; }
h2 { font-size:13pt; margin:10px 0 10px 20px; }
h3 { font-size:12pt; color:#0376bf; margin:0 0 10px 20px; }

h4,h5,h6 { margin-left:20px; margin-bottom:10px; }


/*************** HEADER */
#header { padding-top:20px; }
#header h1,
#header div.imr { width:360px; height:36px; padding:23px 0 0 70px; }
#header h1 span,
#header div.imr span { background:url('../images/logo2.gif') left top no-repeat; }
#header h1 a:hover span,
#header h1 a:focus span,
#header h1 a:active span,
#header div.imr a:hover span,
#header div.imr a:focus span,
#header div.imr a:active span { background-position:0 -55px; }
#header h1 a,
#header div.imr a{ font-size:11pt; color:black; cursor:pointer; }
#header h1 a:hover,
#header div.imr a:hover{ color:#0477c0; }
#header #top-links { position:absolute; top:8px; right:0; }
#header #top-links a{ color:#0376bf; }
#header #top-links #essox{ width:144px; height:38px; padding:0 0 0 3px; }
#header #top-links #essox span { background:url('../images/logo-essox.gif') left top no-repeat; }
#header #top-links #caretta{ width:102px; height:42px; padding:6px 0 0 10px; }
#header #top-links #caretta span { background:url('../images/logo-caretta-velke.gif') left top no-repeat; }

/*************** MAIN MENU */
#menu { margin-top:10px; padding:0 0 0 30px; position:relative; width:750px; overflow:hidden; background:url('../images/background-menu.gif') left top no-repeat; }
#menu li {  float:left; display:inline; }
#menu li a { float:left; font-size:10pt; height:28px; line-height:28px; padding:0 15px; white-space:nowrap; display:inline; }
#menu li a:link, #menu li a:visited, #menu li a:focus, #menu li a:active { background:#0f83ce url('../images/background-menu2.gif') left top repeat-x; color:#fff; text-decoration:none; }
#menu li a#actual:link, #menu li a#actual:visited, #menu li a#actual:focus, #menu li a#actual:active { background:#42a8e7 url('../images/background-menu2.gif') left bottom repeat-x; color:#fff; text-decoration:underline; cursor:default; }
#menu li a:hover { background-position:left bottom; color:#fff; text-decoration:underline; }
#menu li a#actual:hover { color:#fff; text-decoration:underline; }

/*************** CONTENT */
#content { width:960px; margin:25px auto; }
#content #children { width:643px; height:341px; }
#content #children span { background:url('../images/bazen-deti.jpg') left top repeat-x; }
#content .seznam-index li { background:url('../images/duck.gif') left top no-repeat; font-size:10pt; font-weight:bold; color:#0376bf; width:240px; height:45px; padding:9px 0 0 45px;  }
#content ul li{ background:url('../images/duck-mini.gif') left top no-repeat; font-size:10pt; color:#1a435c; margin:0 0 0 20px; padding:0 0 0 20px; }
#content p { font-size:10pt; line-height:1.4; color:#1a435c; margin:0 20px 10px 20px; }
#content .greybox { background:#dff1fe url('../images/pozadi-sedy-box2.png') no-repeat left top; width:310px; height:176px; margin:0 3px 0 0; padding:0; }
#content .greybox p, #content .greybox ul{ color:#0376bf;margin:0; padding:15px 15px 0 15px; }
#content .greybox ul li{ font-size:9pt; line-height:1; color:#0376bf; width:100%; height:15px; margin:0; padding:3px 0 0 20px; }
#content #map { border:1px solid #42a8e7; float:right; width:400px; height:300px; margin:0 22px 0 0; }
#content .text { width:760px; float:right; margin:0 0 20px 0; }
#content .sidebar { width:200px; float:left; }
#content table { margin:0 20px 10px 20px; }
#popup { position:absolute; top:100px; right:0px; z-index: 10; }
#popup a { background:url('../images/button2.gif') no-repeat 0 0; font-weight:bold; font-size:150%; width:150px; height:40px; line-height:40px; color:#FFF; text-align:center; display:block; text-decoration:none; }
#popup a:hover { background-position:0 -40px; text-decoration:underline; }

.product form { margin:0 0 40px 20px; }
.product img { border:2px solid #42a8e7; }

#product-info { width: 100%; padding-bottom: 2px; border-bottom: 1px solid #b6d7f3; }
#product-info img { margin: 3px 0 0 8px; }
#product-name {  }
#product-name p,
#product-name ul { font-weight: bold; line-height: 1.4; }
#product-name p { color: #0071BC; margin-top: 2px; margin-bottom: 0; }
#product-name ul { margin: 0 0 2px 5px; list-style-type: disc; list-style-position: inside; }
#product-name ul li { color: #0071BC; }

.price span,
.sum-price-box span { font-size:10pt; font-weight:700; }
.price.big span,
.sum-price-box.big span { font-size:12pt; font-weight:700; }

.bigger { font-size:11pt; font-weight:700; }

.buttonSmall { background:url('../images/button.gif') no-repeat 0 0; display:block; width:73px; height:22px; line-height:22px; color:#fff; text-decoration:none; }
.buttonSmall:hover { text-decoration:underline; }

#navigation { margin:10px 0; }

#content table { width:100%; }
#content table caption { font-size:12pt;  padding:5px 0 }
#content table tbody tr th { background:#eef8ff; border-bottom:1px solid #ddd; padding:3px 5px; text-align:left; }
#content table tbody tr td { border-bottom:1px solid #ddd; padding:3px 5px; }
#content table tbody input { width:200px; }


#prava_nabidka { float:left; margin:0 20px 20px 0; }
#prava_nabidka_cena{ padding:10px; text-align:center; color: #08AC0A; background: #C2FCC3; }
#prava_nabidka_zbyva{ margin-top:5px; padding:5px; text-align:left;font-weight:bold;   }
#prava_nabidka_zbyva ul{ list-style:square; margin-left:5px; padding: 0; }
#prava_nabidka_zbyva ul li{ color:#c00000; margin:0; }
#prava_nabidka strong{ font-size:130%; line-height:1.6; }
#prava_nabidka .vybrat{ margin:10px auto 0; width:100%; }

.product p.price { font-weight: bold; font-size: 10pt; }
.product p.price span { font-size: 12pt; }
.product form { clear: right; }
.product h3 { margin:0 0 30px; }

.ok{
	padding:10px;
	text-align:center;
	font-size:130%;
	margin:10px 0;
	border-top:1px solid #08AC0A;
	border-bottom:1px solid #08AC0A;
	color: #08AC0A;
	background: #C2FCC3;
	font-weight:bold;
}
.err{
	padding:10px;
	text-align:left;
	font-size:130%;
	margin:10px 0;
	border-top:1px solid #c00000;
	border-bottom:1px solid #c00000;
	color:#c00000;
	background: #F8D5D5;
	font-weight:bold;
}
.err ul{
	margin-left:20px;
	list-style: square;
        padding: 5px 0 0;
}


.anotace { padding:0 0 20px 0; }

#formular { float:right; width:770px; }
#formular .c3 { border-bottom:1px solid #b6d7f3; clear:both; margin:0; padding:30px 0 10px 0;  }

div.objednavka-box{ width:49%; margin:5px 0.5%; padding:5px 0; float:left; text-align:center; background:#eef8ff; min-height: 290px; height: auto; }
div.objednavka-box:hover{  background:#e6f6fc; }
div.objednavka-box-aktivni,div.objednavka-box-aktivni:hover{ background: #AAFBAA; }
div.objednavka-box img{ border:1px solid #333; }
div.objednavka-box div{ margin:5px; display:block; height:70px; overflow:auto; }
div.objednavka-box div.obj-box-img { height: 122px; margin: 0; }

#formular .vybrat{ padding:4px 0px; margin:20px auto; display:block; width:150px; text-align:center; text-decoration:none; }

#formular .tar { clear:both; text-align:right; padding:5px }

/*************** AKTUALITY */
#content .aktuality strong { color:#0376bf; }
#content a, #content a:visited, #content a:link { font-size:10pt; color:#0376bf; text-decoration:underline; }
a:hover { color:#1a435c; text-decoration:underline;  }

/*************** FOOTER */
#footer { background:#0f83ce url('../images/pozadi-pata.png') left top no-repeat; font-size:10pt; color:#fff; width:940px; line-height:28px; height:28px; margin:0 0 20px 0; text-align:center; clear:both; }
#footer a:link, #footer a:visited, #footer a:focus, #footer a:active { font-size:10pt; color:#fff; text-decoration:none; border-bottom:1px dotted #fff; }
#footer a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #fff; }

/*************** UNIVERSAL */
.clearfix2 { width:100%; overflow:hidden; }
.imr, .imr span { display:block; overflow:hidden; position:relative; top:0; left:0; }
.imr span { width:100%; height:100%; position:absolute; }
.hidden{ display:none; }
.img-right { float:right; display:block; margin:0 0 0 10px;  }
.left{ float:left; }
.right{ float:right; }

.center{ margin:auto; }
.searchHightLight{background-color:#B8E4FF;}
form.search{position:absolute;top:40px;right:214px;}
input { padding:4px 0px;  }
/*#content input,
#content textarea{border:1px solid #8EB8D5;background-color:#F9FAFB;padding:3px 3px;color:#0376BF;}
*/
#content form.search input{margin-right:5px;}
#content form.search button{background:transparent url(../images/button.gif) no-repeat;color:#fff;border:none;width:73px;height:22px;padding:0px 0px 3px 0px;cursor:pointer;}
.lista {text-align:center;}