/* CSS Document */
* { margin: 0; padding: 0; }

body {
	font-size: 0.75em;
	background: #525252 url(../images/bg.jpg) repeat-x;
	color: #666;
	text-align: center;
	font-family: Tahoma;
}

a, 
a:link, 
a:visited, 
a:active { color: #666; text-decoration: none;}
a:hover { color: #1E90FF; text-decoration: none;}

.bold { font-weight: bold; }
.superscript { vertical-align: super; font-size: 75%; }

.clear { clear: both; height: 0px; visibility: hidden; font-size: 1px; }

img, a img { border: 0; }

/* Main heads */

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
color: #cc0000;
}

#main h1 {
font-family: Tahoma;
font-size: 1.3em;
margin: 0px 0px 7px 0px;
}

#main h2 {
font-family: Tahoma;
font-size: 1.2em;
margin: 0px 0px 3px 0px;
}

#main h3 {
font-size: 1.1em;
margin: 10px 0px 7px 0px;
}

#main h4 {
font-size: 1em;
margin: 10px 0px 7px 0px;
}

#main h5 {
font-size: 0.9em;
margin: 10px 0px 7px 0px;
}

#main h6 {
font-size: 0.8em;
margin: 10px 0px 7px 0px;
}

/* Main heads END */




/* START: GENERAL PAGE LAYOUT */

#containerout {
	margin: 0 auto;
	margin-top: 0px;
	padding: 0;
	width: 800px;
	text-align: left;
	background: #FFF;
}

#container {
	margin: 0 auto;
	margin-top: 0px;
	padding: 0;
	width: 780px;
	text-align: left;
	background: #FFF;
}


/* END: GENERAL PAGE LAYOUT */

/* START: HEADER */

#header {
	width: 780px;
	height: 342px;
	background: #fff;
}

#seo {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	text-align: center;
	font-size: 11px;
}

#seo a {
	text-decoration: underline;
}

#logo {
	float: left;
	width: 232px;
	height: 120px;
	background-image: url(../images/top_logo.gif);
}

#search {
	float: left;
	width: 548px;
	height: 120px;
	background-image: url(../images/top_search.gif);
}

#topnavigation {
	float: left;
	width: 232px;
	height: 190px;
	background: #3f3f3f;
	margin-top: 0px;
	padding-right: 0px;
}

#topgfx {
	float: right;
	width: 548px;
	height: 190px;
	background: url(../images/top-gfx.jpg);
}

#topline {
	width: 780px;
	height: 10px;
	background: url(../images/topline.gif);
}

/* END: HEADER */


/* START: CONTENT */

#content {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* CONTENT: LEFT NAVIGATION */

#leftnavigation {
	float: left;
	margin-top: 18px;
	padding-left: 16px;
}

#leftnavigation .leftnav {
	float: left;
	width: 32px;
}

#leftnavigation .leftnav img {
	display: block;
	margin-bottom: 3px;
	width: 32px;
	height: 32px;
}


/* CONTENT: MAIN */

#main {
	float: left;
	width: 780px;
}

/* CONTENT: Static pages */

#static {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 780px;
	}

#static #nadpis{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 780px;
	background: #e3e3e3;
	}
	
#static #staticin{
	padding: 15px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	width: 760px;
	}


#staticin td{
	padding: 10px 10px 10px 10px;
	background-color: #e3e3e3;
	border-bottom-color: #EFEFEF;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}	

#staticin img{
	margin: 0px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #E4E4E4;
}	
	
#static a, 
#static a:link, 
#static a:visited, 
#static a:active { color: #cc0000; text-decoration: none;}
#static a:hover { color: #1E90FF; text-decoration: none;}	

/* CONTENT: FIRSTPAGE */


#home_maintext .nadpis{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


#firstpageboxA {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 233px;
	float: left;
	background: #fff;
	}

#firstpageboxA #firstpageboxAin{
	padding: 15px 0px 0px 23px;
	margin: 0px 0px 0px 0px;
	width: 210px;
	float: left;
	}

#firstpageboxA h2 {
color: #737373;
}	

#firstpageboxB {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 210px;
	float: left;
	background: #fff;
	}

#firstpageboxB #firstpageboxBin {
	padding: 15px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	width: 210px;
	float: left;
	}
	
	
#firstpageboxB h2 {
color: #cc0000;
}	

#firstpageboxC {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 337px;
	float: left;
	background: #e3e3e3 url(../images/novinky_bg.gif);
	}



.frontnews {
padding: 15px 0px 10px 0px;
margin: 0px 0px 0px 33px;
float: left;
width: 270px;
color: #4b4949;
}	


#firstpageboxC h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #4b4949;
font-size: 1em;
}	

.frontnewsp{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #4b4949;
}	

firstpageboxA #nadpis {
}	
firstpageboxB #nadpis {
}	
firstpageboxC #nadpis {
}	



/* PRODUCTBOX */

#productboxA {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 780px;
	}

#productboxA #nadpis{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 780px;
	background: #e3e3e3;
	}
	
#productboxA #productboxAin{
	padding: 15px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	width: 760px;
	float: left;
	}

#productboxAin td{
	padding: 3px 5px 4px 5px;
	margin: 0px 0px 0px 0px;
	background: #e3e3e3;
	font-size: 0.85em;
	font-weight: bold;

	}

#productboxAin .nadpis{
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	background: #cc0000;
	color: #FFF;
	}	
	
#productboxAin .nadpisB{
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	background: #404040;
	color: #FFF;
	}	

#productboxAin .popis{
	background: #CECECE;
	color: #FFF;
	border-bottom: 5px solid #FFF;
	}		
	

/* PRODUCTBOX Oleje*/
	
#OlejeAuto{
	}	

#OlejeAuto .nadpis{
	background: #cc0000;
	color: #FFF;
	}		

#OlejeAuto .nadpisoil{
	color: #cc0000;
	}			

#OlejeAuto h2{
	color: #cc0000;
	}	

#OlejeAuto .nadpisKat{
	color: #cc0000;
	}			

#OlejeAuto .nadpisKat a,
#OlejeAuto .nadpisKat a:visited,
#OlejeAuto .nadpisKat a:hover{
	color: #cc0000;
}	
	
#OlejePrum{
	}	

#OlejePrum .nadpis{
	background: #1E90FF;
	color: #FFF;
	}	

#OlejePrum .nadpisoil{
	color: #1E90FF;
	}	

#OlejePrum h2{
	color: #1E90FF;
	}	

#OlejePrum .nadpisKat{
	color: #1E90FF;
	}	

#OlejePrum .nadpisKat a,
#OlejePrum .nadpisKat a:visited,
#OlejePrum .nadpisKat a:hover{
	color: #1E90FF;
}








	
#quickinfo {
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	width: 100%;
	display: block;
	font-size: 0.85em;

}

#frontreference {
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	width: 100%;
	display: block;
}

#frontreference .fronthead{
	font-size: 0.85em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	color: #cc0000;
	font-weight: bold;
}

#frontreference .fronttext{
	font-size: 0.85em;
	color: #999999;
}

#news {
	border-top: 1px solid #E6E6E6;
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	background: #f1f1f1;
	width: 100%;
	display: block;
}

#news .fronthead{
	font-size: 0.8em;
	color: #1E90FF;
	font-weight: bold;
}

#news .fronttext{
	font-size: 0.85em;
	color: #999999;
}

/* CONTENT: MAIN: HOME */

#home_maintext {
}

#home_maintext div {
	float: left;
	}

/* Standard */
#home_standard { padding: 10px 15px 15px 15px;}

#home_standard h1 {padding-bottom: .8em; }
#home_standard p { padding-bottom: 1em; }

#home_standard a,
#home_standard a:link,
#home_standard a:visited { color: #999999; text-decoration: none; }
#home_standard a:hover { color: #cc0000; text-decoration: none; }

#home_standard ul, li {padding-left: 15px; margin-left: 5px; color: #cc0000; text-decoration: none; }

/* NAVIGATION */
#home_navigation {
	padding: 10px 0px 15px 0px;
	width: 200px;
	}

#home_navigation ul, li {text-decoration: none; }	
	
#home_navigation h1 { padding-left: 15px; padding-bottom: .8em; }
#home_navigation p { padding-bottom: 1em; padding-left: 15px; padding-right: 30px; }

#home_navigation a,
#home_navigation a:link,
#home_navigation a:visited { color: #cc0000; text-decoration: none; }
#home_navigation a:hover { color: #cc0000; text-decoration: underline; }

.navigator-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.navigator-list li{
	background: url(../images/ministar.gif) no-repeat left center;
	padding: 1px 0px 1px 10px;
	margin:0px;
	line-height: 150%;
	list-style:none;
	font-family: Tahoma;
	font-size: 8px;
	color: #cc0000;
	font-weight: bold;
}
.navigator-list li a{
	color: #cc0000;
	text-decoration:none;
	list-style:none;
}
.navigator-list li a:visited{
	text-decoration:none;
}
.navigator-list li a:hover{
	color: #cc0000;
	text-decoration: underline;
}

.listhead{
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;	
}

.navigator-list2 {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.navigator-list2 li{
	background: url(../images/ministar2.gif) no-repeat left center;
	padding: 1px 0px 1px 10px;
	margin:0px;
	line-height: 150%;
	list-style:none;
	font-family: Tahoma;
	font-size: 8px;
	color: #0575c4;
	font-weight: bold;
}
.navigator-list2 li a{
	color: #0575c4;
	text-decoration:none;
	list-style:none;
}
.navigator-list2 li a:visited{
	text-decoration:none;
}
.navigator-list2 li a:hover{
	color: #0575c4;
	text-decoration: underline;
}


/* MENU */

#menu {
  list-style-type: none;
  width: 183px;
  margin: 20px 0px 0px 25px;
  padding: 0px 0px 0px 0px;
}


#menu ul, #in-right .menu {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#menu li {

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-position: -183px 0;

}

#menu li a {

  display: block;
  width: 183px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: 0 0 no-repeat;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

#menu li a.current { background-position: -182px 0; color: #dad6c9; }

#menu li a:hover, #menu li a.current:hover {

  background-position: -182px 0;
  color: #cc0000;
}

#menu a span, #menu a:hover span {

  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0;
  letter-spacing: 0px;
}

  #menu .btn1 { background: url(../images/button1.gif); }

  #menu li .btn1 { border: none; }

  #menu .btn2  { background: url(../images/button2.gif); }

  #menu .btn3  { background: url(../images/button3.gif); }

  #menu .btn4  { background: url(../images/button4.gif); }

  #menu .btn5  { background: url(../images/button5.gif); }

  #menu .btn6  { background: url(../images/button6.gif); }

/* PRODUCTS */
#home_products {
	padding: 10px 0px 15px 0px;
	width: 200px;
	}

#home_products ul, li {text-decoration: none; }
	
#home_products h1 { 	padding: 0px 0px 10px 15px;}
#home_products h2 { 	padding: 0px 0px 0px 15px;}
#home_products p { padding-bottom: 1em; padding-left: 15px; padding-right: 30px; }

#home_products a,
#home_products a:link,
#home_products a:visited { color: #999999; text-decoration: none; }
#home_products a:hover { color: #cc0000; text-decoration: none; }

.products-list {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
	list-style:none;
}
.products-list li{
	background: url(images/mini-star.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin:0px;
	list-style:none;

}
.products-list li a{
	text-decoration:none;
	list-style:none;
}
.products-list li a:visited{
	text-decoration:none;
}
.products-list li a:hover{
	text-decoration:none;
}





/* detail */
#home_detail {
	padding: 10px 0px 15px 0px;
	border-left: 1px solid #e8e8e8;
	width: 490px;
	}
	
#home_detail h1 { padding-left: 10px; padding-bottom: .8em; }
#home_detail p { margin: 0; padding-left: 5px; padding-bottom: 1em; }

#home_detail a,
#home_detail a:link,
#home_detail a:visited { color: #cc0000; text-decoration: none;  margin: 0; padding-left: 5px; padding-bottom: 1em;}
#home_detail a:hover { color: #cc0000; text-decoration: underline;}

#home_detail ul { margin: 0; padding: 0; padding-top: .6em; padding-bottom: .8em; list-style: none; }

#home_detail li { }

#home_detail li span,
#home_detail li a,
#home_detail li a:link,
#home_detail li a:visited {
	padding-left: 28px; padding-bottom: .8em; display: block; width: 170px;
	text-decoration: none;
	color: #888; background: url(../img/createsites/cl_cs_bullet.gif) no-repeat -2px 0px;
	}
#home_detail li a:hover {
	text-decoration: underline;
	background-position: -2px -48px;
	}

	
	
/* REFERENCE */
#foto_navigation {
	padding: 0px 0px 0px 10px;
	width: 170px;
	}

#foto_navigation img {
border: 3px solid #e4e4e4;
margin: 0px 6px 3px 0px;
}

#foto_navigation h1 { padding-left: 15px; padding-bottom: .8em; }
#foto_navigation p { padding-bottom: 1em; padding-left: 15px; padding-right: 30px; }

#foto_navigation a,
#foto_navigation a:link,
#foto_navigation a:visited { color: #cc0000; text-decoration: none; }
#foto_navigation a:hover { color: #cc0000; text-decoration: underline; }
	
#foto_big {
	padding: 0px 0px 0px 10px;
	width: 300px;
	}

#foto_big img {
border: 5px solid #e4e4e4;
}

#foto_big h1 { padding-left: 15px; padding-bottom: .8em; }
#foto_big p { padding-bottom: 1em; padding-left: 15px; padding-right: 30px; }

#foto_big a,
#foto_big a:link,
#foto_big a:visited { color: #cc0000; text-decoration: none; }
#foto_big a:hover { color: #cc0000; text-decoration: underline; }	
	
#foto_description {
	margin: 10px 0px 0px 10px;
	padding: 3px 3px 3px 3px;
	width: 460px;
	background-color: #f1f1f1;
	}

#foto_links {
	margin: 10px 0px 0px 10px;
	padding: 3px 3px 3px 3px;
	width: 460px;
	background-color: #f1f1f1;
	}
	
	
/* START: FOOTER */
#footer {
	position: relative; padding-top: 0em; padding-bottom: 0em; margin-left: 0px;
	color: #fff; 
	font-size: 9px;
	height: 77px;
	background: #e3e3e3;
	}

#footerA{
height: 50px;
width: 220px;
color: #7a7a7a; 
float: left;
padding: 0px 0px 0px 0px;
}

#footerA p{
margin: 0px 0px 0px 0px;
}

#footerB{
width: 548px;
height: 53px;
float: right;
background: #999999;
padding: 0px 0px 0px 0px;
}

#footerB p {
margin: 20px 20px 0px 20px;
text-align: right;
}

#footer a,
#footer a:link,
#footer a:visited { color: #D0D0D0; ; text-decoration: none; }
#footer a:hover { color: #cc0000; text-decoration: none; }

.seohead {
	color: #5c5c5c; 
	font-size: 9px;
	}


/* END: FOOTER */

/* SEOLISTA */

#lista{
font-size: 9px;
color: #727272;
}

#lista A:link {TEXT-DECORATION: none; COLOR: #5f5f5f;}
#lista A:active {TEXT-DECORATION: none; COLOR: #5f5f5f;}
#lista A:visited {TEXT-DECORATION: none; COLOR: #5f5f5f;}
#lista A:hover {TEXT-DECORATION: none; COLOR: #c9c9c9;}

/* SEOLISTA END*/