/***************************************/
/* klase koje se koriste za uramljivanjei */
/****************************************/
 
 body{
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 
    color: #000000;
	  margin:5px;
	  padding:0;
  }

h1 {
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size:22px;
    font-weight:bold;
    color:#877063;
	  margin:0;
	   padding:3px 0px 3px 10px;
  }
  
h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size:14px; 
    font-weight:bold; 
    color:#707070;
    padding:15px 0px 0px 0px;
    margin:0;
  }
  
h3 { 
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size:16px; 
    font-weight:bold; 
    color:#877063;
    padding:15px 0px 7px 0px;
    margin:0;
  }
  
a { 
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size:12px; 
    color:#877063;
    margin-right:20px;
    padding:0;
  }
a:hover{ 
    color:#FF0000;
  }
  
table, td, tr, img{ 
    padding:0;
    margin:0;
  }

#okvir{background-color:#FFF8DC;}
#ram{background-color:#696969;}

.heder{
    background-color:#EAE8DD;
    border-bottom: 1px solid #b8a69c;
  }

.footer{
    background-color:#EAE8DD;
    border-top: 1px solid #b8a69c;
    padding: 3px 10px 0px 10px;
  }
  
input, button{
    background-color:#b8a69c;
  }

.select{
 border: 1px solid #b8a69c;
 padding-top:0px;
 padding-bottom:1px;
}
#frame_outter{
	text-align:center;
	vertical-align:middle;	
}
#td_ram{
	border-width:<?php echo DEFAULT_RAM;?>px; 
	background-color: #696969;
	padding:0;
	margin:0;
}
#td_okvir{
	border-width:<?php echo DEFAULT_OKVIR;?>px; 
	background-color: #FFF8DC;
	padding:0;
	margin:0;
}

.info_text{ 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color:#000000;
padding:0px 0px 7px 0px;
margin:0;
}
a.more_colors { 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px; 
color:#CC0000;
margin-right:7px;
padding:0;
}
a.more_colors:hover{ 
color:#FF0000;
}
.btext{ 
font-size:14px; 
font-weight:bold; 
color:000000;
}
.matbold {
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size:14px; 
    font-weight:bold; 
    color:#&35D50;
    padding:0;
    margin:0;
  }
.mattext {
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size:14px; 
    font-weight:normal; 
    color:#877063;
    padding:0;
    margin:0;
  }
/* Copyright */
#copyright{ 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding:0;
	margin:0px 0px 10px 0px;
	border-top:1px solid #FFFFFF;
	color: #000000;
}
#copyright a{ 
	margin:0;
	color: #000000;
	text-decoration:none;
}
#copyright a:hover{ 
	text-decoration:underline;
  }
  
 table.bez_rama { align: center }

.model_0 .gl{background: url(b/gl.jpg);}/* gore levo  */
.model_0 .gd{background: url(b/gd.jpg);}/* gore desno */
.model_0 .de{background: url(b/de.jpg);}/* desno      */
.model_0 .l{background: url(b/l.jpg);}/* levo       */
.model_0 .dd{background: url(b/dd.jpg);}/* dole desno */
.model_0 .dl{background: url(b/dl.jpg);}/* dole levo  */
.model_0 .d{background: url(b/d.jpg);}/* dole       */
.model_0 .g{background: url(b/g.jpg);}/* gore       */
/* za svaki naredni ram mora se dodati ovoliko klasa kao sto je dole navedeno menja se samo ime prve klase potrebno vam je 8 slicica za svaku ram ako pravite senku (kao na ovom primeru sto sam posl'o) tj. ako se leva strana razlikuje od desne a gornja od donje, a 6 ako radite bez pravljenja senke */

.model_1 .gl{background: url(../framing/1gl.jpg) no-repeat right bottom;}
.model_1 .gd{background: url(../framing/1gd.jpg) no-repeat left bottom;}
.model_1 .de{background: url(../framing/1de.jpg) repeat-y left;}
.model_1 .l{background: url(../framing/1l.jpg) repeat-y right;}
.model_1 .dd{background: url(../framing/1dd.jpg) no-repeat top left;}
.model_1 .dl{background: url(../framing/1dl.jpg) no-repeat top right;}
.model_1 .d{background: url(../framing/1d.jpg) repeat-x top;}
.model_1 .g{background: url(../framing/1g.jpg) repeat-x bottom;}

.model_2 .gl{background: url(../framing/2gl.jpg) no-repeat right bottom;}
.model_2 .gd{background: url(../framing/2gd.jpg) no-repeat left bottom;}
.model_2 .de{background: url(../framing/2de.jpg) repeat-y left;}
.model_2 .l{background: url(../framing/2l.jpg) repeat-y right;}
.model_2 .dd{background: url(../framing/2dd.jpg) no-repeat top left;}
.model_2 .dl{background: url(../framing/2dl.jpg) no-repeat top right;}
.model_2 .d{background: url(../framing/2d.jpg) repeat-x top;}
.model_2 .g{background: url(../framing/2g.jpg) repeat-x bottom;}

.model_3 .gl{background: url(../framing/3gl.jpg) no-repeat right bottom;}
.model_3 .gd{background: url(../framing/3gd.jpg) no-repeat left bottom;}
.model_3 .de{background: url(../framing/3de.jpg) repeat-y left;}
.model_3 .l{background: url(../framing/3l.jpg) repeat-y right;}
.model_3 .dd{background: url(../framing/3dd.jpg) no-repeat top left;}
.model_3 .dl{background: url(../framing/3dl.jpg) no-repeat top right;}
.model_3 .d{background: url(../framing/3d.jpg) repeat-x top;}
.model_3 .g{background: url(../framing/3g.jpg) repeat-x bottom;}

.model_4 .gl{background: url(../framing/4gl.jpg) no-repeat right bottom;}
.model_4 .gd{background: url(../framing/4gd.jpg) no-repeat left bottom;}
.model_4 .de{background: url(../framing/4de.jpg) repeat-y left;}
.model_4 .l{background: url(../framing/4l.jpg) repeat-y right;}
.model_4 .dd{background: url(../framing/4dd.jpg) no-repeat top left;}
.model_4 .dl{background: url(../framing/4dl.jpg) no-repeat top right;}
.model_4 .d{background: url(../framing/4d.jpg) repeat-x top;}
.model_4 .g{background: url(../framing/4g.jpg) repeat-x bottom;}

.model_5 .gl{background: url(../framing/5gl.jpg) no-repeat right bottom;}
.model_5 .gd{background: url(../framing/5gd.jpg) no-repeat left bottom;}
.model_5 .de{background: url(../framing/5de.jpg) repeat-y left;}
.model_5 .l{background: url(../framing/5l.jpg) repeat-y right;}
.model_5 .dd{background: url(../framing/5dd.jpg) no-repeat top left;}
.model_5 .dl{background: url(../framing/5dl.jpg) no-repeat top right;}
.model_5 .d{background: url(../framing/5d.jpg) repeat-x top;}
.model_5 .g{background: url(../framing/5g.jpg) repeat-x bottom;}

.model_6 .gl{background: url(../framing/6gl.jpg) no-repeat right bottom;}
.model_6 .gd{background: url(../framing/6gd.jpg) no-repeat left bottom;}
.model_6 .de{background: url(../framing/6de.jpg) repeat-y left;}
.model_6 .l{background: url(../framing/6l.jpg) repeat-y right;}
.model_6 .dd{background: url(../framing/6dd.jpg) no-repeat top left;}
.model_6 .dl{background: url(../framing/6dl.jpg) no-repeat top right;}
.model_6 .d{background: url(../framing/6d.jpg) repeat-x top;}
.model_6 .g{background: url(../framing/6g.jpg) repeat-x bottom;}

.model_7 .gl{background: url(../framing/7gl.jpg) no-repeat right bottom;}
.model_7 .gd{background: url(../framing/7gd.jpg) no-repeat left bottom;}
.model_7 .de{background: url(../framing/7de.jpg) repeat-y left;}
.model_7 .l{background: url(../framing/7l.jpg) repeat-y right;}
.model_7 .dd{background: url(../framing/7dd.jpg) no-repeat top left;}
.model_7 .dl{background: url(../framing/7dl.jpg) no-repeat top right;}
.model_7 .d{background: url(../framing/7d.jpg) repeat-x top;}
.model_7 .g{background: url(../framing/7g.jpg) repeat-x bottom;}

.model_8 .gl{background: url(../framing/8gl.jpg) no-repeat right bottom;}
.model_8 .gd{background: url(../framing/8gd.jpg) no-repeat left bottom;}
.model_8 .de{background: url(../framing/8de.jpg) repeat-y left;}
.model_8 .l{background: url(../framing/8l.jpg) repeat-y right;}
.model_8 .dd{background: url(../framing/8dd.jpg) no-repeat top left;}
.model_8 .dl{background: url(../framing/8dl.jpg) no-repeat top right;}
.model_8 .d{background: url(../framing/8d.jpg) repeat-x top;}
.model_8 .g{background: url(../framing/8g.jpg) repeat-x bottom;}

.model_9 .gl{background: url(../framing/9gl.jpg) no-repeat right bottom;}
.model_9 .gd{background: url(../framing/9gd.jpg) no-repeat left bottom;}
.model_9 .de{background: url(../framing/9de.jpg) repeat-y left;}
.model_9 .l{background: url(../framing/9l.jpg) repeat-y right;}
.model_9 .dd{background: url(../framing/9dd.jpg) no-repeat top left;}
.model_9 .dl{background: url(../framing/9dl.jpg) no-repeat top right;}
.model_9 .d{background: url(../framing/9d.jpg) repeat-x top;}
.model_9 .g{background: url(../framing/9g.jpg) repeat-x bottom;}

.model_10 .gl{background: url(../framing/10gl.jpg) no-repeat right bottom;}
.model_10 .gd{background: url(../framing/10gd.jpg) no-repeat left bottom;}
.model_10 .de{background: url(../framing/10de.jpg) repeat-y left;}
.model_10 .l{background: url(../framing/10l.jpg) repeat-y right;}
.model_10 .dd{background: url(../framing/10dd.jpg) no-repeat top left;}
.model_10 .dl{background: url(../framing/10dl.jpg) no-repeat top right;}
.model_10 .d{background: url(../framing/10d.jpg) repeat-x top;}
.model_10 .g{background: url(../framing/10g.jpg) repeat-x bottom;}

.model_11 .gl{background: url(../framing/11gl.jpg) no-repeat right bottom;}
.model_11 .gd{background: url(../framing/11gd.jpg) no-repeat left bottom;}
.model_11 .de{background: url(../framing/11de.jpg) repeat-y left;}
.model_11 .l{background: url(../framing/11l.jpg) repeat-y right;}
.model_11 .dd{background: url(../framing/11dd.jpg) no-repeat top left;}
.model_11 .dl{background: url(../framing/11dl.jpg) no-repeat top right;}
.model_11 .d{background: url(../framing/11d.jpg) repeat-x top;}
.model_11 .g{background: url(../framing/11g.jpg) repeat-x bottom;}

.model_12 .gl{background: url(../framing/12gl.jpg) no-repeat right bottom;}
.model_12 .gd{background: url(../framing/12gd.jpg) no-repeat left bottom;}
.model_12 .de{background: url(../framing/12de.jpg) repeat-y left;}
.model_12 .l{background: url(../framing/12l.jpg) repeat-y right;}
.model_12 .dd{background: url(../framing/12dd.jpg) no-repeat top left;}
.model_12 .dl{background: url(../framing/12dl.jpg) no-repeat top right;}
.model_12 .d{background: url(../framing/12d.jpg) repeat-x top;}
.model_12 .g{background: url(../framing/12g.jpg) repeat-x bottom;}

.model_13 .gl{background: url(../framing/13gl.jpg) no-repeat right bottom;}
.model_13 .gd{background: url(../framing/13gd.jpg) no-repeat left bottom;}
.model_13 .de{background: url(../framing/13de.jpg) repeat-y left;}
.model_13 .l{background: url(../framing/13l.jpg) repeat-y right;}
.model_13 .dd{background: url(../framing/13dd.jpg) no-repeat top left;}
.model_13 .dl{background: url(../framing/13dl.jpg) no-repeat top right;}
.model_13 .d{background: url(../framing/13d.jpg) repeat-x top;}
.model_13 .g{background: url(../framing/13g.jpg) repeat-x bottom;}

.model_14 .gl{background: url(../framing/14gl.jpg) no-repeat right bottom;}
.model_14 .gd{background: url(../framing/14gd.jpg) no-repeat left bottom;}
.model_14 .de{background: url(../framing/14de.jpg) repeat-y left;}
.model_14 .l{background: url(../framing/14l.jpg) repeat-y right;}
.model_14 .dd{background: url(../framing/14dd.jpg) no-repeat top left;}
.model_14 .dl{background: url(../framing/14dl.jpg) no-repeat top right;}
.model_14 .d{background: url(../framing/14d.jpg) repeat-x top;}
.model_14 .g{background: url(../framing/14g.jpg) repeat-x bottom;}

.model_15 .gl{background: url(../framing/15gl.jpg) no-repeat right bottom;}
.model_15 .gd{background: url(../framing/15gd.jpg) no-repeat left bottom;}
.model_15 .de{background: url(../framing/15de.jpg) repeat-y left;}
.model_15 .l{background: url(../framing/15l.jpg) repeat-y right;}
.model_15 .dd{background: url(../framing/15dd.jpg) no-repeat top left;}
.model_15 .dl{background: url(../framing/15dl.jpg) no-repeat top right;}
.model_15 .d{background: url(../framing/15d.jpg) repeat-x top;}
.model_15 .g{background: url(../framing/15g.jpg) repeat-x bottom;}

.model_16 .gl{background: url(../framing/16gl.jpg) no-repeat right bottom;}
.model_16 .gd{background: url(../framing/16gd.jpg) no-repeat left bottom;}
.model_16 .de{background: url(../framing/16de.jpg) repeat-y left;}
.model_16 .l{background: url(../framing/16l.jpg) repeat-y right;}
.model_16 .dd{background: url(../framing/16dd.jpg) no-repeat top left;}
.model_16 .dl{background: url(../framing/16dl.jpg) no-repeat top right;}
.model_16 .d{background: url(../framing/16d.jpg) repeat-x top;}
.model_16 .g{background: url(../framing/16g.jpg) repeat-x bottom;}

.model_17 .gl{background: url(../framing/17gl.jpg) no-repeat right bottom;}
.model_17 .gd{background: url(../framing/17gd.jpg) no-repeat left bottom;}
.model_17 .de{background: url(../framing/17de.jpg) repeat-y left;}
.model_17 .l{background: url(../framing/17l.jpg) repeat-y right;}
.model_17 .dd{background: url(../framing/17dd.jpg) no-repeat top left;}
.model_17 .dl{background: url(../framing/17dl.jpg) no-repeat top right;}
.model_17 .d{background: url(../framing/17d.jpg) repeat-x top;}
.model_17 .g{background: url(../framing/17g.jpg) repeat-x bottom;}

.model_18 .gl{background: url(../framing/18gl.jpg) no-repeat right bottom;}
.model_18 .gd{background: url(../framing/18gd.jpg) no-repeat left bottom;}
.model_18 .de{background: url(../framing/18de.jpg) repeat-y left;}
.model_18 .l{background: url(../framing/18l.jpg) repeat-y right;}
.model_18 .dd{background: url(../framing/18dd.jpg) no-repeat top left;}
.model_18 .dl{background: url(../framing/18dl.jpg) no-repeat top right;}
.model_18 .d{background: url(../framing/18d.jpg) repeat-x top;}
.model_18 .g{background: url(../framing/18g.jpg) repeat-x bottom;}

.model_19 .gl{background: url(../framing/19gl.jpg) no-repeat right bottom;}
.model_19 .gd{background: url(../framing/19gd.jpg) no-repeat left bottom;}
.model_19 .de{background: url(../framing/19de.jpg) repeat-y left;}
.model_19 .l{background: url(../framing/19l.jpg) repeat-y right;}
.model_19 .dd{background: url(../framing/19dd.jpg) no-repeat top left;}
.model_19 .dl{background: url(../framing/19dl.jpg) no-repeat top right;}
.model_19 .d{background: url(../framing/19d.jpg) repeat-x top;}
.model_19 .g{background: url(../framing/19g.jpg) repeat-x bottom;}

.virtualpage, .virtualpage2, .virtualpage3, .virtualpage5{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
margin:5px;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: left;
padding: 2px 0;
margin: 0 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color:#EAE8DD;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color:#EAE8DD;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

.shadetabs, .shadetabss{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; 
}

.shadetabs li, .shadetabss li{
display: inline;
margin: 0;
}

.shadetabs li a, .shadetabss li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
color: #2d2b2b;
background-color: #b8a69c;
border-top: 1px solid #b8a69c;
border-left: 1px solid #b8a69c;
border-right: 1px solid #b8a69c;
border-bottom: 1px solid #EAE8DD;
}

.shadetabs li a:visited, .shadetabss li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover, .shadetabss li a:hover{
text-decoration: underline;
color: #ffffff;
}

.shadetabs li.selected, .shadetabss li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a, .shadetabss li.selected a{ 
background-color: #EAE8DD;
border-bottom: 0;
}

.shadetabs li.selected a:hover, .shadetabss li.selected a:hover{ 
text-decoration: none;
color: #2d2b2b;
}

.tabcontentstyle{ 
border-top: 1px solid #b8a69c;
border-left: 1px solid #b8a69c;
border-right: 0;
border-bottom: 0;
background-color: #EAE8DD;
margin-bottom: 5px;
padding-right: 5px;
}
.tabcontentstyles{ 
border-top: 1px solid #b8a69c;
border-right: 0;
border-bottom: 0;
background-color: #EAE8DD;
padding-bottom: 0;
padding-right: 5px;
padding-left: 48px;
padding-top: 10px;
width:590px;
}

.tabcontent, .tabcontents{
display:none;

}
@media print {
.tabcontent, .tabcontents {
display:block!important;
}
 
.divarea {overflow:auto;width:355px;height:120px;}
.divarea .imgmat {width:35;height:35;float:left;}