@import "reset.css";
body { font-family:Arial, Helvetica, sans-serif; font-size:80%; background:#091734 url(../design/bg.gif) repeat-x; color:#000; line-height:1.7; padding:0 0 28px 0; text-align: center; }
/* LAYOUT
------------------------------*/
#all { width:970px; margin:0 auto; position:relative; text-align: left; }
#top { position:relative; width:970px; height:198px; background:url(../design/auto-top.jpg) top right no-repeat; }
#container { width:970px; background:#fff url(../design/container.gif) repeat-y; }
.clean { clear:both; height:1px; width:970px; font-size:0; }
.cleaner { clear:both; height:1px; width:100%; font-size:0; }
p { margin:10px 0 15px 0; font-size:1em; }
hr { display:none; }
a { color:#dfa00a; text-decoration:underline; font-weight:bold; }
a:hover { color:#dfa00a; text-decoration:none; }
/* H1 REPLACE
------------------------------*/
#divh1 { display:block; position:relative; width:363px; height:164px; left:0; top:33px; text-align:center; line-height:164px; font-size:2em; text-indent:-9999px; background:url(../design/logo.gif) 0 0 no-repeat; }
h1 span { width:100%; height:50%; display:block; position:absolute; left:0; top:0; z-index:1; background:url(../design/logo.gif) 0 0 no-repeat; cursor:pointer; }
h1 a { color:#fff; text-decoration:none; }
h1 a:active, h1 a:hover { color:#fff; text-decoration:underline; }
.mailrediteli { width:100%; height:50%; display:block; position:absolute; left:0; top:82px; }
/* CONTENT
------------------------------ */ 	
#content { 
	width:549px; padding:50px 210px 25px 20px; float:none; margin-left:190px; overflow:hidden; 
	background:url(../design/content.jpg) top right no-repeat; }
#content2 { 
	width:739px; padding:50px 20px 25px 20px; float:none; margin-left:190px; overflow:hidden; 
	background:url(../design/content.jpg) top right no-repeat; }           
#content ul, #content2 ul { margin:4px 0 15px 10px; padding:0; list-style:none; }
#content ul li, #content2 ul li { margin:0; padding:0 0 0 16px; font-size:1.1em; background:url(../design/li.gif) 0 7px no-repeat; }
#content h2, #content2 h2 { color:#000; font-weight:normal; font-size:1.9em; padding:0; margin:10px 0 0 0; }
#content h3, #content2 h3 { color:#000; font-weight:bold; font-size:1.3em; padding:0; margin:10px 0 0 0; }       
#content h4, #content2 h4 { 
	font-size:1.1em; font-weight:bold; text-transform:none; padding:5px 0 0 0; margin:0; color:#000; border-bottom:1px solid #195086; }
#content ul, #content2 ul { margin:4px 0 15px 10px; padding:0; list-style:none; }
#content ul li, #content2 ul li { margin:0; padding:0 0 0 24px; font-size:1em; background:url(../design/li.gif) 6px 7px no-repeat; }
#content ol, #content2 ol { margin:5px 0 15px 34px; padding:0; list-style:decimal; }
#content ol li, #content2 ol li { margin:0; padding:0; font-size:1em; }                                      
#content table.mytable, #content2 table.mytable { border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; margin-top:10px; margin-bottom:20px; }
#content table.mytable td, #content2 table.mytable td { 
	background:url(../design/td.gif) left top repeat-x; padding:3px 8px; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }   
#content table.mytable td ul, #content2 table.mytable td ul { margin-bottom:5px; }
#content table.cenik td, #content2 table.cenik td { 
	background:url(../design/td.gif) left top repeat-x; padding:0px 0px; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
#content table.mytable td.nobg, #content table.mytable tr.nobg, .nobg, #content2 table.mytable td.nobg, #content2 table.mytable tr.nobg { 
	background:none; padding:3px 8px; border-right: none; border-left: none; border-bottom:1px solid #f1f1f1; }    /*  */
	
/* Formulář
------------------------------*/  
#content fieldset, #content2 fieldset { margin:5px 0px; padding:5px; border:1px solid silver; }
#content fieldset table, #content2 fieldset table { margin:5px 0px; padding:0; border:0; }
#content fieldset label, #content2 fieldset label { margin-left:5px; }        

.nobr { border:none!important; }
.nomg { margin:0!important; }
.nopg { padding:0!important; }
.sDPH { font-size:smaller; }
.required { color:red!important; font-weight:bold!important; }      

/* SIDEBAR-left 
------------------------------*/
#sidebar { float:left; width:187px; padding:8px 0 0 0; }
#sidebar h3 { font-size:1.2em; font-weight:bold; padding:10px 15px 5px 20px; margin:0; color:#cd9000; text-transform:uppercase; border-top:1px solid #e2e2e2; }
#sidebar p { padding:0 20px 15px 20px; font-size:0.9em; margin:0; }
#sidebar p a, #sidebar p a:hover { color:#ed1c24; }   

/* SIDEBAR-right 
------------------------------*/ 
#sidebarR { float:right; width:187px; padding:8px 0 0 0; top:292px; right:0; position:absolute; background-image:url(bg-sidebarR.gif); background-repeat:repeat-y; background-position: 0 30px; border-top: 1px #E3E3E3 solid; border-bottom: 1px #E3E3E3 solid; }
#sidebarR h3 { font-size:1.2em; font-weight:bold; padding:10px 15px 5px 20px; margin:0; color:#cd9000; text-transform:uppercase; border-top:1px solid #e2e2e2; }
#sidebarR p { padding:0 20px 15px 20px; font-size:0.9em; margin:0; }
#sidebarR p a, #sidebar p a:hover { color:#ed1c24; }     

/* MENU
------------------------------*/  
.odsazeni { margin-top:30px!important; height:2px!important; border:none!important; }
.objednavka { border:none; width:171px; height:53px; overflow:hidden; background:url(../design/objednavka.gif) no-repeat; margin:0 auto 8px auto; }

#menu { width:171px; list-style:none; margin:0; padding:0 0 0 8px; }
#menu li { position:relative; list-style:none; border-bottom:1px solid #e2e2e2; }
#menu li a { color:#cd9000; text-decoration:none; font-weight:bold; width:149px; padding:3px 10px 3px 12px; display:block; text-transform:uppercase; font-size:0.9em; }
#menu li a:hover, #menu li.active a { text-decoration:none; color:#fff; background:#cd9000; outline:none; }

#menu li.objednavka a { border:none; width:171px; height:53px; padding:0; text-align:center; text-indent:-9999px; }
#menu li.objednavka a:hover { background:url(../design/objednavka.gif) 0 -53px no-repeat; }

#menu li.opel { border-bottom:1px solid #e2e2e2; background-image:url(menu-opel.gif)!important; background-position:0 0; }
#menu li.opel a { color:#cd9000; text-decoration:none; font-weight:bold; background-image:url(menu-opel.gif)!important; background-position:-9px 0!important;  background-repeat:no-repeat; width:149px;
padding:3px 10px 3px 20px; display:block; text-transform:uppercase; font-size:0.9em; }
#menu li.opel a:hover, #menu li.opelactive a { text-decoration:none; color:#fff; background-image:url(menu-opel.gif)!important; background-position:-197px 0!important; background-repeat:no-repeat; outline:none; }

#menu ul.submenu { border:1px solid #cd9000; background-color:#fff; width:371px; list-style:none; position:absolute; left:171px; top:0; z-index:9999; visibility:hidden; }
	#menu ul.submenu li { float:left; clear:both; }
	#menu ul.submenu li a { width:349px; z-index:300;color:#cd9000!important; background:#fff!important; z-index:1000; float:left; }
	#menu ul.submenu li a:hover, #menu ul.submenu li.active a { text-decoration:none; color:#fff!important; background:#cd9000!important; outline:none; }
	#menu li:hover ul, ul#menu li.hover ul { visibility:visible; }               

/* LEFT + RIGHT
------------------------------*/	
.vlevo { float:left; margin:0 15px 15px 0; padding:4px; background-color:#fff; border:1px solid #ccc; z-index:1; }
.vlevoLast { float:none; margin:0 0px 15px 0; padding:4px; background-color:#fff; border:1px solid #ccc; z-index:1; }
.vpravo { float:right; margin:0 0 15px 15px; padding:4px; background-color:#fff; border:1px solid #ccc; z-index:1; clear:left; }
.imgVlevo { float:left; margin:0 15px 15px 0; padding:4px 4px 0 4px; background-color:#fff; border:1px solid #ccc; }
.imgVpravo { float:right; margin:0 0 15px 15px; padding:4px 4px 0 4px; background-color:#fff; border:1px solid #ccc; }
.akceH3 { padding:0px; background:#CD9000; color:#FFFFFF!important; text-align:center!important; margin-bottom:7px!important; width:550px; }
.akceH3small { font-size:14px; margin:0!important; padding:0 2px; }
.akceH3redLine { background-color:#F00; color:#FFFFFF; width:545px; display:block; }
.t-center { text-align:center;}      
/* FOOTER
------------------------------*/ 
#footer { width:970px; height:40px; position:relative; margin:0 auto; background:#e5b33b; }
#footer p { color:#fff; text-align:center; margin:0; padding:0; line-height:40px; font-size:1em; }
#footer a { color:#fff; text-decoration:underline; font-weight:bold; }
#footer a:hover { color:#fff; text-decoration:none; }
#napsaliNam a { text-decoration:none; font-weight:normal; color:#000; }
#napsaliNam a:hover { text-decoration: underline; font-weight:normal; color:#EAA00A; }
#napsaliNam .vice { text-decoration: underline; font-weight:bold; }
#napsaliNam .datum { font-size:11px; font-style:italic; font-weight: normal; }