@charset "utf-8";

/* CSS Document */

body  {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:  Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}	

/* --------- HEADER STYLES -------------*/
#header {
	position:relative;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 960px;
}

#header #logo {
	background:url(/_images/dva_plus_logo.png);
	position: absolute;
	top:36px;
	left:0px;
	width:150px;
	height:104px;
	border-width:0px;
}
#header #logo:hover {
	position: absolute;
	background:url(/_images/dva_plus_logo_M.png);
	top:36px;
	left:0px;
	width:150px;
	height:104px;
	border-width:0px;
}
/* ----- alternativna navigacija s divovima --------*/
#header #mainNav {
	position: absolute;
	left: 262px;
	bottom: 52px;
	padding:0;
	margin:0;
	height:50px;
	width:610px;
}
#header #mainNav a:link, #header #mainNav  a:visited  {
	font-size: 0.7em;
	font-weight:bold;
	color: #707070;
	text-decoration: none;
	padding:1em 0.5em 0.5em 2em;
	margin:0;
	display: block;
	}
#header #mainNav a:hover {
	color: #cf1b69;
	letter-spacing:0.3em;
	display: block;
	position: relative;
	left:-0.8em;
}
#header #mainNavImages {
	position: absolute;
	left: 1em;
	bottom: 0.5em;
	height:1em;
	width:5.5em;
}
#header #mainNavAnimation {
	position: absolute;
	left: 8em;
	bottom: 0.5em;
	height:1em;
	width:6.5em;	
}
#header #mainNavCreator {
	position: absolute;
	left: 16em;
	bottom: 0.5em;
	height:1em;
	width:6em;	
}
#header #mainNavContact {
	position: absolute;
	left: 23.5em;
	bottom: 0.5em;
	height:1em;
	width:5.5em;	
}
#header #mainNavPrices {
	position: absolute;
	left: 30.5em;
	bottom: 0.5em;
	height:1em;
	width:6em;	
}
#header #mainNav a.current {
	color: #cf1b69;
	letter-spacing:0.3em;
	display: block;
	position: relative;
	left: -0.8em;
}
/*#header #mainNavImages a:hover {left: -0.75em;}
#header #mainNavAnimation a:hover {left: -1.1em;}
#header #mainNavCreator a:hover {left: -0.5em;}
#header #mainNavContact a:hover {left: -0.8em;}
#header #mainNavPrices a:hover {left: -0.5em;}*/

/* ----- kraj alternativne navigacije s divovima --------*/



/* --------- MAIN CONTENT STYLES -------------*/
#mainContent {
	position:relative;
	margin: 20px 0px;
	padding: 0px;
	height: 600px;
}
#mainContent p {
	margin: 0px;
	padding: 0px;
	color: #707070;
	font-weight:normal;
	font-size: 0.7em;
}
#mainContent h2 {
	margin: 0px;
	padding: 0px;
	color: #707070;
	font-weight:bold;
	font-size: 0.85em;
}
#mainContent h3 {
	margin: 0px;
	padding: 0px;
	color: #707070;
	font-weight:bold;
	font-size: 0.7em;
	text-align: right;
}

#mainContent a:link,  #mainContent a:visited  {
	font-size: 0.7em;
	font-weight:bold;
	color: #707070;
	text-decoration: none;
	/*display: block;*/
	}
#mainContent a:hover, #mainContent a:active {
	color: #cf1b69;
	font-size: 0.7em;
	letter-spacing:0.3em;
	/*display: block;*/
}
/* ----- mainContent Images --------*/
#mainContent #ImagesPhoto {
	background:#fff;
	position: absolute;
	height: 540px;
	width: 960px;
	
}
#mainContent #ImagesPhoto img {
/*	display:block;
	margin:0px auto;*/
	border:none;
}

#mainContent #ImagesControl {
	position: absolute;
	height: 40px;
	width: 960px;
	top: 540px;
	
}
#mainContent #ImagesControl #ImagesControlInfo a {
letter-spacing:0;
text-decoration: none;
color:#707070;
cursor: default;
	margin:0;
}
#mainContent #ImagesControl #ImagesControlInfo a:link ,#mainContent #ImagesControl #ImagesControlInfo a:visited{
	letter-spacing:0;
	color:#707070;
	margin:0;
	position: relative;
top:0;
left:0;
}
#mainContent #ImagesControl #ImagesControlInfo a:hover,#mainContent #ImagesControl #ImagesControlInfo a:active {
letter-spacing:0;
color:#707070;
font-size:0.7em;
margin:0px;
text-indent:0;
position: relative;
top:0;
left:0;
}
.tocka {
	position: absolute;
	top: 14px;
	left: 1px;
	width: 15px;
	height: 9px;
}
#mainContent #ImagesControl #ImagesControlMeni #ImagesControlRight {
}

#mainContent #ImagesControl p {
	margin: 0px;
	padding: 0px;
	color: #707070;
	font-weight:normal;
	font-size: 1em;
}
#mainContent #ImagesControl #ImagesControlInfo {
	position: absolute;
	height: 20px;
	width: 400px;
	top: 11px;
	left:15px;
}
#mainContent #ImagesControl #ImagesControlInfo p {
	font-size: 0.7em;
	font-weight:bold;
	padding:0;
}
#mainContent #ImagesControl #ImagesControlMeni {
	margin: 0;
	padding:0;
	position: absolute;
	height: 40px;
	width: 83px;
	left: 439px;
	font-weight:bold;
	font-size: 1.2em;
	text-align:center;
}
#mainContent #ImagesControl #ImagesControlMeni #ImagesControlLeft {
	position: absolute;
	height: 30px;
	width: 37px;
	left: 0px;
	top: 10px;
	
}
#mainContent #ImagesControl #ImagesControlMeni #ImagesControlZoom {
	position: absolute;
	height: 30px;
	width: 9px;
	left: 37px;
	top: 10px;
}
#mainContent #ImagesControl #ImagesControlMeni #ImagesControlRight {
	position: absolute;
	height: 30px;
	width: 37px;
	left: 46px;
	top: 10px;
	
}
#mainContent #ImagesControl a:hover,#mainContent #ImagesControl a:active {
	font-size: 1em;
	letter-spacing:0.3em;
	display: block;
	position: relative;
	left:0.2em;
	top:-0.2em;
}
#mainContent #ImagesControl #ImagesControlLink {
	position: absolute;
	height: 20px;
	width: 120px;
	top: 0.1px;
	right:0px;
	text-align: right;
}
#mainContent #ImagesControlLink a:link,  #mainContent #ImagesControlLink a:visited  {
	padding:10px 0;
	font-size: 0.7em;
	font-weight:bold;
	color: #707070;
	text-decoration: none;
	display: block;
	height:10px;
	}
#mainContent #ImagesControlLink a:hover,#mainContent #ImagesControlLink a:active {
	color: #cf1b69;
	font-size: 0.7em;
	letter-spacing:0.1em;
	display: block;
	position: relative;
	top:0em;
}
/*zona okidanja dugmica ispod slika je premala pa je povecaj*/
#mainContent #ImagesControl #ImagesControlMeni #ImagesControlLeft a {display: block; padding:0 0 5px;}
#mainContent #ImagesControl #ImagesControlMeni #ImagesControlRight a {display: block; padding:0 0 5px;}
/* ----- mainContent Animation --------*/
#mainContent #Animation {
	background:#FFF;
	position: absolute;
	height: 540px;
	width: 960px;

}
#mainContent #Animation ul {position:relative;
list-style-type:none;
width:960px;
margin:0;
padding:10px;
}
#mainContent #Animation li {
	float:left;
	width:293px;
	padding:10px;

/*padding-bottom:0.4em;  ----- Zašto!? --------*/
}

#mainContent #Animation li#anim_01{background:url(../_animations/anim_t_the_world_is_fiction_a.jpg) no-repeat 10px 10px ;}
#mainContent #Animation li#anim_02{background:url(../_animations/anim_t_PROMO_2+.jpg) no-repeat  10px 10px ;}
#mainContent #Animation li#anim_03{background:url(../_animations/anim_t_Haag.jpg) no-repeat 10px 10px ;}
li#anim_01 a,li#anim_02 a,li#anim_03 a{padding:153px 0 0 0;}
#mainContent #Animation li#anim_04{background:url(../_animations/anim_t_DvaPlus_DemoReel_200810.jpg) no-repeat 10px 10px    ;}
#mainContent #Animation li#anim_05{background:url(../_animations/anim_t_MGZ.jpg) no-repeat 10px 10px;}
#mainContent #Animation li#anim_06{background:url(../_animations/anim_t_Formel_b.jpg) no-repeat 10px 10px;}
li#anim_04 a,li#anim_05 a,li#anim_06 a{padding:153px 0 0 0;}
#mainContent #Animation li#anim_07{background:url(../_animations/anim_t_RV_AnalizaSvjetla.jpg) no-repeat 10px 10px ;}
#mainContent #Animation li#anim_08{background:url(../_animations/anim_t_Karlovac.jpg) no-repeat 10px 10px;}
#mainContent #Animation li#anim_09{background:url(../_animations/) no-repeat 10px 10px;}
li#anim_07 a,li#anim_08 a,li#anim_09 a{padding:153px 0 0 0;}

/*#mainContent #Animation li#anim_01:hover{background:url(../_animations/anim_t_the_world_is_fiction_b.jpg) no-repeat 10px 10px;}
#mainContent #Animation li#anim_02:hover{background:url(../_animations/anim_t_Haag.jpg) no-repeat 10px 10px ;}
#mainContent #Animation li#anim_04:hover{background:url(../_animations/anim_t_DvaPlus_DemoReel_200810_b.jpg) no-repeat 10px 10px    ;}
#mainContent #Animation li#anim_06:hover{background:url(../_animations/anim_t_Formel_a.jpg) no-repeat 10px 10px;}
#mainContent #Animation li#anim_07:hover{background:url(../_animations/anim_t_RV_AnalizaSvjetla_b.jpg) no-repeat 10px 10px ;}*/

#mainContent #Animation li#anim_01:hover {background-color:#707070;}
#mainContent #Animation li#anim_02:hover {background-color:#707070;}
#mainContent #Animation li#anim_03:hover {background-color:#707070;}
#mainContent #Animation li#anim_04:hover {background-color:#707070;}
#mainContent #Animation li#anim_05:hover {background-color:#707070;}
#mainContent #Animation li#anim_06:hover {background-color:#707070;}
#mainContent #Animation li#anim_07:hover {background-color:#707070;}
#mainContent #Animation li#anim_08:hover {background-color:#707070;}
#mainContent #Animation li#anim_09:hover {background-color:#707070;}


#mainContent #Animation li a {display:block;
text-align:center;

/*margin:21px 0 0 21px ; 

*/
}
#mainContent #animation_01{padding:80px 0px 0px 200px;}
#mainContent #animation_02{padding:80px 0px 0px 267px;}
#mainContent #animation_03{padding:80px 0px 0px 267px;}
#mainContent #animation_04{padding:80px 0px 0px 200px;}
#mainContent #animation_05{padding:80px 0px 0px 267px;}
#mainContent #animation_06{padding:80px 0px 0px 267px;}
#mainContent #animation_07{padding:80px 0px 0px 267px;}
#mainContent #animation_08{padding:80px 0px 0px 267px;}

/* ----- mainContent Creator --------*/
#mainContent #Creator {
	position: absolute;
	top:0px;
	left:0px;
	height: 540px;
	width: 960px;
}
#mainContent #Creator ul {position:relative;
list-style-type:none;
width:220px;
margin:0;
padding:10px;
top:-10px;
left:-10px;
}
#mainContent #Creator li {
	float:left;
	width:220px;
	padding:8px;
}

li#creator_01 a,li#creator_02 a,li#creator_03 a,li#creator_04 a{padding:122px 0 0 0;}


#mainContent #Creator li:hover {background-color:#707070;}

#mainContent #Creator ul #creator_01 a img {position: absolute;top:17px;border:none;}
#mainContent #Creator ul #creator_02 a img {position: absolute;top:156px;border:none;}
#mainContent #Creator ul #creator_03 a img {position: absolute;top:294px;border:none;}
#mainContent #Creator ul #creator_04 a img {position: absolute;top:432px;border:none;}

#mainContent #Creator li a {display:block;}
#mainContent #Creator #Signature{position: absolute;top:340px;left:250px;z-index: 3;}
#mainContent #Txt01{
	position: absolute;
	right: 9px;
	top: -15px;
	width: 650px;
	margin: 0px;
	padding: 0px;
	color:#cf1b69;
	font-weight:400;
	font-size: 1.9em;
	text-align: right;
	line-height: 0.4em;
}
#mainContent #Txt02{
	position: absolute;
	left: 250px;
	top: 155px;
	width: 261px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	z-index: 2;
}
#mainContent #Photo{
	position: absolute;
	right: -1px;
	bottom:-6px;
	z-index: 1;
}
/* ----- mainContent Contact --------*/
#mainContent  #ContactTxt {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 200px;
	text-align: left;
	height: 220px;
}

#mainContent #ContactTxt h2 {
	padding:0 0 0 20px;
}
#mainContent #ContactTxt p {
	padding:0 0 0 22px;
}
#mainContent #ContactTxt p a {
	font-size: 1em;
	text-align: left;
}
#mainContent #PriceTables #PriceTableRender {
width:450px;
text-align:left;
}
#mainContent #PriceTables #PriceTableRender h3{
text-align:left;
}
#mainContent #PriceTables #PriceTableRender table {
font-size: 0.7em;
color:#707070;
border-collapse:collapse;
}
#mainContent #ContactTxt #kuca {
	position: absolute;
	top: 0px;
}
#mainContent #ContactTxt #pismo {
	position: absolute;
	top: 143px;
}
#mainContent #ContactTxt #pismo1 {
	position: absolute;
	top: 185px;
}
#mainContent #ContactTxt #pismo2 {
	position: absolute;
	top: 227px;
}
/* ----- mainContent Prices --------*/
#mainContent  #PriceTxt {
	position: absolute;
	left: -1px;
	top: 382px;
	width: 120px;
	text-align: left;
	height: 100px;
}
#mainContent  #PriceTxt a{
font-size: 1em;
color: #cf1b69;
letter-spacing:0;

}
#mainContent  #PriceTxt hover:a{
font-size: 1em;
}
#mainContent  #PriceTables #PriceTableRender a{
font-size: 1em;
text-align: left;
color: #cf1b69;
letter-spacing:0;
}
#mainContent  #PriceTables {
	position: absolute;
	left: -2px;
	top: 0px;
	width: 437px;
	text-align: left;
	height: 438px;
}
#mainContent #PriceTables #PriceTableRender table {
	border-collapse:collapse;
}
#mainContent #PriceTables #PriceTableRender td {
	border-collapse:collapse;
}

.center{
	text-align:center;}
.left{
	text-align:left;
	font-weight: bold;
}

/* ---------- FOOTER STYLES ------------*/
#footer {
	padding: 20px 0;
	background: #fff;
	height: 70px;
}

#footer p {
	margin: 0px;
	padding: 0px;
	color: #707070;
	font-weight:normal;
	font-size: 0.7em;
	text-align: center;
}
#footer a {
	color:#cf1b69;
	font-weight:bold;
	text-decoration:none;
}
.holder {}

.prascic {	position: absolute;
	right: 0px;
	top: -12px;}
	
.txt{
	color:#F00}