/* project: Virtus International
   author: Vladimir Brasnjevic */

   
/* default styles
   -------------- */
   
body {
	padding: 0;
	margin: 0;
	font: 0.7em Tahoma, sans-serif;
	line-height: 1.5em;
	background: #fff url(../images/bg_line.jpg) repeat-y center top;
	color: #454545;
}
a img {
	border: inherit;
}
a {
	color: #2c448e;
	text-decoration: none;
}
a:hover {
	color: #c32825;
	text-decoration: underline;
}
h1 {
	font: normal 2.1em Arial, Sans-Serif;
	letter-spacing: 0px;
	padding: 7px 0 0 8px;
	margin: 0;
}
.dark {
	color: #737373;
	font-weight: bold;
}
h1 a, h2 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	color: #FF6600;
}
p {
	margin: 5px;
	font: 1em Tahoma, sans-serif;
	line-height: 1.3em;
}
ul {
	margin: 0;
	padding : 0;
	list-style : none;
}
/* layout
   ------ */

.content {
	margin: 0 auto;
	width: 780px;
	padding: 0px;
}
.header {
	height: 100px;
	width: 100%;
	background: #fff;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
.bar {
	clear: both;
	font-size: 1.1em;
	line-height: 1.1em;
	height: 30px;
	color: #FFF;
	margin: 0px;
	background: url(../images/bg-plava.gif) repeat-x;
}
.bar li {
	margin: 0;
	padding: 7px 12px 5px 12px;
	color: #FFEADC;
	float: left;
	border-right: #154292 2px solid;
}
.bar li.active {
	background: url(../images/bg-crvena.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 7px 10px 9px 10px;
}
.bar li a {
	font-weight: bold;
	color: #fff;
	background: none;
	text-decoration: none;
}
.bar li a:hover {
	color: #fff;
	background: url(../images/bar.gif) no-repeat center top;
	padding: 8px 0px;
}
/* right side
   --------- */
#heading {
	background: #2c448e;
	color: #fff;
	padding: 0px 5px;
	font-weight: bold;
	margin: 0px;
}
.right {
	background: #f5f5f5;
	float: right;
	width: 545px;
	margin: 0 0 10px 0;
}
.right p {
	margin: 5px;
	font: 1em Tahoma, sans-serif;
	line-height: 1.7em;
}
.right h1 {
	height: 14px;
	background: url(../images/bg-plava.gif) repeat-x;
	color: #fff;
	padding: 7px 0 7px 10px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0px;
	text-align: center;
}
.right h2 {
	font: bold 1.5em Arial, Sans-Serif;
	color: #2c448e;
	line-height: 1.8em;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0;
}
.right h3 {
	clear: both;
	background: #920704;
	border-bottom:solid 4px #E8A32A;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
.right h4 {
	height: 10px;
	clear: none;
	background: #f5f5f5;
	color: #2c448e;
	padding: 10px 0px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 10px 0px;
}
.right h5 {
	height: 15px;
	display: block;
	background: #8b9dda;
	color: #fff;
	padding: 3px 0px 0px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	line-height: 1em;
	margin: 0px 5px;
}
.left_side {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.right_side {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.left_side a, .right_side a {
	color: #414141;
	background: #FFF;
}
.right_top_box {
	margin: 0 0 10px 0;
	color: #000;
	background: #FFF;
	padding: 5px;
	border: 2px solid #2C448E;
	text-align: justify;
	height: 100%;
	
}
.right_bottom_box {
	margin: 0px;
	color: #000;
	background: #FFF;
	padding: 0px;
	border: 2px solid #920704;
	height: 200px;
}
.right_bottom_inside {
	margin: 0px;
	color: #000;
	background: #FFF;
	padding: 0px;
	border: 2px solid #920704;
}
.right_humanity {
	background: #2c448e;
	color: #fff;
	clear: both;
	padding-left:5px;
}
/* left side
   ---------- */
		
.left {
	float: left;
	width: 235px;
	margin: 0px 0px 10px 0px;
}
.left h3 {
	background: #920704;
	border-bottom:solid 4px #E8A32A;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}
.left h1 {
	height: 15px;
	background: url(../images/bg-crvena.gif) repeat-x;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
}
.left_articles {
	background: #f5f5f5 url(../images/dotted.gif) repeat-x;
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
	float:none;
}
.left_articles p {
	margin: 0px;
	text-align: left;
}
.left_articles li {
	margin: 0;
	padding: 7px 12px 5px 25px;
	color: #2C448E;
	background:url(../images/strelica_red.gif) no-repeat left center #f5f5f5;
	border-bottom:solid 1px #2C448E;
	float: none;
}
.left_articles li.active {
	background: #f5f5f5;
	color: #c32825;
	font-weight: bold;
	padding: 7px 10px 6px 10px;
	border-bottom:#2C448E solid 2px;
}
.left_articles li a {
	background: #f5f5f5;
	font-weight: bold;
	color: #2C448E;
	text-decoration: none;
}
.left_articles li a:hover {
	background: #f5f5f5;
	color: #c32825;
}
.image {
	float: left;
	margin: 0 9px 3px 0;
}
.imageright {
	float: right;
	margin: 0 3px 0px 5px;
}
/* footer
   ------ */

.footer {
	background: #fff;
	height: 35px;
	width: 100%;
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}
.footer a {
	color: #808080;
	background: #fff;
}
/* CONTAKT FORM */

#contactFormArea {
	margin: 10px 10px 10px 25px;
	width: 300px;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
label {
	display: block;
	padding-top: 10px;
}
input.text, textarea {
	width:300px;
	font:12px/12px 'courier new', courier, monospace;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc;
}
input.submit {
	padding:2px 5px;
	font:bold 12px/12px verdana, arial, sans-serif;
}
#contact_right {
	width: 150px;
	border: 3px solid #2c448e;
	float: right;
	margin: 37px 10px 0px 0px;
}
/* OSTALI STILOVI */
.style1 {
	color: #2c448e;
	font-weight: bold;
}
.style2 {
	color: #2c448e;
	font-weight: bold;
}
.style3 {
	color: #2c448e;
	font-weight: bold;
}
.style4 {
	color: #e8a32a
}
.style6 {color: #920704}

/* GOOGLE NEWS BAR */
  #newsBar {
      background-color: white;
      font-family: Arial, sans-serif;
      font-size: 11px;
	  line-height: 13px;
      margin : 3px;
      width : 210px;
	  height: 210px;
	  overflow: hidden;
	  }
	  
	#newsBarPrince {
      background-color: white;
      font-family: Arial, sans-serif;
      font-size: 11px;
	  line-height: 13px;
      margin : 3px;
      width : 210px;
	  height: 210px;
	  overflow: hidden;
	  }


/* CLIENTS */


div.clients {
	width: 520px;
	height: 100px;
	padding: 10px 5px;
}
.pdf_video {
	background: #8B9DDA;
	color: #fff;
	font-weight: bold;
	clear: both;
	padding-left:5px;
	text-decoration: none;
}
.pdf_video a {
	background: #8B9DDA;
	color: #fff;
	font-weight: bold;
	clear: both;
	text-decoration: none;
}
.pdf_video a:link {
	background: #8B9DDA;
	color: #fff;
	font-weight: bold;
	clear: both;
	text-decoration: none;
}
.pdf_video a:hover {
	background: #8B9DDA;
	color: #fff;
	font-weight: bold;
	clear: both;
	text-decoration: underline;
}

/* STILOVI ZA CV IGRACA - TABELE */

img.play_system_image {
	float: left;
	padding-right: 4px;
	padding-bottom: 10px;
}
div.details_wraper {
	display: table-cell;
}
div.details_left {
	width: 395px;
	float: left;
}
div.details_right {
	width: 120px;
	float: left;
	padding: 3px 0 0 10px;
	margin: 0px;
	float: left;
}
div.details_image_preview {
	margin-bottom: 5px;
	text-align: center;
}
div.details_functions {
	border: #2C448E solid 1px;
	margin: 0px;
}
div.details_functions_header {
	line-height: 1.3em;
	padding: 0px 5px;
	border-bottom: #FFFFFF solid 1px;
	background-color: #2C448E;
	font-weight: bold;
	color: #FFFFFF;
}
.details_first_td {
	width: 120px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-align: left;
}
.details_td {
	padding-left: 10px;
	border-right: #f3f2ee solid 1px;
	text-align: left;
}
.details_td p {
	line-height: 1.2em;
	text-indent: -6px;
}
.details_td_list {
	padding-left: 10px;
	background: #f3f2ee;
	border-right: #f3f2ee solid 1px;
	text-align: left;
}


/*
==================Default Tables Styling======================*/
/*  In a transition period, we'll use a sglTable class to style tables
    Everyone is encouraged not to use tables for layout purposes
    TODO: remove this when all layout tables have been replaced */

table {
	border-collapse: collapse;
	font-size: 11px;
}
.full {
	width:395px;
}
table th {
	background-color: #b5b3a7;
	border-right: 1px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	color: #FFFFFF;
}
table tr {
	line-height: 2.0em;
}
table td {
	font-size: 11px;
	background: #ecf0fb url('../clients/images/table_td_bg2.gif') bottom repeat-x;
	border-right: 1px solid #FFFFFF;
	line-height: 25px;
	padding-bottom: 5px;
}
table td.first_td {
	background-color: #FFFFFF;
}



/* VIDEOBOX STILOVI */
body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}