/* CSS Document */
.top_bg{
	background-image: url(images/topbg1.html);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
.totext{
	background-image: url(images/totextbg.html);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
.totext1{
	background-image: url(images/totextbg1.html);
	background-repeat: repeat-x;
	background-position: bottom;
}
.bottambg{
	background-image: url(images/bottam_bg.html);
	background-repeat: no-repeat;
	background-position: top;
}
.linkborder{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
}
.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor:pointer;
}
.link:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00A1E9;
	text-decoration: none;
	cursor:pointer;
}
.border{
	border: 1px solid #DBDBDB;
}
.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	}
	
	.tabeltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	}
		.tabeltext1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:10px;
	}
	
	
	
	
.contact_prodact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color:#016CA2;
	text-decoration: none;
	}	
	
.contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #606060;
	text-decoration: none;
	}
	.contact1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}
	
		.service_centar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #7D7D7D;
	text-decoration: none;
	}
		.service_centar:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color:#CCCCCC;
	text-decoration: none;
	}	
	
	
	
	
	.bottamborder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
}
.link1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	cursor:pointer;
	line-height: 16px;
}
.link1:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00A1E9;
	text-decoration: none;
	cursor:pointer;
}
.leftborder{
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #676767;
}
.vlightbox1 {
    background-color: #38AFE4;
    display: inline-block;
    font-family: Trebuchet,Tahoma,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 3px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 115px;
}

.vlightbox1:hover{
    background-color: #C9C9C9;
    display: inline-block;
    font-family: Trebuchet,Tahoma,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    opacity: 10;
    padding: 3px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 115px;
}



#wrap {width:450px; margin:20px auto 0; }


	#form_wrap { overflow:hidden; height:475px; position:relative; top:0px;
		-webkit-transition: all 1s ease-in-out .3s;
		-moz-transition: all 1s ease-in-out .3s;
		-o-transition: all 1s ease-in-out .3s;
		transition: all 1s ease-in-out .3s;}
	
	#form_wrap:before {content:"";
		position:absolute;
		bottom:128px;left:0px;
		background:url('images/before.html');
		width:450px;height: 245px;}
	
	#form_wrap:after {content:"";position:absolute;
		bottom:0px;left:0;
		background:url('images/after.html');
		width:450px;height: 221px; }

	#form_wrap.hide:after, #form_wrap.hide:before {display:none; }
	#form_wrap:hover {height:776px;top:-200px;}


	form {background:#f7f2ec url('images/letter_bg.html'); 
		position:relative;overflow:hidden;
		height:auto;width:auto;margin:0px auto;padding:20px; 
		border: 1px solid #CCCCCC;
		border-radius: 3px; 
		-moz-border-radius: 3px; -webkit-border-radius: 3px;
		box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
		-moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
		-webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
		-webkit-transition: all 1s ease-in-out .3s;
		-moz-transition: all 1s ease-in-out .3s;
		-o-transition: all 1s ease-in-out .3s;
		transition: all 1s ease-in-out .3s;}


		#form_wrap:hover form {height:530px;}

		label {
			margin: 11px 20px 0 0; 
			font-size: 16px; color: #b3aba1;
			text-transform: uppercase; 
			text-shadow: 0px 1px 0px #fff;
		}

		input[type=text], textarea {
			font: 14px normal normal uppercase helvetica, arial, serif;
			width: 220px; height: 30px;
			border:1px solid #CCCCCC;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
			-moz-box-shadow: inset 0px 0px 1px #726959;
			-webkit-box-shadow:  inset 0px 0px 1px #b3a895; 
			box-shadow:  inset 0px 0px 1px #b3a895;
		}	

		textarea { height: 70px; padding-top:8px;}

		textarea:focus, input[type=text]:focus {background:rgba(255,255,255,.35);}

		#form_wrap input[type=submit] {
			position:relative;font-family: 'YanoneKaffeesatzRegular'; 
			font-size:20px; color: #7c7873;
			width:200px; text-align:center;opacity:0;
			background:none;
			cursor: pointer;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; 
			-webkit-transition: opacity .6s ease-in-out 0s;
			-moz-transition: opacity .6s ease-in-out 0s;
			-o-transition: opacity .6s ease-in-out 0s;
			transition: opacity .6s ease-in-out 0s;
		}

		#form_wrap:hover input[type=submit] {z-index:1;opacity:1;
			-webkit-transition: opacity .5s ease-in-out 1.3s;
			-moz-transition: opacity .5s ease-in-out 1.3s;
			-o-transition: opacity .5s ease-in-out 1.3s;
			transition: opacity .5s ease-in-out 1.3s;}

			#form_wrap:hover input:hover[type=submit] {color:#435c70;}