html{
     padding:0;
     margin:0;  
     font-family: Tahoma;
     font-size:18px;
     color:#8b4513;
}
body {
     background: url(../slike/main_bg.gif);
}
h1 {text-align:center; color:#fff;padding:25px;}
h3 {
   text-align:center;
}
header, nav, section, article, aside, footer, {
    display:block;
    }
a { text-decoration: none; color: #fff;  }
a:hover { color: #000; 
}

#warp {
     margin:5px auto;
     width:960px;
     border-radius:5px;
     
     
}
#naslovna {
    width:960px;
   height:120px;
}

#levo {
    width:280px;
    min-height:510px;
    float:left; 
    padding:5px;
}
#boxa2{
    width:275px;
    float:left; 
    padding:5px;
    margin-top:10px;
    border-radius:15px;
    font-weight:900;
    text-align:center;
    color:#000;
}
#boxa3{
    width:265px;
    min-height:400px;
    float:left; 
    padding:5px;
    margin-top:10px;
    margin-left:7px;
    border-radius:15px;
    font-weight:900;
text-align:center;
    background:url(../slike/tabla2.png);
    color:#fff;
}
#boxa4{
    width:265px;
    float:left; 
    padding:5px;
    margin-top:1px;
    margin-left:7px;
    border-radius:15px;
    font-weight:900;
    text-align:center;
    background:url(../slike/tabla2.png);
    color:#fff;
}
#boxa5{
    width:465px;
    float:left; 
    padding:5px;
    margin-top:1px;
    margin-left:5px;
    border-radius:15px;
    background:url(../slike/tabla2.png);
    color:#fff;
    font: 24px Tahoma bold ;
    font-weight:900;
    text-align:center;
}
#boxa5 td {
   width:200px;
   background:url(../slike/tabla2.png);
   text-align:center;
}
#boxa5 table {
text-align:center;
margin-top:-300px;

}
#rad {
   width:380px;
   float:left;
   text-decoration:none;
   text-align:center;
   
}
#rad img {
width:300px;
}

#rad li {
    width:300px;
    margin-top:5px;
    text-align:center;
    list-style:none;
    border-radius:15px;
    padding-top:5px;
    font: 44px Tahoma bold ;
    color:#000;
}
#rad :hover {
     text-decoration:none;
     color:red;
}
#rad2 {
   width:375px;
   min-height:400px;
   padding:5px;
   margin-top:10px;
   margin-left:5px;
   font-weight:900;
   float:left;
    border-radius:10px;
   text-decoration:none;
   text-align:center;
  
color:#000;
}
#ceo{
width:960px;
text-align:center;

}
#najava{
width:950px;
border-radius:10px;
text-align:center;
padding-top:15px;
padding-left:5px;
padding-right:5px;
font:24px Tahoma serif-sans bold;
font-weight:900;
background:url(../slike/tabla.png);
color:#fff;

}
#footer{
clear:both;
color:#fff;
padding:10px;
margin-top:5px;
border-radius:5px;
text-align:center;
font:20px Tahoma serif-sans bold;
font-weight:900;
background:url(../slike/tabla2.png);
}
#footer .ser {
font:14px Tahoma serif-sans bold;
font-weight:900;
}
#meni a {padding:10px;

}
fieldset {
border: 2px solid #8b4513;
border-radius:5px;
padding: 1em;
font: 15px Tahoma bold;
}
fieldset .submit {
margin:auto;
border-style: none;
padding-left: 12em;
background-color: transparent;
background-image: none;
}


legend {
color: #ccc;
letter-spacing: 0.2em;
font-weight: bold;
padding: 0.5em 1em;
text-align:center;
margin:auto;
}
label {
float: left;
width: 200px;
margin-left: 350px;
text-align:center;
}
input {
height:50px;
width:300px;
font: 22px Tahoma bold;
border-radius:15px;
padding-left:5px;
margin:5px 5px 5px 300px;

}
#dragica {
   
   width:380px;
   min-height:400px;
   float:left;
   text-decoration:none;
   text-align:center;
   

}
#dragica li {
     width:300px;
     height:50px;
     margin:5px;
     color:#fff;
     text-align:center;
     cursor:pointer;
     padding-top:10px;
     border-radius:10px;
     list-style:none;
     background:url(slike/tabla.png);
}
#feed {
 font:22px Tahoma bold;
 color:red;
}
.rezultat{
font: 22px Tahoma bold;
color:red;
font-weight:900;

}
.rezultat2{
font: 48px Tahoma bold;
color:#fff;
font-weight:900;

}
.ser{
font: 5px Tahoma ;
color:#fff;
}
.user {
     font: 22px Tahoma bold;
     color:red;
}
.clear {
clear:both;
}

#boxcard {
                margin: auto;
                width: 625px;
              
}

#boxcard div {
                float: left;
                width: 100px;
                height: 100px;
                background: url(slike/tabla.png);
                margin: 5px;
                padding: 5px;
                border: 1px solid #999;
                cursor: pointer;
                -webkit-border-radius: .5em;
                -moz-border-radius: .5em;
                border-radius: .5em;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
                box-shadow: 0 1px 2px rgba(0,0,0,.5);
                
}
#boxcard div img {
                border: none;
                
}

.opacity {
                opacity: .6;
                filter: alpha(opacity=60);
}

#boxbutton {
                text-align: center;
                padding: 20px;
}
#brojac {
     text-align: center;
     font: 48px Tahoma bold;
      color:red;
     font-weight:900;
}
#dalje{
  text-align:center;
}
#error{
text-align:center;
font: 24px Tahoma bold;
      color:red;
     font-weight:900;
}
 td {
	height: 80px;
	width: 80px;
	border-radius:5px;
	background: url(slike/tabla.png);
         border: 1px solid #999;
      }
      td.prase {
	background-image: url('slike/01.png');
      }

      td.bik {
	background-image: url('slike/07.png');
      }

      td.koza {
	background-image: url('slike/08.png');
      }

      td.patka {
	background-image: url('slike/04.png');
      }

      td.krava {
	background-image: url('slike/05.png');
      }

      td.magare {
	background-image: url('slike/06.png');
      }

      td.white {
	background-image: url('slike/12.png');
      }

      td.black {
	background-image: url('slike/11.png');
      }

      #symbol-container {
	margin-left:150px;
	padding-bottom: 20px;
	width: 100%;
      }

      #guess-container {
	float: left;
        margin-left:60px;
	width: 495px;
      }

      #score-container {
	float: left;
	width: 400px;
      }
      #combination-box{
      clear:both;
      background: url(slike/tabla2.png);
      color:#fff;
      border-radius:10px;
      }
       #combination-box table{
     margin-left:300px;
}
#combination-box img{
 margin-left:330px;
}

      #symbols td:hover {
	cursor: pointer;
      }

      td.guess-button, td.delete {
	background: none;
       
      }
      
      td.guess-button input, td.delete input {
	padding: 10px 10px;
        margin:0;
        width:100px;
       background: url(slike/tabla2.png);
       text-align:center;
       
      }
#kraj{
  font: 42px Tahoma bold;
  color:#fff;
  background:url(slike/tabla.png);
  border-radius:10px;
}