body {
	background-image: url("prouzek2.gif");
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Times new roman;
}

h1 {
	font-weight: normal;
	font-size: 15px;
	font-family: Segoe, Arial, Verdana;
	color: #ffffff;
	padding: 0px;
}

.modra{ color: #3b5fab;}

.red { color: #de0000;}
.blue { color: #3b5fab;}

h2 {
	font-weight: normal;
	font-size: 15px;
	font-family: Segoe, Arial, Verdana;
	color: #3b5fab;
	padding_top: 5px;
	margin: 10px 0px;
}

.asus {
	top: 0px;
	left: 0px;
	height: 35px;
	width: 960px;
	margin: 0;
	cursor: pointer;
	z-index: 5;
	display: block;
	float: left;
}

.asus a {
	display: block;
	width: 400px;
	height: 49px;
	padding: 0;
	background: url(img/LOGO_megacomp.png) 0 0 no-repeat;
	text-decoration: none;
	z-index: 5;
}

.asus_old a:hover {
	background-position: 0 -47px;
	z-index: 5;
}

.asus_old a:active {
	background-position: 0 -47px;
	z-index: 5;
}


#pic_box {
	width: 860px; 
	height: 446px; 
	position:  relative; 
	padding: 30px 50px 0px 20px;  
	float: none;
	background: url(pozadi_old.jpg) 0 0 no-repeat; 
	color: #ffffff; 
	margin: 25px 0px 5px 0px
	border: 1px solid #303030;

}

#pic_box2 {
	width: 930px; 
	height: 480px; 
	position: relative; 
	padding: 0px; 
	background: url(pozadi.jpg) 0 0 no-repeat; 
	color: #ffffff; 
	margin: 40px 0px 5px 0px
	background-color: #f63030; 
}

#pic_box3 {
	width: 858px; 
	position: relative; 
	font: normal 10px Arial;
	float: right;
}

#nadpis { color: #3b5fab; font: normal 15px Arial;	margin: 10px 0px 0px 0px;}
#nadpis2 { color: #3b5fab; font: normal 15px Arial;	margin: 10px 0px 0px 237px;}


#inbox {
	width: 550px; 
	position: relative; 
	padding: 0px 0px 0px 13px;  
	font: normal 10px Arial;
	float: left;
}

#inbox2 {
	width: 400px; 
	position: relative; 
	padding: 0px 0px 0px 13px;  
	font: normal 10px Arial;
	float: left;
}

#inbox5 {
	width: 550px; 
	position: relative; 
	padding: 0px 0px 0px 13px;  
	font: normal 10px Arial;
	float: left;
}

#pdf a{color: #ffffff; font-size: 10px; text-decoration: none; }
#pdf a:hover{color: #3b5fab; }

#inbox3 {
	width: 380px; 
	position: relative; 
	padding: 0px 0px 0px 250px;  
	font: normal 10px Arial;
	float: left;
}

#inbox4 {
	width: 400px; 
	position: relative; 
	padding: 0px 0px 0px 13px;  
	font: normal 10px Arial;
	float: left;
}

.odsazeni {padding-left: 310px;}
.odsazeni_ie {padding-left: 293px;}

.uvod {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: none center left no-repeat; 
	background-color: #ffffff;
	color: #ffffff;
	font-size: 15 px;
}

.odkaz{ border: 1px solid #222222; padding: 1px 4px; color: #222222; font-size: 10 px; text-decoration:none;}
.odkaz:hover{ background-color: #3b5fab; color: #e2e2e2; font-size: 10 px;}

.odkaz2{ color: #424242; font-size: 10 px; text-decoration:none; }
.odkaz2:hover{ color: #3b5fab; font-size: 10 px;}

.kontakt2 {
	height: 410px; 
	padding: 30px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(zluty_5.jpg) top left no-repeat; 
	background-color: #ffffff; 
	color: #e0e0e0;
}

.kontakt {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(lidi.jpg) top right no-repeat; 
	background-color: #ffffff;
	color: #020220; 
}

.modry {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(pozadi_blue.jpg) top right repeat-x; 
	background-color: #ffffff;
	color: #ffffff;
}

.profil {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(cylon.jpg) top left no-repeat; 
	background-color: #000000; 
	color: #e0e0e0;
}

.lynx {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(red.jpg) bottom right no-repeat; 
	background-color: #000000; 
	color: #e0e0e0;
}

.lynx2 {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(red_.jpg) bottom right no-repeat; 
	background-color: #000000; 
	color: #020202;
}

.lynx3 {
	height: 410px; 
	padding: 30px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(red_2.jpg) bottom right no-repeat; 
	background-color: #000000; 
	color: #e0e0e0;
}

.lynx4 {
	height: 410px; 
	padding: 30px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(red_3.jpg) bottom right no-repeat; 
	background-color: #000000; 
	color: #e0e0e0;
}

.lynx5 {
	height: 410px; 
	padding: 30px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(red_4.jpg) bottom right no-repeat; 
	background-color: #000000; 
	color: #e0e0e0;
}

.servis {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(b_a_w5.jpg) bottom left no-repeat; 
	background-color: #000000; 
	color: #020202;
}

.servis2 {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(b_a_w6.jpg) center center no-repeat; 
	background-color: #000000; 
	color: #020202;
}

.servis3 {
	height: 410px; 
	padding: 30px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(b_a_w3.jpg) top right no-repeat; 
	background-color: #000000; 
	color: #020202;
}


.fotogalerie {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(black.jpg) center right no-repeat; 
	background-color: #ffffff; 
	color: #020202;
}

.firma {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(kuze.jpg) top right no-repeat; 
	background-color: #000000; 
	color: #e0e0e0;
}

.katalog {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(kuze2.jpg) top right no-repeat; 
	background-color: #000000; 
	color: #e0e0e0;
}

.www {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background: url(objekty.jpg) center left no-repeat; 
	background-color: #ffffff; 
	color: #020202;
}

.bila {
	height: 420px; 
	padding: 20px 20px 0px 50px; 
	margin: 15px 0px 15px 0px;
	background-color: #ffffff; 
	color: #020220;
}


#nab_obal{
width:940px; height:30px; margin:0.2em auto; 
}

#nabidka {
	position: absolute; 
	top: 50px; 
	left: 725px; 
	width: 200px; 
	height: 380px; 
	color: #ffffff; 
	font-size: 11px; 
	text-align: right;
}



#nabidka2 {
	position: absolute; 
	top: 0px; 
	left: 697px; 
	width: 201px; 
	height: 400px;
	padding: 20px 15px; 
	color: #ffffff; 
	font-size: 10px; 
	text-align: left;
	background: url(prechod1.png) repeat-x;


}

#nabidka2 a{
	color: #ffffff; 
	font-size: 10px;
	text-decoration: none; 
}

#nabidka2 a:hover{
	color: #3b5fab; 
}

#loga {
	position: absolute; 
	top: 300px; 
	left: 710px; 
	width: 190px; 
	height: 90px;
	padding: 15px 15px; 
	color: #ffffff; 
	font-size: 10px; 
	text-align: left;
}

#loga_polozka {
	padding: 5px 5px 5px 5px; 

}


#loga a{color: #ffffff; text-decoration: none;}
#loga a:hover{color: #3b5fab;
	text-decoration: none;}




.nav_stred {width:932px; height:30px; margin:0.2em auto;}
#nav_stred2 {width:930px; height:480px; margin: auto;}

.navigace{
	padding: 0;
	float: left;
	font: normal 12px Arial;
	height: 1px;

}

.navigace li{
	display: inline;
}

.navigace li a{
	float: left;
	color: #ffffff;
	background-color: #000000;
	width: 185px;
	height: 14px;
	padding: 2px 0px; /*padding of tabs*/
	text-decoration: none;
	border-left: 1px solid #ffffff; /*top border style*/
}


.navigace li a#profil{ background: transparent url(menu/profil.gif) top left no-repeat; }
.navigace li a:hover#profil{ background: transparent url(menu/profil.gif) bottom left no-repeat; }

.navigace li a#eshop{ background: transparent url(menu/eshop.gif) top left no-repeat; }
.navigace li a:hover#eshop{ background: transparent url(menu/eshop.gif) bottom left no-repeat; }

.navigace li a#eshop_asus{ background: transparent url(menu/eshop_asusc.gif) top left no-repeat; }
.navigace li a:hover#eshop_asus{ background: transparent url(menu/eshop_asusc.gif) bottom left no-repeat; }

.navigace li a#konfig{ background: transparent url(menu/konfig.gif) top left no-repeat; }
.navigace li a:hover#konfig{ background: transparent url(menu/konfig.gif) bottom left no-repeat; }

.navigace li a#servis{ background: transparent url(menu/servis.gif) top left no-repeat; }
.navigace li a:hover#servis{ background: transparent url(menu/servis.gif) bottom left no-repeat; }

.navigace li a#servis_lynx{ background: transparent url(menu/servis_lynx.gif) top left no-repeat; }
.navigace li a:hover#servis_lynx{ background: transparent url(menu/servis_lynx.gif) bottom left no-repeat; }

.navigace li a#kontakt{ background: transparent url(menu/kontakt.gif) top left no-repeat; }
.navigace li a:hover#kontakt{ background: transparent url(menu/kontakt.gif) bottom left no-repeat; }

.navigace li a#katalogy{ background: transparent url(menu/katalogy.gif) top left no-repeat; }
.navigace li a:hover#katalogy{ background: transparent url(menu/katalogy.gif) bottom left no-repeat; }

.navigace li a#akce{ background: transparent url(menu/akce.gif) top left no-repeat; }
.navigace li a:hover#akce{ background: transparent url(menu/akce.gif) bottom left no-repeat; }

.navigace li a#fotogalerie{ background: transparent url(menu/fotogalerie.gif) top left no-repeat; }
.navigace li a:hover#fotogalerie{ background: transparent url(menu/fotogalerie.gif) bottom left no-repeat; }

.navigace li a#tvorba_www{ background: transparent url(menu/tvorba_www.gif) top left no-repeat; }
.navigace li a:hover#tvorba_www{ background: transparent url(menu/tvorba_www.gif) bottom left no-repeat; }

.navigace li a#firmy{ background: transparent url(menu/firmy.gif) top left no-repeat; }
.navigace li a:hover#firmy{ background: transparent url(menu/firmy.gif) bottom left no-repeat;}


#box{
width:900px; height:25px; margin: auto; 
background-color:transparent;
font: normal 10px Arial;
padding: 0px 20px;
}

#box a{
text-decoration: none;
font: bold 11px Arial;
color:#3b5fab;
}

#podmenu{
 width:949px; height:150px; margin: auto; padding: 10px 10px 10px 10px;
}

#podmenu li{ display: inline;}

#podmenu li a{ float: left; color: #ffffff; width: 302px; height: 124px; margin-left: 9px; text-decoration: none;
border: 1px solid #ddd;
}

#podmenu li a.prvni{ background: transparent url(1.jpg) center center no-repeat;}

#podmenu li a.druha{ background: transparent url(2.jpg) center center no-repeat;}

#podmenu li a.treti{ background: transparent url(3.jpg) center center no-repeat;}

#podmenu li a:hover{ color: #e66d1d; BACKGROUND-COLOR: #ffffff;	border: 1px solid #a0a0a0;}


#soc_ikony{ width:910px; height:45px; margin: auto; padding: 10px 0px 10px 10px; background-color:#ffffff;}

#soc_ikony li{ display: inline;}

#soc_ikony li a{
float: left;
color: #000000;
height: 35px;
text-decoration: none;
font: bold 10px Arial;
}

.soc_text{ 
padding-top: 20px;
padding-right:10px;
padding-left: 60px;
text-align: left;
}

#soc_ikony li a.prvni{ 
background: transparent url(img/soc_youtube_.gif) center left no-repeat; width: 200px; float:left;
}

#soc_ikony li a.druha{ 
background: transparent url(img/soc_rss_.gif) center left no-repeat; width: 150px;
}

#soc_ikony li a.treti{
background: transparent url(img/soc_facebook_.gif) center left no-repeat; width: 165px;
}

#soc_ikony li a.ctvrty{
background: transparent url(img/obalka_.gif) center left no-repeat; width: 100px;
}

#soc_ikony li a:hover{
	color: #3b5fab;
}

#partneri {
	display: inline;
	text-align: left;
	padding-left: 20px;
	width:900px; 
	height:60px;
	font-size: 10px;
	color: #3b5fab;
}

#partneri p{
	padding-top: 15px;
	padding-left: 20px;
}

#partneri a{
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	color: #9a9a9a;
	font-size: 10px;
}

#partneri a:hover{
	color: #4a4a4a;
}

#partneri span{
	color: #4a4a4a;
}

#paticka{
	text-align: right;
	width:900; 
	margin-top: 15px;
	margin-right: 12px;
	color: #3b5fab;
	font-size: 10px;

}






body {

	margin: 0; padding: 0;

}
*{outline: none;}
img {border: 0;}
.container {
	width: 890px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;
	left: 50%; top: 50%;
	margin: -220px 0 0 -465px;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:440px;	width: 930px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	left:-1px;
}
.image_reel {
	position: absolute;
	top: -10px; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 5px; left: 7px;
	width: 205px; height:35px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 4px 8px;
	text-decoration: none;
	color: #fff;
	background: url(prechod1.png) repeat-x;
}
.paging a.active {

	background: #920000; 
	border: 1px solid #610000;
}

.skryt {
    color: #AAAAAA;
    left: 790px;
    position: relative;
    cursor: pointer;
    top: 364px;
    z-index: 1000;
}

.skryt:hover {
    color: #FF7208;
}