* { margin: 0; padding: 0; }

body { font-family: Arial; }

html, body {
    height: 100%;
    width: 100%;
	color:#333333;
	min-width: 100%;  
	

}

body#podloga1{background:url(../images/podloga1.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga2{background:url(../images/podloga2.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga2a{background:url(../images/podloga2a.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga2b{background:url(../images/podloga2b.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga2c{background:url(../images/podloga2c.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga2d{background:url(../images/podloga2d.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga2e{background:url(../images/podloga2e.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga3{background:url(../images/podloga3.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga4{background:url(../images/podloga4.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga4a{background:url(../images/podloga4a.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga4b{background:url(../images/podloga4b.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga5{background:url(../images/podloga5.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga5a{background:url(../images/podloga5a.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga6{background:url(../images/podloga6.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga7{background:url(../images/podloga7.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga7a{background:url(../images/podloga7a.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga8{background:url(../images/podloga8.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga9{background:url(../images/podloga9.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga10{background:url(../images/podloga10.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga11{background:url(../images/podloga11.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}

body#podloga12{background:url(../images/podloga12.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
 min-width: 100%;  
}









.clear { clear: both; }
small { font-size: 12px; }

/* Layout */
#wrap { 
   width: 100%;
   height: 100%;
   margin: auto;
}


.selMap{
font-size:20px; padding-bottom:10px;
}

h1 {font-size:20px;}

audio { width: 160px; display: block; margin-top:20px;}

#game-name {
    font-size: 30px;
    text-align: center;
}

#game-time {
    color: #fff;
    margin: 10px 0;
   
    height: 40px;

    line-height: 40px;
    font-size: 20px;
	background-color:#2c150d;
}

.smedj{
		background-color:#2c150d;
	}
#pairs { 
    margin: 0px 0;
    text-align: center;
	font-size:16px;
}

.button {
    color: #fff8f6;
    width: 100%;
    padding: 10px 0;
    text-align: center; 
    background: #2c150d;
    font-weight: bold;
    border: none;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    cursor: pointer;
}

.button a:link{
text-decoration:none;
font-size:14px;
 color: #fff;
}
.button a:visited {
text-decoration:none;
font-size:14px;
 color: #fff;
}


.lin {    
	color: #fff8f6;
    text-align: center; 
    background: #2c150d;
    font-weight: bold;
    border: none;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    cursor: pointer; 
	line-height:40px;
	}


.lin a:link{   
text-decoration:none;
font-size:14px;
color: #f0bd98;
}
 
 
.lin a:visited{   
text-decoration:none;
font-size:14px;
 color: #f0bd98;}
 
#toolbar {
	position: absolute;
	left:0px;
	top:0px;
    background: #2c150d;

    width:160px;
    list-style: none;
    color: #aaa;
    padding-top: 20px;
	color:#fff8f6;
	font-size:14px;
	text-align:center;

}

#toolbar p{
padding:5px;
}

#adDesno {
	position: absolute;
	right:0px;
	top:0px;
    height: 100%;
    width: 160px;
    list-style: none;
    color: #aaa;
    padding-top: 20px;
	color:#fff8f6;
	 background: #2c150d;
	 font-size:14px;
	text-align:center;
	min-height:800px;
}

#adDesno p{
padding:5px;
}

.adLeft
{
width:336px;
}
canvas{

}

#game-wrap{
padding-top:20px;
margin-left:200px;

}



#maps {
    margin: 0 auto 20px auto;
    width: 400px;
}

#maps li {
    display: inline;
    list-style: none;
    margin: 0 1px;
    cursor: pointer;
}


.shuffle { margin-left: 30px;}

#tile-style {
    width: 100px;
    padding: 3px;
}


@media (max-width: 1185px) {

.adLeft{
display: none;

}
	
	#game-wrap{
padding-top:20px;
margin-left:200px;

}
	

}


@media (max-width: 1580px) {

#adDesno{
display: none;

}
#toolbar {
    width:160px;
}

.adLeft
{
width:160px;
}
}




@media (max-width: 750px) {
	
#game-wrap{
padding-top:20px;
margin-left:110px;

}
	
	#game-name h1 {
    font-size: 14px;
    text-align: center;
}
#toolbar {
	position: absolute;
	left:0px;
	top:0px;
    background: #2c150d;

    width:100px;
    list-style: none;
    padding-top: 20px;
	color:#fff8f6;
	font-size:12px;
	text-align:center;
	
	

}

}