/*
Theme Name: Auto Šrámek
Author: Bohumil Hanus
Author URI: http://www.4people.cz/
*/

/* --- Author:  Bohumil Hanus, DiS   --- */
/* --- www.boyda.eu - www.4people.cz --- */
/* --- @ : hanus@4people.cz          --- */
/* --- CSS 4 Firefox, Opera, IE 7+   --- */

/* layout */
#map {width: 600px; height: 400px; border: 1px solid #979797; margin-top: 20px;}
.popis {float: left; width: 250px;}
.button { background-color: #333333;color: #FFFFFF; border: none; }
.button:hover {background-color: #1742AA;color: #FFFFFF; border: none; }
body {	background-color: #FFFFFF; margin: 0 0 0 0;	padding: 0 0 15px 0;	font: normal normal normal 0.8em/150% Arial,Helvetica, sans-serif;	color: #666666;}
#main {  margin: 0 auto 0; padding: 0 0 0 0; width: 998px; }
#header {  margin: 0 0 0 0; padding: 0 0 5px 0; float: left; width: 100%; position:relative;  background: Black url(images/bg_header.jpg) repeat-x bottom;  clear: both; }
#slider {	height: 300px; width: 998px; float: left; background: #000000; position:relative; z-index: -999; position}
#lista {	height: 50px;	width: 998px;	background: url(images/bg_lista.jpg) repeat-x top;}
#search {	width: 300px; float: right; padding: 12px 0 15px 0;}
#search input {	width: 150px;	padding: 5px 5px 5px 25px;	margin-right: 25px;	border: 1px solid #484747;	background: #FFFFFF url(images/lupa-search.jpg) no-repeat left center;	font-size: 0.9em;	float: right; color: #8F8F8F;}
#footer {	color: #BFBFBF;	text-align: right;	padding: 0 10px 10px 10px;}
#footer a{	color: #B2B2B2; text-decoration: none;}
#page {	background-color: #EAEAEA; padding: 25px 24px 25px 24px;  margin: 0; }
#content {	width: 600px;	padding: 25px 25px 25px 25px;	background-color: #FFFFFF;	float: left;	border: 1px solid #E1E1E1;}
#content p{	padding: 0 0 5px 0; margin: 0 0 0 0;}
#sidebar {	width: 230px; padding: 25px 25px 25px 25px; background-color: #FFFFFF; float: right;	border: 1px solid #E1E1E1;}
#sidebar p{	padding: 0 0 5px 0; margin: 0 0 0 0;}
a img {	border: none;}
a {	color: #0B68AB;	text-decoration: underline;}
a:hover {	color: #004D8F;	text-decoration: none;}
#page li {list-style: url(images/li.gif);}
#page ul {margin: 0 0 10px 25px; padding: 0 5px 0 0;}


H1 {}
H2 {margin: 0 0 15px 0; padding: 0 0 10px 0; font: normal normal normal 1.8em/150% Georgia,Arial,sans-serif; color: #0B68AB; letter-spacing: -0.02em ;background: url(images/headlines.gif) no-repeat bottom left;}
H3 {margin: 5px 0 15px 0; padding: 0 0 15px 0; color: #3F3F3F; font: normal normal normal 1.3em/150% Georgia,Arial,sans-serif; background: url(images/h3.gif) no-repeat bottom right; text-align: right;}
H4 {margin: 5px 0 10px 0; padding: 0 0 10px 0; color: #3F3F3F; font: normal normal normal 1.3em/150% Georgia,Arial,sans-serif;  background: url(images/headlines.gif) no-repeat bottom left;}
H5{margin: 0 0 5px 0; padding: 0 0 0 0; color: #3F3F3F; font: normal normal normal 1.3em/150% Georgia,Arial,sans-serif; }

#logo { float: left; overflow: hidden; width:275px; height:95px; margin:0; padding:0; font-size:100%; letter-spacing:5px; position: absolute; top: 20px; left: 25px; }
#logo span {  position:absolute; top:20; left:25; z-index:9; width:275px; height:95px; margin:0; padding:0; background: url(images/logo.jpg) no-repeat 0 0; cursor:pointer;} 
.box2 {margin: 0 0 0 15px; width: 200px; float: left;}
.box1 {margin: 0 10px 0 0; width: 160px; float: left;}

/* hlavní menu */
#myslidemenu {	font: normal normal bold 0.8em/170% Arial, "Geneva CE", lucida, sans-serif; float: right; width: 820px; margin: 115px 15px 0 0; z-index: 999;  }
#myslidemenu ul {	list-style: none;	padding: 0; float: right; }
#myslidemenu a {	display: block; text-decoration: none;}
#myslidemenu li {	text-align: left; float: left;  }
#myslidemenu li a {		text-align: left;	margin: 0;	padding: 5px 15px 5px 15px;	display: block;} 
#myslidemenu ul li ul{z-index:1200;}
td {border: 1px solid #EAEAEA; padding: 10px 10px 10px 10px;}
.model {width: 350px; background-color: #EAEAEA; }
.cena {width: 100px; background-color: #EAEAEA; }


.clean {clear: both;}
input, select, textarea {padding: 3px 5px 3px 5px; border: 1px solid #E1E1E1;color: #8F8F8F; }
input:hover, select:hover, textarea:hover {border: 1px solid #333333;color: #333333; }
.jqueryslidemenu {margin: 0;padding: 0; /* width: 820px; */ float: right;    }
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;   }
.jqueryslidemenu ul li{position: relative;display: inline;float: left;}
.jqueryslidemenu ul li a{	display: block;	color: white; color: #F9F9F9;	text-decoration: none; background: url(images/separator.jpg) no-repeat left; }
* html .jqueryslidemenu ul li a{ display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: #A9A9A9;}
.jqueryslidemenu ul li a:hover{	 color: #FFFFFF;}
.jqueryslidemenu ul li ul{position: absolute;left: 0; display: block;visibility: hidden; margin: 0 0 0 0; padding: 8px 0 0 0; }
.jqueryslidemenu ul li ul li{display: list-item;float: none;  }
.jqueryslidemenu ul li ul li a{ width: 95px; margin: 0 0 0 0;  padding: 0 0 0 0; background: #1C1C1C;  opacity: 0.95; filter: alpha(opacity=95); border-bottom: 1px dotted Black;  }
.jqueryslidemenu ul li ul li a:hover{ background: #272727; color: White;}
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 12px;right: 5px;}
.entry2 {background: url(images/headlines.gif) no-repeat bottom left; padding: 10px 10px 10px 10px; margin-bottom: 10px;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {	padding: 4px;margin: 0 7px 2px 0;	display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.polozka {width: 200px; }