body {
font-family:Arial,sans-serif;
text-align : center;
background: url(images/bgs/bg-uptothesky.jpg);
background-position:center top;
background-color:#487abf;
background-repeat:repeat-x;
margin:0;
padding:0;}

*{ padding: 0; margin: 0}

img{behavior:url(pngfix/iepngfix.htc)}
	
body, table, td {
line-height : 1.65em;
}

p{font-size:12px;
color:#2c343b;
line-height:16px;

}

a img{border:0;}

a, a.link{color:#26557f;
text-decoration:none;}

a:hover{color:#152c60;}

h1{font-size:16px;
padding:3px 0 10px 0;
color:#16538d;}

h2{font-size:13px;
padding:3px 0 0 0;
font-weight:bold;
color:#16538d;}

h3{font-size:13px;
font-weight:bold;
color:#2c343b;}

h4{font-size:13px;
font-weight:bold;
color:#2c343b;}

ul,li{}

#obal {
margin : 0 auto;
width:966px;
background-image:url(images/bg-repeat2.png);
background-repeat:repeat-y;
}


#top {
width:966px;
text-align:left;
background-image:url(images/bg_logo.png);
background-repeat:no-repeat;
}

/* OBSAH-HP */
.hp-box{width:680px;
padding: 15px 0 0 0;
margin: 0 0 0 13px;
float:left;
text-align:left;
}

.hp-box-central{width:508px;
padding:0 0 0 20px;
float:right;}

.hp-box-central p
{
line-height: 20px;
}

#newdvd{width:340px;
height:85px;
background:url(images/new-dvd.png) no-repeat;
background-position:right;
top:230px; 
position:absolute;
}




.hp-boxx
{
  width: 334px;
  height: 421px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  text-align: left;
  float: left;
  background-repeat: no-repeat;
  cursor: pointer;
}

.hp-boxx p
{
  width: 300px;
  height: 60px;
  padding: 308px 0 10px 12px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  text-align: left;
}

.hp-boxx ul
{
  width: 315px;
  display: inline;
  float: left;
  padding: 0 0 0 9px;
  list-style: none;
  height: 33px;
}

.hp-boxx li
{
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

.hp-boxx li a
{
  width: 63px;
  height: 33px;
  display: block;
  color: #FFFFFF;
  padding-top: 8px;
}

.hp-boxx li a:hover
{
  width: 63px;
  height: 33px;
  padding-top: 8px;
  background-image: url(images/hp-box-but.png);
  background-repeat: no-repeat;
}



/* obsah - detail  */

#detail{
width:508px;
float:left;}

#detail p{padding: 0 0 0 0;
font-size:12px;
line-height:20px;}

#detail img{float:right;
padding:10px;}


#detail-menu ul{width:508px;
display:inline;
float:left;
padding:5px 0 20px 0;
list-style:none;
height:33px;}

#detail-menu li{float:left;
padding:0;
margin:0;
text-align:center;
font-size:13px;
font-weight:bold;
}

#detail-menu li a{width:63px;
height:33px;
display:block;
color:#2c343b;
padding-top:1px;}

#detail-menu li a:hover{width:63px;
height:33px;
padding-top:1px;
color:#FFFFFF;
background-image:url(images/menudetail-over.png);
background-repeat:no-repeat;


}

#detail-menu li a.current, #menu li a:hover.current{width:63px;
height:33px;
padding-top:1px;
color:#FFFFFF;
background-image:url(images/menudetail-over.png);
background-repeat:no-repeat;

}


/* hledani */
#search{width:210px;
text-align:left;
float:right;
margin:0;
padding:8px 0 0 0px;
height:52px;
}

#search_box {
float:right;
width: 210px;
height: 28px;
background: url(images/bg_search_box2.png) no-repeat;
margin: 0px 0 0 0px;
position:relative;
}


#search_box #s {
color:#92979a;
font-size:12px;
    float: left;
    padding: 0;
    margin: 6px 0 0 9px;
    border: 0;
    width: 159px;
    background: none;
}
#search_box #go {
float: right; margin: 5px 19px 0 0;
}


/* HORNI MENU */

#logo{width:160px;
height:100px;
display: block;
float:left;
cursor: pointer;
}

#menu{width:800px;
float:right;
padding:0 0 0 3px;
padding-bottom:20px;
height:100px;
font-size: 13px;
}



#menu ul{list-style:none;
}
#menu li{list-style:none;
		float:right;
		width:98px;
		height:50px;
		position:relative;}

#menu li a{display:block;
		   padding:65px 0 0 0;
		   width:85px;
		   height:20px;
	       text-transform:uppercase;
		   text-align:center;
		   text-decoration:none;
		   font-weight:bold;
		   color:#16538d;}
#menu li a span{display:block;}
#menu li a:hover{text-decoration:none;color:#2c343b;	}
#menu li a.home{background:url(images/home.png) no-repeat; background-position:0 -30px ; }
#menu li a:hover.home{background-position:0 -150px ;}
#menu li a.filmy{background:url(images/filmy.png) no-repeat; background-position:0 -30px ;}
#menu li a:hover.filmy{background-position:0 -150px ;}
#menu li a.serialy{background:url(images/serialy.png) no-repeat;  background-position:0 -30px ;}
#menu li a:hover.serialy{background-position:0 -150px ;}
#menu li a.galerie{background:url(images/galerie.png) no-repeat; background-position:0 -30px ;}
#menu li a:hover.galerie{background-position:0 -150px ;}
#menu li a.video{background:url(images/videa.png) no-repeat; background-position:0 -30px ;}
#menu li a:hover.video{background-position:0 -150px ;}
#menu li a.tapety{background:url(images/tapety.png) no-repeat; background-position:0 -30px ;}
#menu li a:hover.tapety{background-position:0 -150px ;}
#menu li a.hry{background:url(images/hry.png) no-repeat; background-position:0 -30px ;}
#menu li a:hover.hry{background-position:0 -150px ;}
#menu li a.shop{background:url(images/shop.png) no-repeat; background-position:0 -30px ;}
#menu li a:hover.shop{background-position:0 -150px ;}
#menu li a.blue-ray{background:url(images/blueray.png) no-repeat; background-position:0 -30px ;}
#menu li a:hover.blue-ray{background-position:0 -150px ;}



#menu li a.currenthome, #menu li a:hover.currenthome{background:url(images/home.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}
					
#menu li a.currentfilmy, #menu li a:hover.currentfilmy{background:url(images/filmy.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}

#menu li a.currentserialy, #menu li a:hover.currentserialy{background:url(images/serialy.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}

#menu li a.currentgalerie, #menu li a:hover.currentgalerie{background:url(images/galerie.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}

#menu li a.currentvideo, #menu li a:hover.currentvideo{background:url(images/videa.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}
					
#menu li a.currenttapety, #menu li a:hover.currenttapety{background:url(images/tapety.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}
					
#menu li a.currenthry, #menu li a:hover.currenthry{background:url(images/hry.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}
					
#menu li a.currentshop, #menu li a:hover.currentshop{background:url(images/shop.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}

#menu li a.currentblue-ray, #menu li a:hover.currentblue-ray{background:url(images/blueray.png) no-repeat;color:#2c343b;
					background-position:0 -270px ;}





/* SPODNI MENU */



#spodnimenu{width:680px;
padding:15px 0 0 13px;
padding-bottom:20px;
height:98px;
float:left;}



#spodnimenu ul{list-style:none;
}
#spodnimenu li{list-style:none;
		float:left;
		width:170px;
		height:140px;
		position:relative;}

#spodnimenu li a{display:block;
font-size:13px;
line-height:16px;
		   padding:80px 0 0 0;
		   color:#333333;
		   width:170px;
		   height:60px;
	       text-align:center;
		   text-decoration:none;
		   font-weight:bold;
		   color:#2c343b;	}
#spodnimenu li a span{display:block;}
#spodnimenu li a:hover{text-decoration:none;color:#2c343b;	}

#spodnimenu li a.kosik{background:url(images/spodni-menu.png) no-repeat;}
#spodnimenu li a:hover.kosik{background-position:-680px 0px ;}

#spodnimenu li a.blueray{background:url(images/spodni-menu.png) no-repeat;background-position:-170px 0px;}
#spodnimenu li a:hover.blueray{background-position: -850px 0px;}

#spodnimenu li a.phone{background:url(images/spodni-menu.png) no-repeat;background-position:-340px 0px;}
#spodnimenu li a:hover.phone{background-position:-1020px 0px ;}

#spodnimenu li a.tv{background:url(images/spodni-menu.png) no-repeat;background-position:-510px 0 ;}
#spodnimenu li a:hover.tv{background-position:-1190px 0 ;}




/* categorie */
.levy{width:152px;float:left;}
.levy h2{line-height:18px;}



.levy ul{list-style:none;
padding:8px 0 6px 0;}

.levy li{width:153px;
}



.levy li a{width:152px;
margin:-1px 0 0 0;
line-height:16px;
font-size:12px;
font-weight:bold;
padding: 6px 0 5px 5px;
background-image:url(images/side-but.png);
background-position:bottom;
display:block;
color:#2c343b;
background-repeat:no-repeat;}

.levy li a:hover{
background:url(images/bg-left-but.png);

color:#000000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;

}

/* next - prew */
#levy-prew{float:left;
padding: 0 0 30px 0;}
#levy-prew a{display:block;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
width:76px;
height:28px;
background-image:url(images/but-side.png);
background-position:0 0;
background-repeat:no-repeat;}
#levy-prew a:hover{
background-position:0 -28px;}

#levy-next{float:left;
padding: 0 0 30px 0;}
#levy-next a{display:block;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
width:76px;
height:28px;
background-image:url(images/but-side.png);
background-position:-76px 0;
background-repeat:no-repeat;}
#levy-next a:hover{
background-position:-76px -28px;
}


/* CLANKY */
.clanek{width:500px;
float:left;
position:relative;
clear:both;
padding: 0 0 15px 0;
}

.datum{float:left;
width:60px;
font-size:14px;
font-style:italic;
color:#2c343b;}

.clanektext{float:right;
background-image:url(images/bg-h3-clanky.png);
background-position:left 7px;
background-repeat:no-repeat;
width:430px;}

.clanektext h3{

color:#16538d;
}

.clanektext h3 a{
margin:0;
padding:0;
float:right;
width:418px;
height:30px;
color:#2c343b}

.more{float:right;
padding:0 10px 0 0;
font-size:12px;
font-weight:bold;color:#16538d;
}

.more a{color:#000000;}
.more a:hover{text-decoration:underline;}


.clanektext a:hover{
color:#16538d;}

.clanektext p{width:248px;
padding:10px 3px 0 0;
clear:right;
float:right;}

.clanek img{width:153px;
height:81px; 
float:left;
padding: 10px 0 0 12px;
}

.clanek img a{width:153px;
}







/* hry */
.games{width:153px;
padding: 10px 16px 10px 0;
float:left;
}
.games a{font-size:15px;
display:block;
height:30px;
margin:0;
line-height:16px;
padding:0;
font-weight:bold;
color:#2c343b;}

.games a:hover{
color:#16538d;}

.games a img{width:153px;
height:81px;
padding:0 0 5px 0;
}

.games ul{padding:10px 0 0 0;
height:28px;
list-style:none;}

.games li{width:153px;
height:28px;
}
.games li a{width:152px;
font-size:13px;
height:28px;
font-weight:bold;
text-transform:uppercase;
padding: 5px 0 0 5px;
background-image:url(images/side-but.png);
display:block;
background-repeat:no-repeat;
margin:-1px 0 0}

.games li a:hover{
background:url(images/bg-left-but.png);
color:#000000;
height:28px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;}



.games p{font-size:13px;
padding:5px 0 0 0;
color:#2c343b;
}

.games a.image
{
  width: 153px;
  height: 81px; 
  display: block; 
  background-repeat: no-repeat; 
  background-position: center 5px;
  margin-top: 7px;
}

.games span.imgbox
{
  width: 153px; 
  height: 81px; 
  display: block; 
  background-image: url(/design/images/games-hover.png);
}

.games div.anotation
{
  height: 3.6em;
  overflow: hidden;
}

/* gallery */
.gallery{width:146px;
padding: 10px 16px 10px 0;
float:left;
}
.gallery a img{width:153px;
height:115px;

}



/* filmy */
.filmy{width:230px;
text-align:left;
padding: 5px 16px 15px 0;
height:180px;
float:left;
}

.filmy a{font-size:15px;
width:115px;
float:left;
line-height:16px;
padding:0 0 8px 0;
font-weight:bold;
color:#2c343b;}

.filmy a:hover{
color:#16538d;}

.filmy img{
float:left;
}

.filmy p{font-size:13px;
width:115px;float:right;
color:#2c343b;
}

/* strankovani */
#strankovani{width:508px;
float:left;
clear:both;
text-align:center;
margin:0 auto;
padding: 0 0 0 0;}

#strankovani ul{width:250px;
margin:0 auto;
list-style:none;
padding:10px 0 15px 0;
height:19px;}



#strankovani li{
text-align:center;
width:19px;
height:19px;
display:inline-block;
padding: 5px 0 0 20px;

}

#strankovani li a{
font-size:12px;
display:block;
line-height:20px;
background-image:none;
font-weight:bold;
text-align:center;
color:#FFFFFF;
width:19px;
height:19px;
}

#strankovani li a:hover{
background-image:url(images/str-but.png);
background-repeat:no-repeat;
display:block;
line-height:20px;
width:19px;
height:19px;}



/* pravy-sloupec */
#pravy{width:264px;
float:right;}

#fhe{width:264px;
padding:50px 0 0 0;
float:right;}

#pravy h3{color:#16538d;
height:33px;}

#pravy p{padding:0 0 0 35px;
width:200px;}

.anketa, .press, .b2b{clear:both;
padding: 10px 0 0 0;}

.anketa ul{ width:200px;
padding:10px 0 0 0;
list-style:none; 
line-height:23px;}

.anketa li {padding: 0 0 0 35px;
font-size:12px;}

.anketa h3{background-position:0 0;
background-image:url(images/anketa.png);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 35px;}

.hlas{
padding: 10px 0 0 35px;
width:76px;
height:28px;}

.hlas a{display:block;
clear:right;
text-align:center;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
width:76px;
height:28px;
background-image:url(images/but-hlasuj.png);
background-position:0 0;
background-repeat:no-repeat;}

.hlas a:hover{
background-position:0 -28px;
}


.press h3{background-position:0 -30px;
background-image:url(images/anketa.png);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 35px;}


.b2b h3{background-position:0 -66px;
background-image:url(images/anketa.png);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 35px;}





/* tagcloud */
#tagcloud{
	width:264px;
	height:250px;
	margin:0 0 0 0;
	background-image:url(images/tagcloud2.png);
	float:right;
	}
	
.tagcloud{font-family:'Segoe Script','Apple Chancery','Lucida Handwriting','URW Chancery L',cursive;
width:240px;
padding:22px 0 0 20px;}

.tagcloud a, a.link{
color:#463824;
vertical-align:middle;
}

.tagcloud a:hover{;
color:#463824;
text-decoration:underline;
}
.style5 {font-size: 24px}
.style6 {font-size: 36px}
.style7 {font-size: 14px}
.style8 {font-size: xx-small}
.style9 {font-size: 18px}
.style10 {font-size: 26px}

/* slider */
#slider{width:966px;
padding:0 0 10px 0;
clear:both;
height:140px;}
/* paticka */




#paticka-top{width:966px;
height:52px;
background-image:url(images/top-top-men.png);
background-repeat:no-repeat;
color:#000000;
text-align:left;
font-size:13px;
margin: 0 auto;
clear:both;}

#paticka-top ul{
padding:10px 0 0 50px;
float:left;
list-style:none;
text-align:left;
}
#paticka-top ul a{
color:#FFFFFF;
font-weight:bold;
}
#paticka-top p{font-size:14px;padding:5px 0 0 0;font-weight:bolder;width:200px;}
#paticka-top p a{color:#FFFFFF;}
#paticka-top li{display:inline;}
#paticka-top li a{color:#333333;padding:0 10px 0 10px;font-weight:normal;}
#paticka-top li a:hover{color:#ffffff;}





#paticka{width:966px;
height:76px;
background-image:url(images/bg-end3.png);
background-repeat:no-repeat;
margin: 0 auto;
clear:both;}


.paticka-l{font-size:12px;
padding:33px 0 0 0;
text-align:right;
float:left;
clear:right;
color:#ffffff;
width:455px;
line-height:16px;}


.paticka-r{font-size:12px;
padding:25px 40px 0 0;
text-align:left;
float:right;
color:#ffffff;
width:350px;
line-height:16px;}

.paticka-r a{
text-decoration:underline;
color:#FFFFFF;}

/*wallpaper box */

#wallpaperbox{ 
background:url(images/bg-everlay.png) no-repeat;
width:720px;
height:460px;
padding:10px 0 0 10px;
position:absolute;
top:350px;
}

#wallpaperbox a {
display:block;
float:right;
margin: -3px 3px; 
text-align:center;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
width:76px;
height:28px;
background-image:url(images/but-hlasuj.png);
background-position:0 0;
background-repeat:no-repeat;
}

.norm{width:130px;
text-align:left;
float:left;}

.wide{width:130px;
text-align:left;
float:right;}




#wallpaperbox a:hover{background-position:0 -28px;}

#wallpaperbox a#closepreview
{
  position: absolute;
  top: 10px;
  left: 688px;
  background: black none;
  color: White;
  font-size: 14px;
  font-weight: bold;
  width: 2em;
  height: 1.6em;
  text-align: center;
}


.previewbox {
width : 700px;
height : 400px;
background-image : url(images/loading.gif);
background-repeat : no-repeat;
background-position : center center;
}

.statusbar{
padding:15px 0 0 0;
text-align :left;
width:345px;
color:#FFFFFF;
}
.statusbar3{
padding:15px 0 0 0;
text-align :left;
width:100px;
color:#FFFFFF;
}
.statusbar2{
margin:-25px 20px 0 0;
width:330px;
float:right;
color:#FFFFFF;
clear:both;
}





#selectresolution {
	position : absolute;
	width : 260px;
	height : 250px;
	background:url(images/res2.png) no-repeat;
	color:#FFFFFF;
	z-index : 3;
	display : none;
	font-size: 13px;
}

#selectresolution a#closeselectresolution
{
  position: absolute;
  top: 4px;
  left: 230px;
  color: black;
  font-size: 14px;
  font-weight: bold;
  width: 2em;
  height: 1.6em;
  text-align: center;
}

#selectresolution div
{
	padding: 10px 0 0 15px;
}

#selectresolution h1
{
  font-size: 13px;
  padding: 0;
}

#selectresolution input
{
  width: 4em;
  height: 1em;
  font-size: 10px;
}

#selectresolution th
{
  text-align: left;
}


#sendmailbox {
padding : 10px;
position : absolute;
border : 1px solid black;
background-color : white;
z-index : 3;
display : none;
} 
/*vodeo box */


#videobox 
    {
        background-color: black; 
        display:block; 
        width: 500px; 
        height:350px;  
        text-align:center; 
        margin:0 15px 15px 0; 
        border:1px solid #999; 
        background-repeat: no-repeat;
        background-position: center center;
    } 
     
    a.videobox img { 
        margin-top:132px; 
        border:0px; 
    } 
     
    a.videobox:hover { 
        border:1px solid #000; 
    }
