@charset "utf-8";
/* CSS Document */


#attention { position:absolute; top:-65px;; left:0; color:#FF0000; font-size:0.9em; background-color:#FFFFFF;}

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* 
{
margin: 0px;
padding: 0px;
}

body {
	background: #AAE0FE url('../images/back_all.gif') repeat-x;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	color: #A4E4F5;
	margin-top: 40px;
	margin-bottom: 20px;
}

input, textarea {
	background: #A4E4F5;
	border: 1px solid #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #0F5B96;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
	font-weight: normal;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

p, ol, ul {
	margin-bottom: 1.5em;
	line-height: 150%;
}

a {
	color: #1D74A6;
}

a:hover {
	text-decoration: none;
	color: #1D74A6;
}



hr {
	display: none;
}

.cleaner{ clear:both; width:100%; height:1px; margin:0; padding:0; }

#main
{
width: 904px;
margin: 0 auto;
border: 10px solid #ffffff;
position:relative;}

/* Header */

#head {
	height: 424px;
	width: 904px;
}
#search { width: 854px; height: 20px; margin: 0 auto; }
#search form .formDiv{ float:right; width:300px;}
#logo {
width: 904px;
height: 375px;
background: url('../images/header.jpg') repeat-x;
}

#logo h1, #logo p {
	margin: 0;
	line-height: normal;
}

#logo h1 {
	padding: 27px 0 0 20px;
	font-size: 2em;
	color: #000000;
}
#logo h2 {
	padding: 10px 0 0 20px;
	font-size: 0.9em;
	color: #333;
	width: 400px;
}

#logo a {
	text-decoration: none;
	color: #62D6F5;
}

#menu {
height: 49px;
padding-left: 0;
background: url('../images/menu.gif') no-repeat;
position:absolute; 
top:375px; left:0; 
width: 904px;  }

#menu h5 { display: none;}
#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a, #menu .selected {
	float: left;
	width: 180px;
	height: 35px;
	margin: 0 0 0 2px;
	padding: 14px 0 0 0;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}
#menu a.new { background-color:#CC3300 !important; color:#fff !important;}

#menu a:hover, #menu .selected {
	background: url('../images/menu_r.gif') repeat-x;
}

/* Page */

#page {
	width: 904px;
	background-color: #ffffff;
	margin: 0 auto;
}

/* Content */

#content {
	float: left;
	width: 904px;
	margin-left: 0;
}

#content .post ul, #content .post ol
{
margin-left: 0;
}

.post {
	margin-bottom: 15px;
	background: #AAE0FE;
	padding: 10px;
	color: #0A416B;
}

.post a {
	color: #1D74A6;
}

.post a:hover {
	color: #FFFFFF;
}


#right-column {width: 660px; float:right;}
#index #right-column {}

#novinky {position:relative;}
#novinky h2 { font-size: 1.2em; font-weight: bold;}
#novinky span { font-size: 0.8em; color: #666;}
#novinky p { font-size: 0.8em;}
#novinky .clanek { height: 100px; width: 200px; float: left; background:#fff; padding: 5px; border: 1px solid #AAE0FE}

#left-column { background-color: #fff;
	float: left;
	width: 216px;
	margin-top: 10px;
	color: #0D699B;
	z-index: -1;
}

#left-column ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}


#left-column li {
	padding: 3px 0 3px 20px;
}

#left-column a {
	text-decoration: none;
	color: #0D699B;
	font-size: 11px;
}
#left-column a:hover {
	color: #0D699B;
	text-decoration: underline;
}

#left-column h2 {
	padding-top: 10px;
	color: #FFFFFF;
	background: url('../images/title.gif') no-repeat;
	height: 34px;
	padding-left: 20px;
}

#left-column p {
	padding: 10px 0 0 20px;
	font-size: 0.9em;
}


/* Left Sidebar */

#left-column {
}

#left-column h2{ font-size: 1.2em; font-weight: bold;}

#left-column .back
{
background: url('../images/box_back.gif') repeat-y;
padding: 10px;
}

#left-column .bottom
{
background: url('../images/box_bottom.gif') no-repeat;
height: 3px;
width: 216px;
margin-bottom: 10px;
}

/* Footer */

#footer {
	clear: both;
	padding-top: 20px;
	height: 62px;
	background: url('../images/footer.gif') repeat-x;
}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #0F5B96;
}

#footer a {
	color: #0F5B96;
}


#content #right-column h3 { font-size: 1.4em; margin-bottom: 20px;}
#content dl.parametry { border-top: 1px solid #DDDDDD; }
#content dl.parametry dt { width: 222px; height: 27px; padding: 4px 0 0 3px; border-bottom: 1px solid #DDDDDD; font-weight: bold; float: left; background-color:#0099FF; color:#fff } #content dl.parametry>dt { height: 22px; }
#content dl.parametry dd { height: 27px; padding: 4px 0 0 230px; border-bottom: 1px solid #DDDDDD; } #content dl.parametry>dd { height: 22px; }

/* products comparison */
#productsComparison {
	width: 2000%;
	overflow:auto;
}
#productsComparison .productColumn { width: 180px; float:left; border: 1px solid #000; font-size:0.8em}
#productsComparison .productComparisonDetail { width: 180px; height: 60px; background-color:#CCCCCC; overflow:hidden;}
#productsComparison .productComparisonDetail h2 { font-size: 1.2em; font-weight: bold; width: 180px; height: 150px; background-color:#CCCCCC; overflow:hidden;}
#productsComparison .productColumn span { display: block; width: 180px; height:20px; overflow:hidden; border:1px dotted #000;}

/* even and odd rows */
	.row_odd 		{ background-color:#e2eeff;} 
	.row_even 		{ background-color:#fff;}
	
	.param_row_odd 	{ background-color:#0099FF;} 
	.param_row_even { background-color:#ccc;}

.f-right { float:right;width:100px;}
.f-left { float: left; width: 100px;}

.heureka { float:right; background: #fff;}
.whiteBox { background: #fff;}

.heurekaframe { margin: 0 0 0 -50px; z-index: 10000;}