/*
*******************
*=miscellaneous
*******************
*/
html {overflow-y: scroll;}

body { 
background: #F0F0F0; 
} 

.container_12 {
     margine-top: 10px;
	 background: white; 
	 border-left: 1px solid black;
	 border-right: 1px solid black;
	 

}

p {
     font-size: 13px;
	 line-height: 20px;
	 color: #353535;
	 padding-left: 5px;
}


h1, h2 {
     letter-spacing: -1px;
	 padding-left: 5px;
	 padding-right: 5px;
}

h3 {
     font-size: 26px;
	 text-transform: lowercase;
	 border-bottom: 1px solid #d1d1d1;
	 padding-bottom: 15px;
	 margin-bottom: 5px;
	 line-height: 1em;
}

h5{
     padding-left: 5px;
	 padding-right: 5px;
}

a {
     color: #7e7e7e;
	 text-decoration: none;
}

a:hover, .selected {
     color: black;
	 
}

.button {
     background: #242324;
	 padding: 6px;
	 color: white;
	 font-size: 11px;
	 text-transform: uppercase;
}

.button:hover {
     background: black;
     color: white;
}

li {
     margin-left: 24px;
}

.notice {
	color: red;
	font-style: italic;
	}


/*
*******************
*=Header
*******************
*/

header {  
     overflow: hidden;
	 
}

header h1 { 
     background: white;
	 width: 500px;
	 margin: 10px 10px 20px;
	 float: left;
     font-family: 'Squada One', cursive;
     font-size: 40px;
	 color: black;
	 text-shadow: 0 1px 0 #666;

	 
}

/*
*******************
*=nav
*******************
*/

nav {
     float: right;
	 padding-right: 10px;
	 padding-top: 25px;
}

nav li {
     display: inline;
}

nav a {
     text-transform: lowercase;
}

/*
*******************
*=banner
*******************
*/

.banner {
     background: url(../img/sub_banner.jpg) no-repeat;
	 width: 750px;
	 height: 270px;
	 clear: both;	
	 position: relative;	 
}

.banner h2 {
     color: white;
	 font-size: 28px;
	 width: 400px;
	 font-weight: normal;
	 position: absolute;
	 bottom: 0;
	 padding: 0 8px;
	 left: 5px;
	 background: rgba(0,0,0, .5);
}

.banner2 {
     background: url(../img/risk_banner.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.banner6 {
     background: url(../img/score_banner.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.banner4 {
     background: url(../img/cards_b.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	
	 
}

.banner5 {
     background: url(../img/exp_banner.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	
	 
}

.banner7 {
     background: url(../img/login_banner.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.banner8 {
     background: url(../img/scoreold_banner.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.bannerp1 {
     background: url(../img/p_blue.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.bannerp2 {
     background: url(../img/p_black.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.bannerp3 {
     background: url(../img/p_brown.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.bannerp4 {
     background: url(../img/p_green.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}

.bannerp5 {
     background: url(../img/p_red.jpg) no-repeat;
	 width: 700px;
	 height: 300px;
	 clear: both;	
	 padding-top: 10px;
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
     position: relative;	 
}



.today {
     border-bottom: 1px solid black;
	 background: #EEEEEE;
}
.box {
     background: #EEEEEE;
	 height: 270px;
	 
}

.box ul {
     padding-right: 2px;
}

.box h5 {
     padding-left: 3px;
	 padding-top: 3px;
	 
}

/*
*******************
*=main
*******************
*/

.main {
     margin-top: 15px;
	 }

.prvi, .treci, .peti {
	 background: #EEEEEE;
}

.grid_6 {
     background: #F5F5F5;
	 
	
}

form { 
margin: 0 auto; 
text-align: center;
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
	
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
	
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/*
*******************
*=next
*******************
*/

.next {
     margin-top: 20px;
	 }
	 

img.center22 { 

    display: block; 

    margin-left: auto; 

    margin-right: auto;

}

.picture {
    display: block; 

    margin-left: auto; 

    margin-right: auto;

     padding:1px;
     border:1px solid #021a40;
     background-color:white;
}

.picturex {
    display: block; 

    margin-left: auto; 

    margin-right: auto;

     padding:1px;
     border:5px solid #021a40;
     background-color:white;
}


.centered1 {
    text-align: center;
}

.graph {
                width: 400px; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
                height: 30px;
                border: 1px solid #888; 
                background: rgb(168,168,168);
                background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
                background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
                background: linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                position: relative;
}

            #bar {
                height: 29px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
                background: rgb(255,197,120); 
                background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(244,128,38,1) 100%); 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(244,128,38,1))); 
                background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
                background: -o-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
                background: -ms-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
                background: linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
                border-top: 1px solid #fceabb;
            }
            #bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; }
            .error {
                /* These styles are arbitrary */
                background-color: #fceabb;
                padding: 1em;
                font-weight: bold;
                color: red;
                border: 1px solid red;
}
			
.round
       {
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding: 5px;
        border: 2px solid #000;
    }			

/*
*******************
*=Image Gallery
*******************
*/
div.imgg
  {
  margin:5px;
  padding: 5px;
  border:1px solid #909090  ;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.imgg img
  {
  display:inline;
  margin:5px;
  border:1px solid #ffffff;
  }
div.imgg a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:5px;
  }
      
/*
*******************
*=footer
*******************
*/


footer {
     clear: both;
	 border-top: 1px solid #d1d1d1;
	 padding-top: 18px;
	 padding-left: 10px;
	 margin-top: 30px;
}