*{
	margin:0;
	padding:0;
	background-repeat:no-repeat;
}

body{
	background-color:#39302b;
  background-image:url('images/hry-na-mobil-pozadi.jpg');
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:12px;
	color:black;
}

/* Obecné styly*/

a{
	color:#DB1329;
	
}

a:hover{
	color:#FA634F;
}

p{
	margin:7px 0;
}

ul{
	margin:7px 0;
}

a img{
	border:none;
}

ol{
	margin:7px 0;
	margin-left:20px;
}

hr.clear{
	clear:both;
	visibility:hidden;
}

hr{
	color:#CDBBA3;
	background-color:#CDBBA3;
	border:none;
	height:1px;
	margin:7px 0;
}

/* Layout */

#stranka{
	background-image:url('images/pozadi_textura.jpg');
	width:1060px;
	margin:auto;
	overflow:hidden;
}

#hlavni{
	width:960px;
	margin:auto;
}

/* Hlavička */

#hlavicka{
	background-image:url('images/hry-na-mobil-hlavicka.jpg');
	width:960px;
	height:116px;
}

#hlavicka h2{
	margin:0; padding:0;
    position:relative;
    width:420px; height:60px;
    overflow:hidden;
}

#hlavicka h2 span{
    display:block;
    position:absolute; left:0; top:0; z-index:1;
    width:420px; height:60px;
    margin:0; padding:0;
    background-image:url('images/hry-na-mobil-logo.jpg');
}


#hlavicka h1{
	margin-top:-5px;
	padding-left:15px;
	font-size:18px;
	color:#38302b;
	z-index:2;
}

#vyhledavani{
	float:left;
	margin-top:6px;
	margin-left:15px;
	overflow:hidden;
	width:200px;
	&margin-left:7px;
}

#vyhledavani .input{
	height:25px;
	width:150px;
	padding:0 5px;
	display:block;
	border:none;
	float:left;
	&height:17px;
	&padding:2px;
}

#hlavicka ul{
	margin-top:6px;
	list-style:none;
	margin-left:15px;
	float:left;
	position:relative;
}

#hlavicka ul li{
	float:left;
}

#hlavicka ul li a{
	display:block;
	padding:0 10px;
	height:25px;
	line-height:25px;
	font-size:14px;
	color:white;
	text-decoration:none;
}

#hlavicka ul li a:hover,
#hlavicka ul li:hover{
	background-color:#901722;
}

#hlavicka ul li ul{
	display:none;
}

#hlavicka ul li:hover ul{
	position:absolute;
	display:block;
	margin:0;
	padding:0;
	float:none;
	z-index:3;
}

#hlavicka ul li:hover ul li{
	float:none;
		margin:0;
	padding:0;

}

#hlavicka ul li:hover ul li a{
	display:block;
	background-color:#B00D1F;
}

#hlavicka ul li:hover ul li a:hover{
	background-color:#8F1721;
	color:#FA634F;
}

/* Obsah */

#obsah{
	width:745px;
	float:right;
}

.uvod{
	background-color:#B00D1F;
	color:white;
	overflow:auto;
	margin:10px 0;
	padding:5px 10px;
}

.uvod p{
	float:left;
	clear:both;
}

.uvod a{
	color:white;
}

.uvod a:hover{
	color:#FA634F;
}

ul.vybrane{
	float:left;
}

ul.vybrane li{
	float:left;
	list-style:none;
	margin-left:15px;
}

p.vybrane{
	width:140px;
}

/* Levý sloupec */

#sloupec{
	width:200px;
	float:left;
}

#sloupec div{
	background-color:white;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url('images/sloupec_spodni.jpg');
	background-position:bottom;
}

#sloupec ul{
	margin:-5px 0 5px 8px;
}

#sloupec ul li{
	list-style:none;
	padding:5px 0;
	font-size:10px;
}

#sloupec ul li a strong{
	color:black;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

#sloupec ul li a:hover strong{
	color:#E10019;
	text-decoration:underline;
}

#sloupec ul li a{
	color:#7B6959;
	font-size:10px;
	text-decoration:none;
}

#sloupec h2{
    background-image:url('images/sloupec_hry.jpg');
    height:37px;
    color:white;
    font-size:14px;
    line-height:27px;
    padding-left:8px;
}

#sloupec #sloupec-mobil h2{
	background-image:url('images/sloupec_mobil.jpg');
}

#sloupec #sloupec-mobil{
	background-image:url('images/sloupec_spodni2.jpg');
}

#sloupec a.dalsi{
	color:black;
	margin:0 0 10px 8px;
	display:block;
	font-size:11px;
	text-decoration:none;
}

#sloupec a.dalsi:hover{
	color:#E10019;
	text-decoration:underline;
}

/* Hlavní obsah*/

#hlavni-obsah{
	background-color:white;
	padding:10px 0px 10px 17px;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
}

#hlavni-obsah h2{
	font-size:30px;
	font-weight:normal;
}

.podnadpis{
	color:#7B6959;
}

.hra-nahled{
	
	float:left;
	
	
}

.hra-nahled img{
}

.hra-nahled h3{
	font-size:11px;
	margin-top:3px;
}

.hra-nahled p{
	font-size:11px;
	margin-top:3px;
}

.shrnuti{
	color:white;
	font-size:11px;
	margin-top:10px;
}

.shrnuti a{
	color:white;
}

.shrnuti a:hover{
	color:#FA634F;
}

.hra-detail{
	background-color:#E1D1BB;
	overflow:hidden;
	margin:0 10px 10px -7px;
	padding:10px;
}

.hra-detail h2{
	margin-bottom:10px;
}

.hra-detail img{
	float:left;
	width:170px;
	height:170px;
	margin-right:10px;
	margin-bottom:10px;
}

.hra-detail .popis{
	font-size:14px;
	width:180px;
	float:left;
}

#hlavni-obsah em{
	color:#0069B3;
	font-style:normal;
}
/* Patička */

#paticka{
	color:white;
	background-image:url('images/paticka_horni.jpg');
	overflow:hidden;
	padding:5px 10px;
}

#paticka-obal{
	background-image:url('images/paticka_spodni.jpg');
	background-position:bottom;
	overflow:hidden;
	clear:both;
	background-color:#B00D1F;
	margin-top:5px;
	margin-bottom:5px;
}

.center{
	text-align:center;
}

#paticka a{
	color:white;
}

#paticka a:hover{
	color:#FA634F;
}

#paticka p{
	margin:5px;
}

.browsererror{
	background-color:white;
	border:1px solid red;
	color:red;
	padding:10px;
}

/* Bannery */

.reklama-top{
	margin:10px auto;
	text-align:center;
}

.reklama-obsah{
	float:right;
	padding:10px;
	margin:-10px;
}