* {margin: 0; padding: 0;}

body {
font: normal 12px Arial, Sans-Serif;
color:#726b71;
padding:0px;
margin:0px;
}

ul {list-style: none;}

a {color: #999; text-decoration: none; outline: none;}

h1 {font-size: 20px;}
h2 {font-size:18px; margin: 18px 0 43px 0;}
h3 {font-size:16px; margin-bottom: 15px;}
h4 {font-size:13px; margin-bottom: 15px;}





/* ----------container to center the layout-------------- */
#container {
width: 955px;
margin: 0 auto;
}





/* ----------header-------------- */
#header {
/*background: #ffcc66;*/
padding: 7px 0;
border-bottom: solid 1px #e0ded8;
position: relative;
height: 20px;
}

#select_country div {
    font: normal 75% arial; 
    color: black; 
    width: 188px; 
    height: 19px; 
    background: url(../gfx/select_country.gif) 0 0 no-repeat;    
  }
  #select_country {
    background: url(../gfx/globe.gif) 0 0 no-repeat;
    padding-left: 30px; 
    width: 188px; 
    height: 19px;
    float: left;    
    position: absolute;
    z-index: 50;
  }
	#select_country ul {
	  background: #fff;
		color: #999999;
		visibility: hidden;
		margin: 0;		
		padding: 0;		
		font: normal 70% arial;
    border: solid 1px #9c9c9c;
    border-top: none;
		width: 186px;
		list-style: none; 				
	}
	#select_country ul li {padding: 1px 0 0 6px;}
	#select_country ul li a {color: gray; text-decoration: none; font: normal 11px arial;}
	#select_country ul li a:visited {color: gray; text-decoration: none;}
	#select_country ul li a:active {color: gray; text-decoration: none;}
	#select_country ul li a:hover {text-decoration: none;	color: red;}

#searchform {float: right; border: none; width: 160px; height: 18px; position: relative;}
#searchform button {
  position: absolute;
  top: 5px;
  right: 0;
	border: none;
  width: 10px;
	height: 10px;	
	text-indent: -9999px;
	background: url(../gfx/search_btn.gif) no-repeat 0 0;
}

ul#headernav {float: right;}
	ul#headernav li {display: inline; list-style: none; background: url(../gfx/headernav_separ.gif) 100% 70% no-repeat; padding: 0 14px;}
	ul#headernav li a {font: normal 12px/20px arial; color: #726b71; text-decoration: none;}
	ul#headernav li a:hover {color: #DB1C16;}





#content {float: left; position: relative;}

/*
#homepage #content {background: url(../gfx/cup_of_coffee.jpg) left bottom no-repeat;}
*/

#homepage div#content {min-height:590px; height:expression(this.scrollHeight > 500 ? "auto":"500px");}

#o-nas    div#content {min-height:690px; height:expression(this.scrollHeight > 690 ? "auto":"690px");}
#novinky  div#content {min-height:590px; height:expression(this.scrollHeight > 580 ? "auto":"580px");}
#miofino  div#content {min-height:590px; height:expression(this.scrollHeight > 580 ? "auto":"580px");}
#automaty div#content {min-height:670px; height:expression(this.scrollHeight > 670 ? "auto":"670px");}
#sluzby   div#content {min-height:640px; height:expression(this.scrollHeight > 640 ? "auto":"640px");}
#technika div#content {min-height:620px; height:expression(this.scrollHeight > 620 ? "auto":"620px");}
#predaj   div#content {min-height:590px; height:expression(this.scrollHeight > 580 ? "auto":"580px");}
#kontakt  div#content {min-height:590px; height:expression(this.scrollHeight > 580 ? "auto":"580px");}
#search   div#content {min-height:590px; height:expression(this.scrollHeight > 580 ? "auto":"580px");}
#sitemap  div#content {min-height:590px; height:expression(this.scrollHeight > 580 ? "auto":"580px");}
#kariera   div#content {min-height:590px; height:expression(this.scrollHeight > 580 ? "auto":"580px");}


#search #right #right_inner a {color: #db1c16;}
#search #right #right_inner a:hover {text-decoration: underline;} 


/* --------------left------------- */
#left {
float: left;
width: 215px;
margin: 0px;
padding: 0px;
position: relative;
}

h1 a {
  display: block;
  width: 143px;
  height: 46px;
  overflow: hidden;
  position: absolute;
  top: 18px;
  left: 0;
}
h1 a span  {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../gfx/selecta_logo.jpg);
  cursor: pointer;
  _cursor: hand;
}


#left #leftnav {margin-top: 105px;}
#left #leftnav a {text-decoration: none; height: 24px; font-size: 16px; font-weight: bold; line-height: 29px;}
#left #leftnav a:hover {font-size: 18px;}
	
#left #leftnav .selectagroup {background: url(../gfx/grey_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .selectagroup a {color: #666;}
#left #leftnav .onas {background: url(../gfx/red_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .onas a {color: #DB1C16;}
#left #leftnav .miofino {background: url(../gfx/ball_miofino.jpg) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .miofino a {color: #9e2216;}
#left #leftnav .novinky {background: url(../gfx/pink_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .novinky a {color: #e0249a;}
#left #leftnav .automaty {background: url(../gfx/green_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .automaty a {color: #69be28;}
#left #leftnav .sluzby {background: url(../gfx/blue_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .sluzby a {color: #00a1de;}
#left #leftnav .technika {background: url(../gfx/black_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .technika a {color: #020202;}
#left #leftnav .predaj {background: url(../gfx/brown_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .predaj a {color: #5d3526;}
#left #leftnav .kariera {background: url(../gfx/darkpurple_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .kariera a {color: #990099;}
#left #leftnav .kontakt {background: url(../gfx/orange_ball.gif) 0 50% no-repeat; padding-left: 25px; line-height: 23px;}
#left #leftnav .kontakt a {color: #FAB949;}
	
#left #sub_menu {margin-bottom: 5px; margin-left: 25px;}
#left #sub_menu a {font: normal 12px arial; color: #726b71; line-height: 18px; height: 12px;}

#o-nas #left #sub_menu a:hover {font-size: 12px; color: #DB1C16;}
#automaty #left #sub_menu a:hover {font-size: 12px; color: #69bd27;}
#sluzby #left #sub_menu a:hover {font-size: 12px; color: #01a1df;}
#technika #left #sub_menu a:hover {font-size: 12px; color: #020202;}
#predaj #left #sub_menu a:hover {font-size: 12px; color: #5c3526;}


/* -----------------right--------------------- */
#right {
padding: 0;
float: right;
width: 740px;
}
#homepage #right {background: url(../gfx/coffee.jpg) top right no-repeat;}
#right_inner {width: 525px; /*background: #ff9933;*/ padding-bottom: 10px; float: left}
#slide {padding: 20px 0 41px 0; }
#homepage h1, #homepage h2, #homepage h3, #homepage h4 {color: #DB1C16;}
#homepage h2 {display: none;}
#right p {margin-bottom: 15px; line-height: 16px;}

  
  
  #homepage_boxes {padding: 20px 0; float: left;}
	
  #news_box, #koncepty_box, #linky_box {float: left;}  
  /* #news_box, #koncepty_box {width: 228px; height: 202px; padding: 62px 15px 0 15px;} */
  #news_box, #koncepty_box {width: 228px; height: 202px; padding: 52px 15px 10px 15px;}
  
  #news_box img, #koncepty_box img {float: left; margin-right: 17px; margin-bottom: 100%;}
  
  
  #news_box {background: url(../gfx/news_box_bg.gif) 0 0 no-repeat;}
  #koncepty_box {background: url(../gfx/koncepty_box_bg.gif) 0 0 no-repeat; margin: 0 24px;}	
	
  #linky_box {width: 146px; height: 202px; background: url(../gfx/linky_box_bg.gif) 0 0 no-repeat; padding: 62px 15px 0 15px;}	
	#linky_box ul li {list-style: none; /*list-style-position: outside;*/ margin-bottom: 10px; line-height: 16px;}
	#linky_box ul li a {font: normal 12px arial; color: #726b71; text-decoration: underline; padding-left: 17px; background: url(../gfx/red_bullet.gif) 0 60% no-repeat;}
	#linky_box ul li a:hover {text-decoration: none;}
		
	.readmore a {font: normal 11px arial; text-decoration: underline; color: #726b71; background: url(../gfx/red_bullet.gif) 0 60% no-repeat; padding-left: 17px; border-bottom: none;}
	.readmore a:hover {text-decoration: none;}





/* -----------------right - subpages typography settings--------------------- */
#o-nas #right_inner {padding-bottom: 15px;}
h2 {width: 400px;  height: 50px; position: relative;}
h2 span {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

#o-nas h2, #o-nas h3, #o-nas h4 {color: #DB1C16;}
#o-nas h2 span {background: url(../gfx/h2_o_spolocnosti.gif) 0 0 no-repeat;}

#o-nas #right p a {color: #DB1C16; text-decoration: none;}
#sluzby #right p a {color: #01a1df; text-decoration: none;}
#automaty #right p a {color: #69bd27; text-decoration: none;}
#kontakt #right p a {color: #F8A10C; text-decoration: none;}   
#o-nas #right p a:hover, #sluzby #right p a:hover, #automaty #right p a:hover, #kontakt #right p a:hover {text-decoration: underline;}


#novinky h2, #novinky h3, #novinky h4 {color: #e0259a;}
#novinky h2 span {background: url(../gfx/h2_novinky.gif) 0 0 no-repeat;}

#automaty h2, #automaty h3, #automaty h4 {color: #69bd27;}
#automaty h2 span {background: url(../gfx/h2_automaty.gif) 0 0 no-repeat;}

#sluzby h2, #sluzby h3, #sluzby h4 {color: #01a1df;}
#sluzby h2 span {background: url(../gfx/h2_sluzby.gif) 0 0 no-repeat;}

#technika h2, #technika h3, #technika h4 {color: #020202;}
#technika h2 span {background: url(../gfx/h2_technika.gif) 0 0 no-repeat;}

#predaj h2, #predaj h3, #predaj h4 {color: #5c3526;}
#predaj h2 span {background: url(../gfx/h2_predaj_produktov.gif) 0 0 no-repeat;}

#kontakt h2, #kontakt h3, #kontakt h4 {color: #FAB949;}
#kontakt h2 span {background: url(../gfx/h2_kontakt.gif) 0 0 no-repeat;}

#search h2, #search h3, #search h4 {color: #db1c16;}
#search h2 span {background: url(../gfx/h2_vyhladavanie.gif) 0 0 no-repeat;}

#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h4 a {color: #db1c16;}
#sitemap h2 span {background: url(../gfx/h2_mapa_stranky.gif) 0 0 no-repeat;}

#kariera h2, #kariera h3, #kariera h4 {color: #990099;}
#kariera h2 span {background: url(../gfx/h2_kariera.gif) 0 0 no-repeat;}

#miofino h2, #miofino h3, #miofino h4 {color: #9e2216;}
#miofino h2 span {background: url("../gfx/title_miofino.jpg") 0 0 no-repeat;}
#miofino a { color:#b85f44; text-decoration: underline; }
#miofino a:hover { text-decoration: none; }



/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 15px 5px;
/*background: #cccc33;*/
border-top: solid 1px #cdcdcd;
}
#footer p {
font-size: 11px;
color: #aaa;
}
#footer p a:hover {
color: #ff0000;
}

#hist_table {margin-bottom: 15px;}
#hist_table tr td {padding-bottom: 3px;}
.hist_year {color: #DB1C16; padding-right: 10px;}
.hist_event {padding-left: 10px;}

#clickable-map {
  width: 100%;
  height: 191px;
  background: url(../gfx/selecta_map.gif) 50% 0 no-repeat;
  margin: 50px 0;
  position: relative;
}

#mags, #gallery {width: 525px; float: left; margin-top: 20px; margin-bottom: 0;}

#mags div {
  margin-bottom: 20px;
  margin-right: 35px;
  float: left;
  text-align: center;  
}

#mags div a {        
    width: 138px;  
    height: 200px;
    display: block;
    border: solid 1px #ccc;
}

#gallery div {
  margin-bottom: 25px;
  margin-right: 26px;
  float: left;
  text-align: center;  
}

#gallery div a {        
    width: 75px;  
    height: 75px;
    display: block;
    border: solid 2px #ccc;
}

.prevadzka {
  width: 485px;
  float: left;
  margin: 15px 0;  
  padding: 20px 20px 0 20px;
  background: url(../gfx/centrala_bg.jpg) 0 0 no-repeat;
  position: relative;
}
.see_building a {position: absolute; left: 20px; top: 126px; background: url(../gfx/see_building_bg.gif) 0 50% no-repeat; padding-left: 16px;}
.see_map a {position: absolute; left: 20px; top: 109px; background: url(../gfx/see_building_bg.gif) 0 50% no-repeat; padding-left: 16px;}
#o-nas #right .prevadzka .see_building a, #o-nas #right .prevadzka .see_map a {border-bottom: none; font-size: 11px} 
#o-nas #right .prevadzka .see_building a:hover, #o-nas #right .prevadzka .see_map a:hover {text-decoration: underline;}

.prevadzka img {float: left; border: solid 3px #ccc;}
.prevadzka address {font-style: normal;}
.prevadzka h3, .prevadzka h4, .prevadzka address, .prevadzka p {margin-left: 220px;}
#o-nas #right .prevadzka p a {color: #726b71; text-decoration: none;}
#o-nas #right .prevadzka p a:hover {text-decoration: underline;}

.novinka {border-bottom: dashed 1px #ccc; padding-bottom: 5px; margin-bottom: 20px;}

#automaty #right_inner ul, #technika #right_inner ul, #sluzby #right_inner ul, #sitemap #right_inner ul {margin-bottom: 20px; margin-left: 20px;}
#automaty #right_inner ul li, #technika #right_inner ul li, #sluzby #right_inner ul li, #sitemap #right_inner ul li {list-style: disc; list-style-position: outside; line-height: 18px; }
#automaty #right_inner ul li a {color: #6aba2d; text-decoration: none;}
#sluzby #right_inner ul li a {color: #01a1df; text-decoration: none;}
#automaty #right_inner ul li a:hover, #sluzby #right_inner ul li a:hover {text-decoration: underline;}



/* form */

#formular {
	width: 510px; /* 525 */
	margin-top: 25px;	
}

#formular input, #formular textarea {
	padding: 2px;
	width: 410px;	
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	float: right;
}

#formular label {
	float: left;
	width: 90px;
	text-align: right;
	margin-bottom: 10px;
	padding: 3px 0;
  font: normal 12px verdana;
}

#formular textarea {
	height: 100px;
}

#formular input.submit-button {
	width: 60px;
	float: right;
}

span.cleaner,
div.cleaner  {
  width: 100%;
	clear: both;
	float: none;
	height: 0px;
	display: block;
	visibility: hidden;
}


/*
.content_img1 #content {background: url(../gfx/cat_imgs/prev_right.jpg) 80% 70px no-repeat fixed;}
.content_img2 #content {background: url(../gfx/cat_imgs/news_right.jpg) 1010px 150px no-repeat fixed;}

body:empty .content_img1 #content {background: url(../gfx/cat_imgs/prev_right.jpg) 900px 70px no-repeat fixed;}
*/





	
	
table.form2 {
	width: 100%;
	color: #333;
	line-height: 155%;
}

	table.form2 .required-empty {
		border: 2px solid red;
	}

	table.form2 th,
	table.form2 td {
		text-align: left;
		vertical-align: top;
		padding: 0px 0px 10px 30px;
	}
	
	table.form2 th.delimiter,
	table.form2 td.delimiter {
		height: 10px;
		line-height: 0;
		font-size: 0;
	}

	
	table.form2 th {
		width: 120px;
		padding-bottom: 2px;
		padding-top: 2px;
		background: transparent url("/gfx/red_bullet.gif") no-repeat 10px 3px; 
	}
	
		table.form2 th.title {
			border-bottom: 1px dotted #ccc;
			padding: 10px;
			color: #555;
			background: #eee url("");
		}

		table.form2 th.row {
			padding-top: 10px;
			background-position: 10px 13px;
		}

	table.form2 td {
		width: auto;
	}
	
	
		table.form2 td span {
			display: none;
			color: red;
		}
		
		table.form2 td input {
			width: 200px;
		}
			table.form2 td input.radio {
				width: auto;
			}
		
		table.form2 select {
			width: 300px;
		}
		
		table.form2 textarea {
			/*width: 300px;*/
			height: 70px;
		}
		
		table.form2 input,
		table.form2 select,
		table.form2 textarea {
			margin-right: 5px;
		}