body {
	background:url(../img/background.jpg) no-repeat center top;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#d7e6fd;
	position:relative;
}

img{
	border:none;
}

p{
	margin:0;
	padding:5px 0px;
	color:#424242;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3;
	text-align:justify;
}

p a {
	color:#2f70c0;
	text-decoration:underline;
}
b {
	font-weight:bold;
	color:#2f70c0;
}

h1{
	height:auto;
	width:auto;
	font-size:22px;
	font-family: Arial;
	color:#626262;
	font-weight:normal;
	font-style:normal;
	line-height:1;
	margin:0;
	padding-bottom:10px;
	float:left;
}

h2{
	height:auto;
	width:auto;
	font-size:18px;
	font-family: Arial;
	color:#626262;
	font-weight:normal;
	font-style:normal;
	line-height:1;
	margin:0;
	padding-bottom:10px;
	float:left;
}

h3{
	height:auto;
	width:auto;
	font-size:17px;
	font-family: Arial;
	color:#626262;
	font-weight:normal;
	font-style:normal;
	line-height:1.2;
	margin:0;
	padding-bottom:10px;
	float:left;
}

h4 {
	height:auto;
	width:auto;
	font-size:15px;
	font-family: Arial;
	color:#bc1c1c;
	font-weight:bold;
	font-style:normal;
	line-height:1.1;
	margin:10px;
	padding:0;
	float:left;
}

.line{
	display: block;
	height: 1px;
	width:auto;
	clear: both;
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	padding-bottom:5px;
	margin:0;
}

.icon1 {
	background-image:url(../img/ico1.jpg);
	background-repeat:no-repeat;
	width:18px;
	height:19px;
	display:block;
	float:left;
	margin-top:3px;
	padding-right:7px;
}

.icon2 {
	background-image:url(../img/ico2.jpg);
	background-repeat:no-repeat;
	width:18px;
	height:19px;
	display:block;
	float:left;
	margin-top:3px;
	padding-right:7px;
}

.space {
	display:block;
	height:10px;
	width:100%;
}

.clear:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clear {
	height: 1%;
}

.clear {
	display: block;
}

#footer-bg { background:url(../img/bg-footer-x.jpg) repeat-x;}

/* mobilnitelefony */

#notebooky {
	width:1022px;
	height:auto;
	margin:0 auto;
}

/* header */

#notebooky #header{
	width:1022px;
	height:434px;
	background:url(../img/head.jpg) no-repeat;
	margin:0;
	padding:0;
}

#notebooky #header #title{
	width:auto;
	height:auto;
	margin:0px 17px;
	padding:0;
	float:left;
	color:#bc1c1c;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2;
}

#notebooky #header #mail a{
	color:#818181;
	text-decoration:underline;
}

#notebooky #header #mail a:hover{
	color:#b2b2b2;
}

/* content */

#notebooky #background{
	width:1022px;
	height:auto;
	background:url(../img/bg-content-y.jpg) repeat-y;
	margin:0;
	padding:0;
}

#notebooky #background-top{
	width:1022px;
	height:auto;
	background:url(../img/bg-content.jpg) no-repeat;
	margin:0;
	padding:0;
}

#notebooky #content{
	width:956px;
	height:auto;
	background:none;
	margin:0;
	padding:20px 32px 10px 32px;
}

/* left content */

#notebooky #content #left-content{
	width:700px;
	height:auto;
	background:none;
	margin:0;
	padding:0;
	float:left;
}

#notebooky #content #left-content #kompletni-nabidka{
	width:auto;
	margin:10px 12px;
	padding:0;
	float:right;
	color:#2f70c0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	text-decoration:none;
}

#notebooky #content #left-content #kompletni-nabidka a{
	margin:0;
	padding:0;
	color:#2f70c0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:normal;
	text-decoration:none;
}

#notebooky #content #left-content #kompletni-nabidka a:hover{
	color:#2f70c0;
	text-decoration:underline;
}

/* box */

#notebooky #content #left-content .box{
	width:222px;
	height:274px;
	background:none;
	margin:5px;
	padding:0;
	float:left;
}

#notebooky #content #left-content .box .top{
	width:222px;
	height:52px;
	background:url(../img/box-bg-top.jpg) no-repeat;
	margin:0;
	padding:0;
}

#notebooky #content #left-content .box .top a {
	height:auto;
	width:auto;
	font-size:15px;
	font-family: Arial;
	color:#2f70c0;
	font-weight:bold;
	font-style:normal;
	line-height:1.1;
	margin:10px;
	padding:0;
	float:left;
	text-decoration:none;
}

#notebooky #content #left-content .box .top a:hover {
	color:#3887e9;
	text-decoration:none;
}

#notebooky #content #left-content .box .content{
	width:222px;
	height:222px;
	background:url(../img/box-bg.jpg) no-repeat;
	margin:0;
	padding:0;
}

#notebooky #content #left-content .box .content .img{
	width:150px;
	height:150px;
	background:none;
	margin-left:36px;
	padding-top:13px;
}

#notebooky #content #left-content .box .content .button {
	width:207px;
	height:38px;
	background:none;
	margin-left:7px;
	margin-top:11px;
	padding:0;
}

#notebooky #content #left-content .box .content .button a{
	display:block;
	width:207px;
	height:38px;
	background:url(../img/box-tl.jpg) no-repeat;
	margin-left:0;
	margin-top:0;
	padding:0;
	color:#eff9ff;
	font-size:14px;
	line-height:2.2;
	text-decoration:none;
	text-align:center;
}

#notebooky #content #left-content .box .content .button a:hover {
	background-position:100% -38px;
	position:relative;
	text-decoration:underline;
	color:#fff;
}

/* right content */

#notebooky #content #right-content{
	width:213px;
	height:auto;
	background:none;
	margin:0;
	padding:0;
	float:right;
}

#notebooky #content #right-content p{
	margin:0;
	padding:5px 0px;
	color:#7a7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3;
}

#notebooky #content #right-content a{
	margin:0;
	padding:0;
	color:#7a7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3;
	text-decoration:underline;
}

#notebooky #content #right-content a:hover{
	color:#3887e9;
}

#heurekaIframeHeader{
	float:left;
	width:120px;
	text-align:left;
}

#vyhledavani{
	width:160px;
	float:right;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:10px;
}

#banner{
	width:120px;
	float:right;
	margin-right:48px;
} 
 /* ------------ menu------------ */
#notebooky #content #right-content #menu{
	width:auto;
  float:right;
  /*	margin-right:25px */
	   
	margin-bottom:10px 
}
#notebooky #content #right-content #menu ul{
	width:193px;
	background:none;
	margin-left:20px;
	padding:0;
	list-style:url(../img/ico2.jpg);
	position:relative;
	text-align:left;
	margin-top:0;
}

#notebooky #content #right-content #menu ul li{
	font-size:20px;
	color:#7a7a7a;
	margin:0;
	padding:0;
	font-family: Arial;
	font-style:normal;
	text-decoration:none;
	line-height:1.5;
}

#notebooky #content #right-content #menu ul li a{
	color:#7a7a7a;
	text-decoration:none;
}

#notebooky #content #right-content #menu ul li a:hover{
	color:#3887e9;
}    
/* ------------ ul, li ------------ */

#notebooky #content #right-content ul{
	width:193px;
	background:none;
	margin-left:20px;
	padding:0;
	list-style:url(../img/li.jpg);
	position:relative;
	text-align:left;
	margin-top:0;
}

#notebooky #content #right-content ul li{
	font-size:14px;
	color:#7a7a7a;
	margin:0;
	padding:0;
	font-family: Arial;
	font-style:normal;
	text-decoration:none;
	line-height:1.5;
}

#notebooky #content #right-content ul li a{
	color:#7a7a7a;
	text-decoration:underline;
}

#notebooky #content #right-content ul li a:hover{
	color:#3887e9;
}


/* footer */
#footer {
  	margin:0px auto;
	text-align:left;
	width:1022px;
	height:52px;	
}

#bck-footer {
	 margin:0px auto;
	 text-align:center;
	 width:1022px;
	 height:52px;
	 background:url(../img/bg-footer.jpg) no-repeat;
}

#text-footer {
	margin:0px auto;
	text-align:center;
	width:1022px;
	position:relative;
	color:#f0f6ff;
	font-size:12px;
}

#footer #firma {
	position:absolute;
	left:8px;
	font-size:10px;
	bottom:3px;
	color:#f0f6ff;
}

#footer #made {
	position:absolute;
	left:719px;
	bottom:11px;
	color:#f0f6ff;
	font-size:12px;
}

#footer #aff {
	position:absolute;
	left:12px;
	bottom:11px;
	color:#f0f6ff;
	font-size:12px;
}

#footer #aff a{
	color:#f0f6ff;
}

#footer #aff a:hover{
	color:#fff;
}


/* END footer */