@charset "utf-8";
/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(../images/back.jpg) top center no-repeat;
	color: #000000;
	text-align: center;
}
/*-- [ 2. Tags ] -----------------------------------------------*/
a {color:#333;}
img {border:none; text-decoration:none;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
.align-center { text-align:center;}
.align-right { text-align:right;}

.contHolder {margin:auto; text-align:left; width:990px; position:relative;}
.path {color:#006633; position:absolute; top:-30px; left:50px;}
.path a {color:#006633;}
.path a:hover {color: #003311;}
/*-- [ 5. Header ] -----------------------------------------------*/
#header {height:220px;}
#header #mainMenu {color:#649601; padding-top:8px; margin-left:310px; line-height:150%;}
#header #mainMenu a {color:#99cc33; background-color:#003300; font-size:13px; text-decoration:none;}
#header #mainMenu a:hover {color:#fff; text-decoration:underline;}
#header #mainMenu a.selected {color:#ddff55; text-decoration:none;}

#header #logotype { position:absolute; top:0px; left:30px; width:255px; height:104px;}
#header #logotype span { display:none;} 

/*-- [ 7. Content ] -----------------------------------------------*/
#content {
	background:url(../images/bottom-main.jpg) bottom center no-repeat; 
	padding:40px 0 75px;
	min-height:250px;
	line-height:150%;
	color:#006633; 
}
#content.uvod {padding:0;}

/* heading, anchor and paragraph margins*/
#content h1 {color:#bb0000; margin:0.5em 0; font-size:190%; font-weight:normal; line-height:1.1em;}
#content h2 {color:#cc6600; font-size:115%; font-weight:normal;} 
#content h3 {font-size:100%;}
#content h2, #content h3 {margin: 1.2em 0 0.3em;} 
#content ul {margin:0 0 1em 20px;}
#content ul li{margin:0 0 3px 0;}
#content ol {margin:0 0 1em 20px;}
#content ol li{margin:0 0 3px 0;}
#content p {margin-bottom: 0.5em;} 
#content a:hover {color:#cc6600;}
/*-- [ 6. twoCol ] -----------------------------------------------*/
#content.twoCol #sidebar {
	float: left; 
	width: 290px;
	overflow: hidden;	 
}
#content.twoCol #sidebar.marginTop {margin-top:35px;}
#content.twoCol #mainContent {
	float:right;
	width:660px;
	margin-right:20px;
}
#content.twoCol #mainContent.kontakty {
	width:630px;
} 
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	color:#003300;
	background:url(../images/bottom-foot.jpg) top center no-repeat;
}
#footer a {color:#003300; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:underline;}
#footer .topLine {height:40px; line-height:40px; vertical-align:middle; margin:0 20px;}
#footer .bottomLine {height:30px; line-height:31px; vertical-align:middle; font-size:85%; margin:0 20px;}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer .foot-r img{margin-top:7px;}
#footer .foot-menu { text-align:center;}
 
/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#error {
	margin-right:20px;
	margin-left:300px;
} 
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; margin-right:100px; border:1px dashed #ccc; color:#666;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=reset] {color:#444;}
/*UVOD*/
#uvod {position:relative; height:570px; width:990px;}
#uvod .img {position:absolute; left:360px;}
#uvod .uvod-cont {position:absolute; top:25px; left:20px;}
#uvod .uvod-cont h1, #uvod .uvod-cont h2 {display:none; color:#fefefe;}
#uvod .uvod-cont p {color:#005511; line-height:1.7em; width:300px; margin-top:25px; margin-left:20px; font-size:90%;}
/*O-KRISTALONU*/
.pecet-kvality  {color:#330066; width:220px; margin-left:60px; margin-bottom:30px;}
#content .pecet-kvality h2  {color:#330066; font-size:100%; font-weight:bold; margin-top:0;}
#content .pecet-kvality p  {font-size:90%;}
/*PRODUKTY*/
#produkty h1 { margin-bottom:1em;}
#produkty .item {
	float:left;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:12px;
	width:235px; height:245px; 
	background:#ccc url(../images/produkty-item.jpg) top left no-repeat;
}
#produkty .item:hover h2 {color: #FFFF44;}
#produkty .item h2 {margin:0; font-size:14px; color:#ffffcc; font-family:Arial; height:37px; line-height:33px; padding:0 2px 0 8px;}

#produkty .item a {display:block; text-align:center;}


/*MEDIA*/
ul.kristalon-v-mediich li span {color:#666; font-size:80%;}


/*novinky*/

#content .itemNews {
	float:left;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:12px;
	width:235px; height:245px; 
	background:#ccc url(../images/produkty-item.jpg) top left no-repeat;
}
#content .itemNews:hover h2 {color: #FFFF44;}
#content .itemNews h2 {margin:0; font-size:14px; color:#ffffcc; font-family:Arial; height:37px; line-height:33px; padding:0 2px 0 8px;}
#content .itemNews a {display:block; text-align:center;}


#content .itemSpecial h2,
#produkty .itemSpecial h2 {
	background:#009900 url(../images/produkty-item-label2.jpg) 0 0 no-repeat;
	line-height:18px;
	height:37px;
	padding:5px 2px 8px 8px;
}


#content .itemNewsText {
	border:1px solid #ddd;
	padding:0px 22px 12px;
	
}

/** PRODEJNI MISTA **/
/* buttons */
#mapaKristalon {float:left; margin-right:15px;}
#mapBtnHolder {float:left; padding-top:10px;}

#mapBtnHolder .mapBtn {
	border: 1px solid #ddd;
	background-color:#fff;
	padding:3px 3px 3px 3px;
	font-size:12px;	
	height:15px;
	vertical-align:middle;
	cursor:pointer;
	margin:0 0 4px;
	width:15px;
	border-radius:12px;
	-moz-border-radius:12x;	
}
#mapBtnHolder .mapBtn:hover {border-color:#6c9d06; background:#edf5d5;}
#mapBtnHolder .mapBtnOpen {
	border:1px solid #6c9d06; 
	background:#edf5d5;
	font-weight:bold;
}
#mapBtnHolder .mapBtn .color {
	float:left;
	width:13px; height:13px;
	overflow:hidden;
	background:#ddd;
	border-radius:7px;
	-moz-border-radius:7px;
	border:1px solid #ccc;
}
#mapBtnHolder .mapBtn1 .color {background-color:#F6C889; border-color:#F5B76E;}
#mapBtnHolder .mapBtn2 .color {background-color:#95D8E7; border-color:#70C8DC;}
#mapBtnHolder .mapBtn3 .color {background-color:#ED6F37; border-color:#DA5D27;}
#mapBtnHolder .mapBtn4 .color {background-color:#DEDF85; border-color:#D2D367;}
#mapBtnHolder .mapBtn5 .color {background-color:#D7C4AF; border-color:#C7AD91;}
#mapBtnHolder .mapBtn6 .color {background-color:#A5ABA1; border-color:#8E948A;}
#mapBtnHolder .mapBtn7 .color {background-color:#ADC37D; border-color:#98AD67;}

#mapBtnHolder .mapBtn .text {
	text-decoration:none;
	color:#360;
	display:block;
	margin-left:22px;
}

#mapDataHolder {font-size:85%; margin-top:15px;}
#mapDataHolder table {width:100%; border-collapse:collapse; background:#fff;}
#mapDataHolder table td,
#mapDataHolder table th {padding:3px 6px; line-height:120%; border:1px solid #ddd; text-align:left;}
#mapDataHolder table thead th {background:#a8cc2e; border:1px solid #6c9d06;  padding:5px 6px;}
#mapDataHolder td.info {padding:15px 0 16px; text-align:center; color:#555;}
#mapDataHolder .psc {width:45px;}