/* project: internet services template

author: luka cvrk (www.solucija.com) */





/* default styles

-------------- */



body {

padding: 0;

margin: 0;

font: 0.7em Tahoma, sans-serif;

line-height: 1.5em;

background: #fff;

color: #454545;

}

a {	color: #E0691A;	background: inherit;}

a:hover { color: #6C757A; background: inherit; }



h1 {

font: bold 2em Tahoma, sans-serif;

border-left: solid 3px gray;

letter-spacing: -1px;

line-height:normal;

padding: 7px 0 0 8px;

margin-top: 5px;

margin-bottom: 10px;

}

.dark  { color: #454545; background: inherit; font-weight: bold; }

h1 a, h2 a { text-decoration: none;color:#454545 }

h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }

h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }

h2 { font-size: 1.5em; margin-bottom: 5px; color: #454545; background: inherit; }



.list1 {list-style: square outside url('images/right.gif');margin-left: 15px;}







p {	margin: 0 0 2px 0; }



#countrydivcontainer

{

border-top:1px solid gray;

width:490px;

margin-bottom: 1em; padding: 3px

}

.tabcontentiframe {

width:490px; height:700px; }



ul { margin: 0; padding : 0; list-style : none; }



form { 	margin: 0; }



input.search {

width: 292px;

border: 0;

background: #FFF url(images/input.gif) no-repeat;

padding: 4px;

color: #E0691A;

font-weight: bold;

}



input.submit {

background: #E0691A url(images/submit.gif) no-repeat;

border: 0;

padding: 4px 0;

width: 65px;

margin: 0 15px 1px 0;

color: #FFF;

font: bold 1em Arial, Sans-Serif;

}



input.login {

width: 150px;

border: none;



padding: 4px;

}



/* layout

------ */



.content {

margin: 0 auto;

width: 780px;

padding: 0px;

}



.header {

height: 113px;

/*background: #eee url(images/logo.png) no-repeat left; */

color: #808080;

margin: 0px;

padding: 0px;

border-bottom: 1px solid #ccc;

}





.top_info {

float: right;

width: 555px;

padding: 5px 0 4px 0;

border-bottom: 1px solid #eee;

background: #eee;

color: #808080;

}



.top_info_left {

width: 200px;

float: left;

}



.top_info_right {

float: right;

width: 290px;

padding: 0 0 0 35px;

border-left: 1px solid #eee;

}



.browse_category  {

font-size: 0.9em;

width: 190px;

color: #FFF;

background: inherit;

}



.bar {

clear: both;

overflow: hidden;

font-size: 1.1em;

height: 31px;

color: #FFF;

margin: 0 0 5px 0px;

background: #fe791b url('img/th_bg.jpg');

border-top:solid 1px #929292;

border-bottom:solid 1px #929292;

/*background: #FF9148;*/

}





.bar li {

margin: 0;

padding: 7px 12px 5px 12px;

color: #FFEADC;

float: left;

}



.bar li.active {

background:  url(images/bar.gif) no-repeat center top;

color: #fff;

font-weight: bold;

padding: 7px 10px 6px 10px;

}



.bar li a {

font-weight: bold;

color: #FFF;

background: inherit;

text-decoration: none;

}



.bar li a:hover {

color: #454545;

background: inherit;

}



.search_field {

background: #fff url(images/searchbg.gif) no-repeat right;

color: #808080;

clear: both;

font-weight: bold;

padding: 7px 25px 10px 10px;

margin: 5px 0;

}



.grey {

color: #808080;

background: inherit;

font-weight: normal;

}



.search_form { float: right; }



.subheader {

margin: 0px 0 10px 0;

border-bottom: 1px solid #eee;

padding: 5px 0 5px 0;

background: #A4A4A4;

color: #fff;

}

hr.left {width: 100%;height: 1px;color: #A9C0CE;}

hr.right {width: 100%;height: 1px;color: #6C757A;}



/* left side

--------- */



.left {

float: left;

width: 507px;

margin: 0 0 10px 0;

}



.left h3 {

clear: both;

background: #A9C0CE url(images/corner.gif) no-repeat top right;

color: #454545;

padding: 7px 0 7px 5px;

font: bold 1em Tahoma, Arial, Sans-Serif;

margin: 0px 3px 10px 0;

border-bottom:solid 1px #929292;



}

.left_side {

float: left;

width: 180px;

padding: 0 0 0 10px;

margin: 10px 0;
}



.left_side a, .right_side a { color: #414141; background: #FFF; }



.right_side {

float: right;

width: 220px;

background: #FFF url(images/dotted.gif) repeat-y;

color: #454545;

padding: 0 0 0 40px;

margin: 10px 0;

}



.left_box {clear: both;  margin: 0 0 10px 0; color: #000; background: #FFF; padding: 0px; }







/* right side

---------- */



.right {

float: right;

width: 273px;

margin: 0 0 10px 0;

}



.right h3 {

background: #6C757A  url(images/corner.gif) no-repeat top right;

color: #FFF;

height:14px;

padding: 7px 0px 7px 5px;

font: bold 1em Tahoma, Arial, Sans-Serif;

margin: 0 0 3px 0;

border-bottom:solid 1px #a9c0ce;

vertical-align: middle;

}



.right_articles {

background: #f5f5f5;

color: #414141;

padding: 3px;

margin: 0px 5px 0px 0px;

}

#marqueecontainer{

float: right;

position: relative;

width: 267px; /*marquee width */

height: 350px; /*marquee height */

background-color: white;

overflow: hidden;

border: 0px solid orange;

padding: 0px;

padding-left: 4px;

}



#marqueecontainer2{

float: right;

position: relative;

width: 267px; /*marquee width */

height: 350px; /*marquee height */

background-color: white;

overflow: hidden;

border: 0px solid orange;

padding: 0px;

padding-left: 4px;

}





img {border:0px solid gray}



.image {

float: left;border:1px solid gray;

margin: 2px 9px 3px 0;

border:0px;

}

.ico {



margin: -2px 2px 0px 0;

vertical-align: middle;

}

/* footer

------ */



.footer {

clear: both;

text-align: center;

padding: 10px 0 10px 0;

margin: 0;

border-top: 0px solid #ccc;

line-height: 1.8em;

}



.footer a { color: #808080; background: #fff; }



.bottom {

float: left;

border:dashed 0px gray;

background-color: #EDEDED;

vertical-align: middle;

text-align: left;

width: 187px;

height:180px;

margin: 3px;

}

.bottom h3 {

background: #E0691A  url(images/corner.gif) no-repeat top right;

color: white;

padding: 7px 0 7px 5px;

font: bold 1em Tahoma, Arial, Sans-Serif;

text-align: left;

margin: 0 0 3px 0;

border-bottom:solid 1px #a9c0ce;

vertical-align: middle;



}

.opcije {

font: bold 1em Tahoma, Arial, Sans-Serif;

border-top:dashed 1px gray;

border-bottom :dashed 1px gray;

background-color: #EDEDED;

vertical-align: middle;

width: 100%;

margin: 0 0 10px 0;

}





#firma_table 			{



display: table;float:left;

width:99%;

border-collapse:collapse;

border-bottom:0px dashed #A9C0CE;

margin: 0px 0px 0px 0px ;

padding:0px;

background-color: #fff ;

color:#454545;

font: normal 11px Tahoma,Arial Sans-Serif;

}





#firma_table th    {

text-align: center;

height:19px;

font: bold 11px Tahoma,Arial Sans-Serif;

vertical-align: middle;

padding: 6px;

white-space: nowrap;

background-color: #A9C0CE ;

border-bottom:solid 1px #454545;

}

#firma_table th.top_left { background: #A9C0CE url('images/corner.gif') no-repeat  top right}



#firma_table td.col1    {

text-align: right;

width:15%;

font: 11px Tahoma,Arial Sans-Serif;

vertical-align: top;

padding: 6px;

background-color: #fff ;

white-space: nowrap;

/*border-bottom: 1px dashed #BBBBBB;*/

border-right: 1px dashed #454545;

}

#firma_table td.col2    {

width:35%;

font: bold 11px Tahoma,Arial Sans-Serif;

text-align: left;

background-color: #fff ;

vertical-align: text-top;

padding: 6px;

/* border-bottom: 1px dashed #454545;*/

}

#firma_table td.col    {

font: normal 11px Tahoma,Arial Sans-Serif;

text-align: left;

vertical-align: middle;

padding-top: 3px;  padding-bottom : 3px;

/* border-bottom: 1px dashed #454545;*/

}

#firma_table a    {

text-decoration:none;

color:#454545;



}





.shadetabs{

padding: 3px 0;

margin-left: 3px;

margin-top: 1px;

margin-bottom: 0;

font: bold 10px Tahoma;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{



display: inline;

margin: 0;

}



.shadetabs li.podteme{

font: bold 11px Tahoma;

display: inline;

margin: 0;

}





.shadetabs li a{

text-decoration: none;

position: relative;

z-index: 1;

padding: 3px 7px;

margin-right: 1px;

border: 1px solid #778;

color: #2d2b2b;

background: white url('images/shade.gif') top left repeat-x;

}



.shadetabs li a:visited{

color: #2d2b2b;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #2d2b2b;

}



.shadetabs li a.selected{ /*selected main tab style */

position: relative;

top: 1px;

}



.shadetabs li a.selected{ /*selected main tab style */

background-image: url('images/shadeactive.gif');

border-bottom-color: white;

}



.shadetabs li a.selected:hover{ /*selected main tab style */

text-decoration: none;

}