/* http://www/katalog-netbooku.cz/css/general.css */

/* neviditeln� */
.hidden 		{ display: none; }

/* accessibility */
#accessibility 		{ display: none; }
#accessibility h4 	{ display: none; }	/* mk */

/* LINKY */
a 				{ color: #023e69; }
a:visited 		{ color: #023e69; }
a:hover, a:focus, a:active { color: #000000; }
a img 			{ border: none; }

body			{ text-align: center; background: #e4f3fc url("../images/background_body.gif") top center repeat-x; overflow: -moz-scrollbars-vertical; }
#page			{ position: relative; z-index: 0; width: 1010px; margin: 0 auto; padding: 0; text-align: left; display: block; overflow: hidden; background: #ffffff url("../images/background_page.gif") repeat-y; }

/* TOP LOGO */
#top 			{ background:  #ffffff url("../images/background_page_top.jpg") no-repeat; width: 1010px; height: 104px; margin:0 0 73px 0; padding:0; }
#top h1 		{ position: absolute; z-index: 1; margin: 0; padding: 0 0 0 10px; font-size: 20px; }
#top h1 a 		{ display: block; position: absolute; width: 395px; height: 104px; margin: 0; padding: 0; overflow: hidden; }
#top h1 a span  { position: absolute; top: 0; left: 0; z-index: 2; width: 395px; height: 104px; margin: 0; padding: 0; background: url("../images/logo_katalog-netbooku.jpg") no-repeat; }

/* --- search box TOP --- */
#searchbox 				{ display:block; position:absolute; top: 0; left: 405px; margin:0; padding:0; font-size:10px; font-weight:normal; font-family: Verdana; width:585px; height:104px; text-align:left; }
#searchbox form 		{ position: relative; top: 20px; left: 0px; width: 585px; height: 60px; margin: 0; padding: 0; }
#searchbox form .submit { margin: 0; padding: 0; }
#searchbox h3 			{ display: none; }
#searchbox p 			{ margin: 0; padding: 0; height: 60px; line-height: 60px; text-align: right; }
#searchbox .pole 		{ position:relative; top: -20px; border: 0px solid #ffffff; width: 242px; height: 36px; margin: 0; padding: 0 0 0 15px;
						  background: url("../images/background_search_pole.gif") top left no-repeat; }

/* TOP HEADER BOX - blue banner */
#header 		{ width: 990px; height: 293px; margin: 0 10px 0 10px; padding: 0; background: #72c0dd url("../images/background_banner_blue.jpg"); }

#no-one			{ display:block; position:relative; top: 0px; left: 0px; margin:0; padding:0; width:490px; height:290px; text-align:left; float: left;
				  background: url("../repository/Image/img_samle_230x230px.png") no-repeat; }
#no-one	h2 		{ margin: 0; padding: 15px 0 10px 160px; color: #ffffff; font-size: 22px; font-weight: normal; height: 20px; }
#no-one h3 		{ margin: 20px 0 5px 40px; padding: 0; color: #ffffff; font-size: 13px; font-weight: normal; height: 20px; width:70px; float:left; }
#no-one ul 		{ margin: 0; padding: 0; list-style: none; }
#no-one li 		{ margin: 0 0 0 235px; padding: 0 0 0 15px ; color: #ffffff; font-size: 13px; font-weight: bold; line-height: 17px; background: url("../images/odrazka_blue.gif") 0 3px no-repeat; }
#no-one img		{ margin: 0 0 10px 190px; padding: 0; }
#no-one .logo 	{ margin: 10px 0 0 0; padding: 5px 15px 15px 15px; float:right; background: url("../images/img_background_logo.png") no-repeat; }
#no-one .koupe	{ display:block; position:relative; top: 45px; left: 0px; margin:0; padding:0; width:235px; height:65px; text-align:left; float: left; }

.nej			{ display:block; position:relative; top: 0px; left: 5px; margin:0; padding:0; width:490px; height:145px; text-align:left; float: left; font-family: Verdana; }
.nej h2 		{ margin: 0; padding: 10px 0 0 40px; color: #ffffff; font-size: 12px; font-weight: normal; }
.nej h3 		{ margin: 0 0 5px 0; padding: 0; color: #a2d41c; font-size: 15px; font-weight: bold; }
.nej ul 		{ margin: 0; padding: 0; list-style: none; }
.nej li 		{ margin: 0 0 0 180px; padding: 0 0 0 15px ; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 14px; background: url("../images/odrazka_green.gif") 0 3px no-repeat; }
.nej img 		{ margin: 0 20px 0 20px; padding: 17px 23px 17px 23px; float:left; background: url("../images/img_background.png") no-repeat; }
.nej .logo 		{ margin: 25px 20px 0 0; padding: 5px 15px 15px 15px; float:right; background: url("../images/img_background_logo.png") no-repeat; }

/* TOP HEADER BOX - porovnani modelu */
#compare-top	{ width: 990px; margin: 0 10px 0 10px; padding: 0; background: url("../images/background_compare_top.gif"); height: 10px;}
#compare-down	{ width: 1010px; margin: 0; padding: 0; background: url("../images/background_compare_down.gif"); height: 10px;}
#compare 		{ width: 990px; margin: 0 10px 0 10px; padding: 0; background: #ffffff; min-height: 150px; height:auto !important; height: 150px; }
#compare h2 	{ margin: 0; padding: 17px 0 0 110px; font-size: 18px; font-weight: normal; }
#compare h3 	{ margin: 0px; padding: 0 0 0 110px; font-size: 11px; font-weight: normal; }
#compare img	{ margin: 20px 0 0 20px; padding: 0; float:left; }
#compare #text	{ display:block; position:relative; top: 0px; left: 0px; margin:0; padding:0; width:475px; height:140px; float:left; background: url("../images/background_compare_vaha.gif") 30px 10px no-repeat; }
#compare #text img	{ margin: 20px 0 0 0; padding: 0; float:right; }


/* TOP HEADER BOX - recenze */
#recenze 		  { width: 1010px; margin: 0; padding: 0; min-height: 218px; height:auto !important; height: 218px; font-family: Verdana; background: url("../images/background_recenze.gif") repeat-y; }
#recenze h2 	  { margin: 0; padding: 10px 0 0 20px; color: #023e69; font-size: 17px; font-weight: normal; font-family: Tahoma; }
#recenze h3 	  { margin: 0 0 3px 0; padding: 0; color: #023e69; font-size: 15px; font-weight: bold; }

#recenze .aktualni		  { margin:0; padding:0; width:660px; height: auto; text-align:left; float: left; font-family: Verdana; }
#recenze .aktualni .levy  { margin:0 0 0 20px; padding:0; width:190px; float: left;  }
#recenze .aktualni .pravy { margin:0 ; padding:25px 0 0 0; width:170px; float: right;  }
#recenze .aktualni .text  { margin:55px 18px 0 220px; padding:0; }
#recenze .aktualni p	  { margin: 0; padding: 0; font-size: 12px; text-align: left; line-height: 15px; }

#recenze .aktualni #titleImageBorder 	  { display: table-cell; margin: 10px 20px 0 10px; vertical-align: middle; text-align: center; background: url("../images/img_background_big_white.png") no-repeat; width: 175px; height: 175px }
#recenze a 	  			  { margin: 0 10px 0 10px; padding:0; font-size: 11px; font-weight: normal; color: #023e69; text-decoration: none; float: right; }
#recenze a:hover, a:focus, a:active { color: #545454; }
#recenze .aktualni .pravy img	{ margin: 0; padding: 10px 10px 10px 10px; background: url("../images/img_background_graph.png") no-repeat; }

/* TOP HEADER BOX - anketa teplomer */
#recenze .anketa1		 						{ margin:0; padding:0; width:340px; height: auto; text-align:left; float: left; font-family: Verdana; }
#recenze .anketa1 .anketa-red 					{ margin: 10px 0 8px 5px; padding: 0; width: 320px; float: left; }
#recenze .anketa1 .anketa-red .radek 			{ margin: 0; text-align: left; height: 30px; }
#recenze .anketa1 .anketa-red .radek img 		{ margin: 0 10px 0 10px; padding: 0; float: left; }
#recenze .anketa1 .anketa-red .radek span  		{ margin: -30px 0 0 125px; padding: 0; float: right; color: #e7008d; background: url("../images/img_teplomer.gif") top right no-repeat; width: 150px; height:30px ; }
#recenze .anketa1 .anketa-red .radek span img 	{ margin: 0; padding: 14px 18px 0 0 ; float: right; }
#recenze .anketa1 .anketa-red .radek p 			{ margin: 0; padding: 0; line-height: 30px; }
#recenze .anketa1 .anketa-red .radek .cleaner, .cleaner 	{ clear: both; height: 0; overflow: hidden; }
#recenze .anketa1 .anketa-red .radek a			{ color: #023e69; text-decoration: none; float: left; }
#recenze .anketa1 .anketa-red .radek a:hover, a:focus, a:active { color: #545454; }

/* ANKETA hlavni */
#content .anketa		{ margin:0; padding:0; width:320px; height: auto; text-align:left; font-family: Verdana; background: url("../images/background_anketa.gif") repeat-y; }
#content .anketa-top	{ width: 320px; height: 20px; margin: 0; padding: 0; background: url("../images/background_anketa_top.gif"); }
#content .anketa-down	{ width: 320px; height: 20px; margin: 0; padding: 0; background: url("../images/background_anketa_down.gif"); }
#content .anketa h2 	{ margin: 0; padding: 17px 0 0 0px; font-size: 18px; font-weight: normal; text-align: center; }
#content .anketa h3 	{ margin: 0px; padding: 15px 0 10px 35px; font-size: 13px; font-weight: bold; color:#023e69;}
#content .anketa p	 	{ margin: 0px; padding: 0 0 0 35px; width: 260px; height:25px; }
#content .anketa span 	{ position: relative; margin: -10px 10px 0 0; padding: 5px 0 0 0; color: #e7008d; background: url("../images/img_teplomer_white.gif") top right no-repeat; width: 140px; height:25px; float:right; }
#content .anketa span img 	{ margin: 5px 6px 0 0; padding: 0; float:right; }

/* CONTENT */
#content-top	{ width: 1010px; height: 10px; margin: 0; padding: 0; background: url("../images/background_content_top.gif"); }
#content 		{ width: 990px; margin: 0 10px 25px 10px; padding: 0; text-align: left; min-height: 200px; height:auto !important; height: 200px; }
#content h2 	{ margin: 0; padding: 17px 0 0 75px; font-size: 18px; font-weight: normal; }
#content h3 	{ margin: 0px; padding: 0 0 17px 75px; font-size: 11px; font-weight: normal; }
#content h4 	{ margin: 0; padding: 0 0 5px 40px; color: #a2d41c; font-size: 13px; font-weight: bold; text-align: left; font-family: Verdana; }
#content h5 	{ margin: 0; padding: 5px 0 0 60px; color: #a2d41c; font-size: 13px; font-weight: bold; text-align: left; font-family: Verdana; }
#content p		{ margin: 0; padding: 0; font-size: 12px; text-align: left; line-height: 15px; }
#content strong	{ margin: 0; padding: 5px 0 0 0; line-height: 15px; }
#content img	{ margin: 5px 0 5px 0; padding: 0px; float:left; }

/* CONTENT - vypis znacek*/
#content #seznam 				{ margin: 0 0 0 30px; padding: 0; width: 450px; font-family: Verdana; float: left; }
#content #seznam .column		{ width: 150px; float: left; }
#content #seznam .znacka 		{ overflow: auto; margin: 0; text-align: center; }
#content #seznam .znacka img 	{ margin: 0 10px 0 10px; padding: 0; }
#content #seznam .znacka p 		{ margin: 7px 0 0 0; padding: 0; }
#content #seznam .znacka .cleaner { clear: both; height: 0; overflow: hidden; }
#content #seznam .znacka  a		{ color: #023e69; text-decoration: none; }
#content #seznam .znacka  a:hover, a:focus, a:active { color: #545454; }

#content .banner395x222	{ width: 435px; height: 240px; margin: -40px 0 0 0 ; padding: 0; float: right; }
#content .banner		{ width: 960px; min-height: 120px; height:auto !important; height: 120px; margin: auto; padding: 0; text-align: left; clear:both; }
#content .banner .banner395x222	{ width: 435px; height: 240px; margin: 0 ; padding: 0; float: right; }

#content #secondHandShop {  }
#content #secondHandShop .product 		{ display:block; position:relative; top: 0px; left: 0px; margin:0 ; padding:0 0 0 10px; width:185px; height:200px; float: left; text-align: center; font-family: Verdana; }
#content #secondHandShop .product h4 		{ margin: 0; padding: 0; font-size: 12px; font-weight: bold; text-align: center;  line-height: 15px; clear:both; color: #616161; }
#content #secondHandShop .product p		{ margin: 0; padding: 0; font-size: 12px; font-weight: normal; text-align: center; color: #023e69; line-height: 15px; clear:both; }
#content #secondHandShop .product img 	{ margin: 0 20px 0 20px; padding: 17px 23px 17px 23px; background: url("../images/img_background.png") no-repeat; }
#content #secondHandShop .product a img	{ width: 100px; height: 41px; margin: 10px 0 0 40px; padding: 0; background: transparent; }
#content #secondHandShop .divider 		{ display:block; position:relative; top: 0; left: 0; margin:12px 0 0 0; padding: 0; width:1px; height:126px; float: left; background: #b2b2b2; }

#content .advice 		{ display:block; position:relative; top: 0px; left: 0px; margin:0 ; padding:0; width:350px; float: left; font-family: Verdana; min-height: 200px; height:auto !important; height: 200px; }
#content .advice ul		{ margin: 0; padding: 0; list-style: none; }
#content .advice li 	{ margin: 0 0 5px 50px; padding: 0 5px 0 25px ; font-weight: normal; line-height: 14px; background: url("../images/odrazka_green.gif") 0 3px no-repeat; }
#content .advice span 	{ margin: 15px 10px 0 0; padding: 0;  float: right; }

#content .odkazy { font-family:Verdana; }
#content .odkazy > h2 { margin-bottom: 25px; }
#content .odkazy p		{ margin: 0; padding: 0 0 0 60px; font-size: 12px; text-align: left; }
#content .odkazy strong  { margin: 0; padding: 0; font-size: 10px; }

#content .aktuality		{ display:block; position:relative; top:0px; left:0px; margin:0 0 20px 0; padding:0; width:310px; float:left; font-family:Verdana; min-height:360px; height:auto !important; height:360px; }
#content .aktuality-levy	{ display:block; position:relative; top: 0px; left: 0px; margin:0 ; padding:0; width:310px; float: left;  font-family: Verdana; }
#content .aktuality-pravy	{ display:block; position:relative; top: 0px; left: 0px; margin:0 ; padding:0; width:320px; float: right; font-family: Verdana; }

#content .aktuality p		{ margin: 0; padding: 0 0 0 60px; font-size: 12px; text-align: left; }
#content .aktuality strong  { margin: 0; padding: 0; font-size: 10px; }
#content .aktuality h5 span a {
	color: #A2D41C;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: normal;
    height: 10px;
    margin: 0;
    padding: 0;
    position: relative;
    right: 15px;
    text-decoration: none;
    top: 15px;
}
#content .aktuality h5 span a:hover, a:focus, a:active { color: #545454; }

#content #texty h2		{ margin: 0; padding: 15px 20px 5px 20px; font-size: 14px; text-align: left; font-weight: bold; color: #023e69; font-family: Verdana; }
#content #texty p		{ margin: 0; padding: 0 20px 5px 20px; font-size: 12px; text-align: left; font-family: Verdana; }

div.content-end { clear: both; margin : 0; padding : 0; }


/* FOOTER */
#footer 				{ width: 1010px; height: 236px; margin: 0; padding: 0; text-align: left; color: #ffffff; font-size: 12px; font-family: Tahoma;
						  clear: both; background: #72c0dd url("../images/background_footer_content.gif"); }
#footer-top				{ width: 1010px; height: 10px; margin: 0; padding: 0; background: url("../images/background_footer_top.gif"); }
#footer-down			{ width: 1010px; height: 48px; margin: 0; padding: 0; background: url("../images/background_footer_down.gif"); }
#footer #info			{ display:block; position:relative; top: 17px; left: 40px; margin:0; padding:0; width:160px; height:145px; text-align:left; float: left; }
#footer #keys			{ display:block; position:relative; top: 17px; left: 90px; margin:0; padding:0; width:310px; height:145px; text-align:left; float: left; }
#footer #links			{ display:block; position:relative; top: 17px; left: 150px; margin:0; padding:0; width:360px; height:145px; text-align:left; float: left; }
#footer #links ul		{ margin: 0; padding: 0; list-style-type: none; }
#footer #links ul li	{ display: block; width:155px; float: left; margin-right: 2em; }

#footer p 				{ margin: 0;  padding: 0; line-height: 15px; }
#footer p.title 		{ margin-bottom: 1em; font-weight: bold; }
#copyright 				{ display:block; position:relative; top: 45px; left: 30px; margin:0; padding:0; width:500px; height:20px; text-align:left; float: left; clear: both; }
#webdesign 				{ display:block; position:relative; top: 45px; right: 30px; margin:0; padding:0; width:300px; height:20px; text-align:right; float: right;  text-decoration: none;}
#footer #webdesign a	{ text-decoration: none; }

#footer a 				{ color: #ffffff; text-decoration: underline; }
#footer a:hover			{ color: #95a5b1; text-decoration: underline; }

/* TOP MENU */
#menu 					{ position: absolute; top: 104px; left: 10px; z-index: 1; margin: 0; padding: 0; font-size: 14px; width: 990px; height: 75px; background: #ffffff }
#menu h3 				{ display: none; }
#menu ul 				{ margin: 0; padding: 0; list-style-type: none; }
#menu li 				{ display: inline; }
#menu li a 				{ height: 75px; line-height: 75px; margin: 0; padding: 0; color: #ffffff; text-align: center; vertical-align: middle; float: left; text-decoration: none; font-weight:bold; }

#menu li.active a, #menu li a:hover, #menu li a:focus, #menu li a:active { height: 75px; color: #f4d9cc; }
#menu li a#menu-item-1       { width: 198px; background: url("../images/menu_1.gif") top no-repeat }
#menu li a:hover#menu-item-1 { width: 198px; background: url("../images/menu_1.gif") bottom no-repeat }
#menu li a#menu-item-2       { width: 198px; background: url("../images/menu_2.gif") top no-repeat }
#menu li a:hover#menu-item-2 { width: 198px; background: url("../images/menu_2.gif") bottom no-repeat }
#menu li a#menu-item-3       { width: 198px; background: url("../images/menu_3.gif") top no-repeat }
#menu li a:hover#menu-item-3 { width: 198px; background: url("../images/menu_3.gif") bottom no-repeat }
#menu li a#menu-item-4       { width: 198px; background: url("../images/menu_4.gif") top no-repeat }
#menu li a:hover#menu-item-4 { width: 198px; background: url("../images/menu_4.gif") bottom no-repeat }
#menu li a#menu-item-5       { width: 198px; background: url("../images/menu_5.gif") top no-repeat }
#menu li a:hover#menu-item-5 { width: 198px; background: url("../images/menu_5.gif") bottom no-repeat }
#menu li a span { display: none; }

/* TOP PODMENU */
#podmenu 		{ position:absolute; top: 179px; left: 10px; margin: 0; padding: 0 0 0 10px; font-size:11px; font-weight:normal; font-family: Verdana; width: 980px; height: 28px;
				  background: #eeeeee url("../images/background_podmenu.gif") no-repeat; }
#podmenu h3 	{ display: none; }
#podmenu ul 	{ margin: 0; padding: 0; list-style-type: none; }
#podmenu li 	{ display: inline; height: 28px; line-height: 28px; margin: 0; padding: 0; color: #3a3a3a; vertical-align: middle; text-decoration: none; }
#podmenu li a 	{ margin: 0; padding: 0 5px 0 5px; color: #3a3a3a; text-align: center; text-decoration: none; }
#podmenu li.active a, #podmenu li a:hover, #podmenu li a:focus, #podmenu li a:active { height: 28px; color: #c65f26; }

body #contentWrapper {
	padding: 25px;
}

body#mainPage #contentWrapper {
	padding: 0;
}

body#products #contentWrapper ul.folders {
	list-style: none;
}

body#mainPage .newest {
	margin: 5px 0 3px 5px;
}

body#products #contentWrapper ul.folders li a {
	background: url("../images/img_slozka.gif") left center no-repeat;
	padding-left: 40px;
	line-height: 25px;
}
body#products #contentWrapper ul.folders li, body#mainPage ul.folders {
	padding: 0;
}

body#products #contentWrapper ul.folders ul, body#mainPage ul.folders {
	list-style: none;
}

body#products #contentWrapper ul.folders ul li a, body#mainPage ul.folders li {
	background: url("../images/img_slozka-red.png") left center no-repeat;
	padding-left: 40px;
}
body#mainPage ul.folders li {
	margin: 0 10px;
	line-height: 20px;
	cursor: pointer;
}

body#mainPage ul.folders li.current {
	font-weight: bolder;
	cursor: auto;
}

body#mainPage ul.folders li.pane {
	display: none;
	height: auto;
	width: 280px;
	background: none;
	cursor: auto;
}
body#mainPage ul.folders .pane img {
	float: left;
	margin: 5px 5px 5px 0;
}

body#mainPage ul.folders .active.pane {
	display: block;
}

body#products #contentWrapper h2 {
	margin: 10px 0;
}

.tooltip {
    display:none;
    background: #fcfcff;
    padding:10px 20px;
    width:400px;
    font-size:11px;
	border: 1px dotted #555;
	position: relative;
}
.tooltip h3 {
	margin-bottom: 10px;
}

.tooltip img {
	float: left;
	margin: 5px 10px 5px 0;
}

.tooltip .tooltip-arrow {
	width: 16px;
	height: 27px;
	position: absolute;
	left: -15px;
	background: url("../images/tooltip-arrow.png") no-repeat;
	top: 50%;
	margin-top: -14px;
}

product-detail-content {
	float: left;
	width: 620px;
	padding-right: 20px;
}
product-detail-params {
	width: 320px;
	float: right;
	padding-top: 0;

}

.gallery {
	margin: 0 30px 10px 0;
	float: left;
}

.gallery a {
	text-decoration: none;
}

.gallery #imagesBlock {
	width: 303px;
	position: relative;
}

.galerie {
	position: relative;
}
#rightButton, #leftButton {
	width: 15px;
	height: 20px;
	background: url("../images/arrows.png");
	position: absolute;
	bottom: 30px;
	cursor: pointer;
}

#rightButton {
	right: -10px;
	background-position: right center;
}

#leftButton {
	left: -15px;
	background-position: left center;
}

.parametry table {
	float: left;
	width: 320px;
}

.parametry table th {
	width: 200px;
}

.parametry table tr th {
	border-width: 0 1px 1px 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 10px 2px 3px 2px;
}

.parametry table tbody.paramsVals {
	margion-bottom: 20px;
	border: 1px solid #ccc;
}

.titleImage {
	margin: 10px 10px 10px 0;
}

.leftColumn {
	float: left;
	width: 470px;
}
.rightColumn {
	float: right;
	width: 470px;
}

#content .aktuality-levy .more-news, #content .aktuality-pravy .more {
	text-align: right;
}

.aktuality-levy .more-news a, .aktuality-pravy .more a {
	color: #A2D41C;
    font-size: 10px;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 0;
}

#content .anketa .bar {
	position: absolute;
	height: 5px;
	right:10px;
	top: 5px;
	background: #000;
}