@charset "utf-8";

/* CSS Document */
* { margin:0; }

.phone_logo { display:none; }

body {
	margin: 0;
	background-image: url(../images/white_bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 22px;
}

body,
html {
	height:100%;
	min-height:100%;
}

div.contact {
	min-height:100%;
	height: 100%;
	height: auto !important;
}

textarea { resize: none; }

.dosis { font-family: 'Dosis', Arial, sans-serif; }

img { border:none; }

a:link,
a:visited {
	text-decoration: none;
	color: #00a3e5;
}

a:hover { text-decoration: underline; }

.over_srvcs a:hover {
	text-decoration: none;
	cursor: pointer;
}

a.alt:link,
a.alt:visited { color: #FFF; }

a.alt:hover { text-decoration: underline; }

p,
h1,
h2,
h3,
#form1,
#form2,
#form3 {
	margin:0;
	padding:0;
}

h1 {
	font-size:24px;
	font-weight:lighter;
	font-family: 'Dosis', Arial, sans-serif;
	color:#fff;
	padding-bottom:20px;
	line-height:32px;
}

h2 {
	font-size: 18px;
	color: #06C;
	font-weight: normal;
}

h3 {
	font-size:24px;
	font-weight:lighter;
	font-family: 'Dosis', Arial, sans-serif;
	color:#fff;
	padding-bottom:20px;
	line-height:32px;
}

input,
select,
textarea {
	font-size: 11px;
	color: #2a2e31;
	font-family: Arial, Helvetica, sans-serif;
	border: 3px solid #fff;
	background-image: url(../images/inp_bg.png);
	background-repeat: repeat-x;
	background-color: #F5F5F5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.inp_1 {
	width: 325px;
	padding: 10px;
}

.inp_2 {
	width: 325px;
	padding: 10px;
}

.inp_3 {
	width: 198px;
	padding: 10px;
}

.butt {
	background-color:transparent;
	color:#165276;
	border:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width:166px;
	height:32px;
	padding:0;
	background-image: url(../images/butt.png);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding-right: 40px;
	text-shadow: 1px 1px 1px #fff;
	margin: 10px 131px 10px 0;
}

.butt:hover { cursor:pointer; }

/*************************************************************************************************** main elements */

.wrap {
	width: 940px;
	margin: 0 auto;
}

.top { height:98px; }

.header {
	height: 442px;
	position:relative;
	z-index:1;
	background-image: url(../images/wide_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	margin-top:-25px;
	clear:both;
}

.inn_head {
	width: 980px;
	margin:0 auto;
	height:442px;
	overflow:hidden;
	position:relative;
	z-index:890;
}

.social {
	position:absolute;
	z-index: 892;
	right:20px;
	top: 10px;
	color:#797b7f;
	font-size:10px;
	line-height: 16px;
	text-transform:uppercase;
}

.s {
	display:inline-block;
	padding-left:21px;
	background-image:url(../images/s.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:12px;
}

.f {
	display:inline-block;
	padding-left:21px;
	background-image:url(../images/f.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:12px;
}

.s a,
.f a { color:#797b7f; }

.header ul {
	width: 980px;
	height:442px;
	overflow:hidden;
}

.header li {
	width: 980px;
	height:442px;
	overflow:hidden;
	position: relative;
	z-index: 43;
}

img.header_1 {
	position:absolute;
	z-index: 46;
}

img.header_2 {
	position:absolute;
	z-index: 45;
}

img.header_3 {
	position:absolute;
	z-index: 44;
}

.descript_container {
	position: absolute;
	z-index: 49;
	width: 980px;
	height:442px;
}

.descript {
	width: 230px;
	height: 268px;
	background-image: url(../images/desc.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 49;
	font-family: 'Dosis', Arial, sans-serif;
}

.descript span.s1 {
	display: block;
	font-size: 21px;
	color: #3785b8;
	text-shadow: 1px 1px 1px #000;
	padding: 80px 0 15px 0;
	background-image: url(../images/desc_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0 20px;
	text-align: center;
	font-weight: bold;
}

.descript span.s1 a {
	text-decoration:none;
	color: #3785b8;
}

.descript span.s1 a:hover {
	text-decoration:none;
	color: #5FA3CF;
}

.descript span.s2 {
	color: #f4f4f4;
	display: block;
	font-size: 11px;
	line-height: 17px;
	padding: 8px 30px 0 30px;
	background-image: none;
	text-align: center;
}

.header a.arr {
	float:right;
	width:55px;
	height: 109px;
	background-image:url(../images/arr_r.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:150px;
	z-index: 891;
}

.header a.arr img { z-index: 891; }

.header a.arr:first-child {
	background-image:url(../images/arr_l.png);
	float:left;
	position:absolute;
	left:0;
	top:150px;
}

.logo { float:left; }

.menu {
	height: 83px;
	line-height: 83px;
	width: 980px;
	margin: 0 auto;
	background-image: url(../images/menu_bg.png);
	background-repeat: no-repeat;
	font-family: 'Dosis', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

.menu#home {
	margin-top: -9px;
	padding-top: 9px;
	background-position: center 9px;
}

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

.menu ul {
	float:right;
	margin-right: 20px;
}

.menu img {
	float:left;
	margin: 7px 0 0 20px;
}

.menu li {
	float: left;
	position: relative;
	line-height: 60px;
	margin: 0 25px;
}

.menu li a {
	display: block;
	padding: 0 5px;
	color: #FFF;
}

.menu li:hover,
.menu li.active,
.menu li.active:hover {
	background-image: url(../images/menu_act.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.menu li:hover a,
.menu li.active a,
.menu li.active:hover a {
	color:#FFF;
	text-shadow:1px 1px 3px #000;
	text-decoration: none;
}

/*
.menu li ul {
	display:none;
	position:absolute;
	top:34px;
	left:0;
	padding-top:10px;
	width: 150px;
	z-index: 100;
}

.menu li:hover ul { display:block; }

.menu li ul li {
	margin: 0;
	background-color: #1b1a1a;
	width: 135px;
	border-top:1px solid #252424;
	line-height:20px;
	padding: 7px 0;
}

.menu li ul li:first-child { border-top:none; }

.menu li li a,
.menu li.active li a,
.menu li:hover li a,
.menu li.active:hover li a {
	background-image: none;
	display: block;
	color: #8b8b8b;
}

.menu li li:hover a,
.menu li.active li:hover a,
.menu li.active li.active a,
.menu li.active li.active:hover a,
.menu li:hover li:hover a,
.menu li.active:hover li:hover a {
	background-image: none;
	color:#fff;
}
*/
.out_langs {
	background-color: #000;
	height: 10px;
	position: relative;
	overflow: visible;
}

.langs {
	text-align: right;
	position: absolute;
	width: 100px;
	left: 50%;
	padding-left: 370px;
	padding-right: 20px;
	z-index: 123;
}

.langs img {
	margin-left:7px;
	margin-top: 2px;
}

.main { overflow: hidden; }

.sidebar {
	float: right;
	width: 220px;
}

.content {
	float: left;
	width: 708px;
	overflow: hidden;
}

.footer { }

.overflow { overflow:hidden; }

.black {
	background-image: url(../images/black_bg.jpg);
	padding-bottom: 60px;
}

.black_inn {
	background-image: url(../images/ilustracija.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.home_add {
	overflow:hidden;
	width:970px;
	min-height:275px;
	height: auto !important;
	height:275px;
	background-image:url(../images/vert_shadow.png);
	background-repeat:no-repeat;
	margin:0 auto;
	color:#aaa;
}

.hl {
	float:left;
	width:615px;
	padding: 40px 15px 0 15px;
	min-height:255px;
	height: auto !important;
	height:255px;
	background-image:url(../images/vert_shadow.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.hr {
	float:right;
	width:200px;
	min-height:255px;
	height: auto !important;
	height:255px;
	background-image:url(../images/vert_shadow.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding: 20px 60px 0 60px;
}

span.step {
	display:block;
	background-repeat:no-repeat;
	line-height: 20px;
	margin-bottom: 3px;
	color: #c7c7c7;
	padding-left: 40px;
	margin-left: 37px;
}

span.step a { color:#c7c7c7; }

.s1 { background-image: url(../images/i1.png); }

.s2 { background-image: url(../images/i2.png); }

.s3 { background-image: url(../images/i3.png); }

.s4 { background-image: url(../images/i4.png); }

.s5 { background-image: url(../images/i5.png); }

.portfolio { }

.inn_port {
	width:960px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}

.port_content { }

.teaser {
	color:#929292;
	font-size:24px;
	line-height:32px;
	font-weight:normal;
	text-transform: uppercase;
	font-family: 'Dosis', Arial, sans-serif;
	padding: 20px 0 0 0;
}

.portfolio h1 {
	font-size:24px;
	font-weight:lighter;
	font-family: 'Dosis', Arial, sans-serif;
	color:#929292;
	padding-bottom:20px;
	line-height:32px;
	text-transform: uppercase;
	padding-top: 10px;
}

.services h1 {
	font-size:24px;
	font-weight:lighter;
	font-family: 'Dosis', Arial, sans-serif;
	color:#929292;
	padding-bottom:20px;
	line-height:32px;
	text-transform: uppercase;
	padding: 0 0 10px 20px;
}

.contact h1 {
	font-size:24px;
	font-weight:lighter;
	font-family: 'Dosis', Arial, sans-serif;
	color:#9a9a9a;
	padding-bottom:20px;
	line-height:32px;
	text-transform: uppercase;
	padding: 10px 0 10px 20px;
	border-top: 12px solid #C7C8CA;
	margin: 3px 0 0 0;
}

.portfolio h1 span,
.services h1 span,
.contact h1 span,
.hl h1 span { font-weight:bold; }

.sites {
	padding-top: 10px;
	width: 960px;
	height: 380px;
	min-height: 380px;
	height: auto !important;
	position: relative;
	z-index: 34;
}

.sites_full {
	overflow: hidden;
	width: 960px;
}

.sites_full .site:first-child { margin: 0 0 1px 1px; }

.sites_l {
	width: 527px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 9997;
}

.sites_r {
	width: 420px;
	float: right;
	padding-top: 37px;
	background-image: url(../images/grey_sep.jpg);
	background-repeat: repeat-x;
	text-align: justify;
}

.sites a.sites_arr,
.sites a.sites_arl {
	background-image: url(../images/sites_arr_r.png);
	background-repeat: no-repeat;
	display: block;
	width: 18px;
	height: 31px;
	position: absolute;
	z-index: 9998;
	top: 193px;
	right: -25px;
	margin-top: -20px;
}

.sites a.sites_arl {
	background-image: url(../images/sites_arr_l.png);
	left: -25px;
}

.sites a.sites_arr:hover { background-position:left bottom; }

.sites .sites_l a.sites_arr,
.sites .sites_l a.sites_arl {
	background-image: url(../images/sites_arr_r.png);
	background-repeat: no-repeat;
	display: block;
	width: 18px;
	height: 31px;
	position: absolute;
	z-index: 9999;
	top: 110px;
	right: 50px;
	margin: 0;
}

.sites .sites_l a.sites_arl {
	background-image: url(../images/sites_arr_l.png);
	left: 50px;
¸  cursor:pointer;
}

.comp_img {
	width: 300px;
	height: 180px;
	background-image: url(../images/comp.png);
	background-repeat: no-repeat;
	padding: 13px 13px 136px 14px;
	margin: 10px 100px 0 100px;
}

.site {
	padding: 0 0 21px 0;
	background-image: url(../images/work_th_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 224px;
	position: relative;
	z-index: 4;
	height: 168px;
	float: left;
	margin: 0 0 1px 21px;
}

.site img { border:3px solid #fff; }

.site a:hover { text-decoration: none; }

.site:hover img { border:3px solid #c7c8ca; }

.site .glow {
	display:none;
	width: 218px;
	height: 162px;
	background-image: url(../images/glow.png);
	background-position: right top;
	position: absolute;
	z-index: 5;
	right: 3px;
	top: 3px;
}

.site:hover .glow { display:block; }

.glow span {
	position:absolute;
	bottom:10px;
	right:10px;
	width:128;
	color:#000;
	text-transform:uppercase;
	display: block;
	z-index: 7;
	font-weight: bold;
	text-align: right;
}

.view {
	text-align: right;
	height: 12px;
	font-size: 10px;
	width: 100%;
	line-height: 12px !important;
}

.view span {
	font-size: 10px;
	line-height: 12px !important;
	padding:0;
	display:inline-block;
}

.view a {
	display: inline-block;
	width: 26px;
	margin-left: 10px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: left top;
}

.view a.v1 { background-image: url(../images/view_th.png); }

.view a.v2 { background-image: url(../images/view_list.png); }

.view a:hover,
.view a.active { background-position: left bottom; }

.services {
	background-image: url(../images/brey_bg.jpg);
	padding: 5px 0 120px 0;
}

.inn_services {
	margin:0 auto;
	width: 994px;
}

.toplinks { overflow:hidden; }

a.back2top {
	display:block;
	width:230px;
	padding-left:22px;
	line-height:12px;
	font-size:10px;
	text-transform:uppercase;
	background-color:#C7C8CA;
	color:#23292d;
	background-image: url(../images/back2top.png);
	background-repeat: no-repeat;
	background-position: 7px 1px;
	float: left;
	margin-top: 3px;
}

a.back2top:hover {
	text-decoration:none;
	background-color:#9a9a9a;
}

.toplinks ul {
	float:right;
	margin: 0;
	padding: 0;
}

.toplinks li {
	float:left;
	background-image: url(../images/grey_sep.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 23px;
	margin-left: 10px;
	line-height:16px;
	height:16px;
	overflow:hidden;
	text-transform: uppercase;
}

.toplinks li a {
	font-family: 'Dosis', Arial, sans-serif;
	color:#0065a6;
	font-size:16px;
	text-shadow: 1px 1px 1px #fff;
	font-weight: bold;
}

.toplinks li:hover a,
.toplinks li.active a {
	color:#8cadc1;
	text-decoration:none;
}

.toplinks li:first-child {
	background-image:none;
	margin-left: 0px;
	padding-left: 0px;
}

.inn_services .toplinks,
.inn_services p.teaser {
	margin:0 20px;
	color: #fff;
}

.over_srvcs {
	overflow:hidden;
	float:left;
	width: 958px;
	height: 333px;
	position:static;
}

.srvcs {
	margin: 20px 0 0 0;
	overflow:hidden;
	height: 333px;
	position:static; 
}

.srvc_item {
	float: left;
	height: 333px;
	width: 158px;
	padding-left: 1px;
}

.srvc {
	height: 333px;
	width: 138px;
	padding: 0 10px;
	border-left: 1px dashed #434546;
	color:#b0b0b0;
	font-size:11px;
	text-align:justify;
	line-height:14px;
}

.srvc p {
	height: 140px;
	max-height: 140px;
	height: auto !important;
	overflow: hidden;
	text-align: left;
}

.over_srvcs .srvc_item:first-child a .srvc { border-left: none; }

.srvc_item a:focus { outline: none; }

.srvc h2 {
	text-align:center;
	font-family: 'Dosis', Arial, sans-serif;
	font-weight:bold;
	color:#cacaca;
	font-size:18px;
	height: 60px;
	display: table;
	line-height:24px;
}

.srvc h2 span {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width: 138px;
}

.srvc:hover h2 {
	color:#fff;
	font-size:22px;
}

.srvc:hover p { color:#fff; }

.srvcs_arr {
	float: right;
	width: 17px;
	height: 333px;
	border-left: 1px dashed #434546;
	border-right: none;
	position: relative;
}

.srvcs_arr:first-child {
	float: left;
	border-left: none;
	border-right: 1px dashed #434546;
}

.srvcs_arr a {
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
	height: 333px;
	background-image: url(../images/whiteshadow_r.png);
	background-repeat: no-repeat;
}

.srvcs_arr:first-child a {
	background-image: url(../images/whiteshadow_l.png);
	right: auto;
	left: 0;
}

.srvcs_arr a:focus { outline: none; }

.icn {
	width:91px;
	height: 77px;
	background-repeat:no-repeat;
	margin: 30px auto 15px auto;
	background-position: center top;
}

.srvc:hover .icn { background-position: center bottom; }

.i1 { background-image: url(../images/q1.png); }

.i2 { background-image: url(../images/q2.png); }

.i3 { background-image: url(../images/q3.png); }

.i4 { background-image: url(../images/q4.png); }

.i5 { background-image: url(../images/q5.png); }

.i6 { background-image: url(../images/q6.png); }

.addt {
	overflow:hidden;
	margin: 15px 18px 0 18px;
	font-size: 11px;
	color: #fff;
	line-height: 17px;
}

.one {
	float:left;
	width:147px;
	background-image: url(../images/grey_sep.jpg);
	background-repeat: repeat-x;
	padding: 20px 0 0 0;
	margin: 0 13px;
}

.two {
	float:left;
	background-image: url(../images/grey_sep.jpg);
	background-repeat: repeat-x;
	padding: 20px 0 0 0;
	width: 317px;
}

.three {
	float:right;
	width:466px;
	background-image: url(../images/grey_sep.jpg);
	background-repeat: repeat-x;
	padding: 20px 0 0 0;
}

.portfolio .menu,
.contact .menu { margin:-59px auto 0 auto; }

.inn_contact {
	overflow:hidden;
	width: 940px;
	margin: -23px auto 0 auto;
	padding: 30px 0 60px 0;
	background-image: url(../images/menu2_shadow.png);
	background-repeat: no-repeat;
	background-position: 316px top;
}

.cl {
	float:left;
	width:337px;
}

.cr {
	float:right;
	width:603px;
}

.contact a.back2top {
	width:276px;
	margin-right: 39px;
	float: none;
	margin-bottom: 25px;
}

.cl ul {
	width:316px;
	background-image:url(../images/menu2_line.png);
	background-repeat:no-repeat;
	background-position: right top;
	padding:3px 0 0 0;
	font-family: 'Dosis', Arial, sans-serif;
}

.cl li {
	width:316px;
	background-image:url(../images/menu2_line.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	padding:0 0 3px 0;
	line-height:36px;
}

.cl li a span {
	width:17px;
	height:36px;
	position:absolute;
	display:none;
	background-image: url(../images/menu2_arr.png);
	background-repeat: no-repeat;
	z-index: 25;
	right: -17px;
	top: 0px;
}

.cl li.active a span { display:block; }

.cl li a {
	padding: 0 45px 0 0;
	display:block;
	font-weight:bold;
	color:#0065a6;
	font-size:16px;
	text-align:right;
	text-transform: uppercase;
	position: relative;
	z-index: 23;
}

.cl li.active a,
.cl li:hover a {
	text-decoration:none;
	color:#7ea1b7;
}

.cdata {
	width:298px;
	padding: 20px 0 30px 0;
	background-image:url(../images/grey_sep.jpg);
	background-repeat:repeat-x;
	background-position: left bottom;
}

span.cd {
	display:block;
	margin-left: 80px;
	line-height:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 20px;
	color: #030303;
	font-size: 12px;
}

span.cd a { color: #030303; }

span.cd a:hover {
	text-decoration:none;
	color:#1e7e8d;
}

.cd1 { background-image:url(../images/ii1.png); }

.cd2 { background-image:url(../images/ii2.png); }

.cd3 { background-image:url(../images/ii3.png); }

.cd4 { background-image:url(../images/ii4.png); }

.cd5 { background-image:url(../images/ii5.png); }

.cd6 { background-image:url(../images/ii6.png); }

.over_test {
	float: right;
	padding-right:15px;
	overflow: hidden;
	background-image: url(../images/vert_shadow.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 5px;
}

.testimonial {
	background-image: url(../images/klijentionama.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	padding: 50px 50px 10px 50px;
	background-position: center top;
	margin-top: 20px;
}

.testimonial p {
	color: #364c5b;
	line-height: 18px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-bottom: 6px;
	height: 142px;
	overflow: hidden;
}

.testimonial span {
	font-size: 11px;
	color: #236682;
	display: block;
	text-align: right;
	line-height: 14px;
	padding: 6px 6px 0 0;
	background-image: url(../images/hor_line.jpg);
	background-repeat: repeat-x;
}

.cr p.teaser {
	color: #455158;
	background-image: url(../images/grey_sep.jpg);
	background-repeat: repeat-x;
	margin-top: 4px;
}

.cr table {
	margin: 20px 0;
	text-transform: uppercase;
	font-size: 11px;
	color: #2a2e31;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.cr tr.image td {
	background-image: url(../images/butt_bg_line.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.cr td,
.cr th { padding: 5px; }

.onama {
	overflow:hidden;
	text-align: justify;
	padding: 20px 0 140px 0;
	background-image: url(../images/nv_big.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.onl {
	float:left;
	width: 270px;
}

.onr {
	float:right;
	width: 270px;
}

.map {
	width:601px;
	height:650px;
	background-color: #CCC;
	position: relative;
	border: 1px solid #C7C8CA;
	margin-top: 3px;
}

.f_soc {
	width:296px;
	padding: 0;
	border:1px solid #c7c8ca;
	border-top:none;
	height:300px;
}

.site_pic {
	text-align:center;
	width:960px;
	height: 640px;
	overflow: hidden;
	float:left;
}

.site_thumbs {
	width:960px;
	float:left;
	overflow:hidden;
	margin: 20px 0;
	height: 180px;
}

.site_th {
	float:left;
	width: 257px;
	padding:0 10px 11px 9px;
	background-image: url(../images/site_th_shadow.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 170px;
	margin: 0 22px;
}

.site_th img { border:1px solid #d4d4d3; }

.mob_img {
	width: 222px;
	height: 330px;
	margin: 0 152px;
}

.mob {
	float:left;
	width:222px;
	height:330px;
	margin: 0 9px;
	padding: 15px 0 0 0;
}

.cr table tr td:first-child {
	width:28%;
	text-align:right;
}

.cr table td.cap2 {
	line-height: 10px;
	text-align: center;
	width: 21%;
}

.cr table td.cap3 {
	width: 51%;
	text-align:left;
}

.cr table tr.image td { text-align:right; }

.document_end {
	position: fixed;
	top: 0;
	height: 0;
}

.arr:focus { outline: none; }

a.project_link {
	font-size: 18px;
	color: #06C;
	font-weight: normal;
}

a.ajax:focus,
ul.ajax a:focus,
.menu a:focus,
a.back2top:focus { outline: none; }

textarea.error,
input.error {
	background-image: url('../images/response_er.png');
	background-position: right top;
	background-repeat: no-repeat;
	cursor: help;
}

#contact_response { min-height: 22px; }

input[type=submit]:focus { outline: none; }
input[type=submit]::-moz-focus-inner {
 border: 0;
}

.uppercase { text-transform: uppercase; }

/* Dummy animation */
.dummyAnim {
	position: absolute;
	left:-9999px;
	animation: dummy 0.1s;
	-moz-animation: dummy 0.1s; /* Firefox */
	-webkit-animation: dummy 0.1s; /* Safari and Chrome */
	-o-animation: dummy 0.1s; /* Opera */
}
/* keyframes for dummy */
@keyframes 
dummy { 0% {
left: -9999px;
}
100% {
left: -9998px;
}
}
@-moz-keyframes 
dummy { 0% {
left: -9999px;
}
100% {
left: -9998px;
}
} 		/* Firefox */
@-webkit-keyframes 
dummy { 0% {
left: -9999px;
}
100% {
left: -9998px;
}
} 		/* Safari and Chrome */
@-o-keyframes 
dummy { 0% {
left: -9999px;
}
100% {
left: -9998px;
}
}		/* Opera */

/* Animacije */
.inn_head ul.animation { position: relative; }

.inn_head ul.animation li {
	position: absolute;
	left: 0;
	top: 0;
}

li.offscreen { z-index: 42; }

li.offscreen .header_1,
li.offscreen .header_2,
li.offscreen .header_3,
li.offscreen .descript_container { display: none; }

li.offscreen_right .header_1,
li.offscreen_right .header_2,
li.offscreen_right .header_3,
li.offscreen_right .descript_container {
	right:-980px;
	left:auto;
}

.inn_head li img,
.inn_head li div {
	animation-play-state: paused;
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-o-animation-play-state: paused;
}

.header_1,
.header_2,
.header_3,
.descript_container {
	animation-duration: 2.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-direction: normal;
	/* Firefox: */
	-moz-animation-duration: 2.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	/* Safari and Chrome: */
	-webkit-animation-duration: 2.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	/* Opera: */
	-o-animation-duration: 2.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
}

li.anim_left_in .header_1,
li.anim_left_in .header_2,
li.anim_left_in .header_3,
li.anim_left_in .descript_container {
	display: block;
	opacity: 0;
	animation-name: left_in;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: left_in;
	-moz-animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: left_in;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: left_in;
	-o-animation-play-state: running;
}

li.anim_right_out .header_1,
li.anim_right_out .header_2,
li.anim_right_out .header_3,
li.anim_right_out .descript_container {
	display: block;
	animation-name: right_out;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: right_out;
	-moz-animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: right_out;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: right_out;
	-o-animation-play-state: running;
}

li.anim_right_in .header_1,
li.anim_right_in .header_2,
li.anim_right_in .header_3,
li.anim_right_in .descript_container {
	display: block;
	opacity: 0;
	animation-name: right_in;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: right_in;
	-moz-animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: right_in;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: right_in;
	-o-animation-play-state: running;
}

li.anim_left_out .header_1,
li.anim_left_out .header_2,
li.anim_left_out .header_3,
li.anim_left_out .descript_container {
	display: block;
	animation-name: left_out;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: left_out;
	-moz-animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: left_out;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: left_out;
	-o-animation-play-state: running;
}

li.anim_left_in .header_1,
li.anim_right_out .header_1,
li.anim_right_in .descript_container,
li.anim_left_out .descript_container {
	animation-delay: 0s;
	/* Firefox: */
	-moz-animation-delay: 0s;
	/* Safari and Chrome: */
	-webkit-animation-delay: 0s;
	/* Opera: */
	-o-animation-delay: 0s;
}

li.anim_left_in .header_2,
li.anim_right_out .header_2,
li.anim_right_in .header_3,
li.anim_left_out .header_3 {
	animation-delay: 0.25s;
	/* Firefox: */
	-moz-animation-delay: 0.25s;
	/* Safari and Chrome: */
	-webkit-animation-delay: 0.25s;
	/* Opera: */
	-o-animation-delay: 0.25s;
}

li.anim_left_in .header_3,
li.anim_right_out .header_3,
li.anim_right_in .header_2,
li.anim_left_out .header_2 {
	animation-delay: 0.5s;
	/* Firefox: */
	-moz-animation-delay: 0.5s;
	/* Safari and Chrome: */
	-webkit-animation-delay: 0.5s;
	/* Opera: */
	-o-animation-delay: 0.5s;
}

li.anim_left_in .descript_container,
li.anim_right_out .descript_container,
li.anim_right_in .header_1,
li.anim_left_out .header_1 {
	animation-delay: 0.75s;
	/* Firefox: */
	-moz-animation-delay: 0.75s;
	/* Safari and Chrome: */
	-webkit-animation-delay: 0.75s;
	/* Opera: */
	-o-animation-delay: 0.75s;
}
/* keyframes for left_in */
@keyframes 
left_in { 0% {
left: -980px;
}
1% {
left: -980px;
opacity: 1;
}
75% {
left: 0;
opacity: 1;
}
100% {
left: 0;
opacity: 1;
}
}
@-moz-keyframes 
left_in { 0% {
left: -980px;
}
1% {
left: -980px;
opacity: 1;
}
75% {
left: 0;
opacity: 1;
}
100% {
left: 0;
opacity: 1;
}
} 		/* Firefox */
@-webkit-keyframes 
left_in { 0% {
left: -980px;
}
1% {
left: -980px;
opacity: 1;
}
75% {
left: 0;
opacity: 1;
}
100% {
left: 0;
opacity: 1;
}
} 		/* Safari and Chrome */
@-o-keyframes 
left_in { 0% {
left: -980px;
}
1% {
left: -980px;
opacity: 1;
}
75% {
left: 0;
opacity: 1;
}
100% {
left: 0;
opacity: 1;
}
}		/* Opera */

/* keyframes for right_out */
@keyframes 
right_out { 0% {
right: 0;
}
10% {
right: 15px;
}
75% {
right: -980px;
}
100% {
right: -980px;
}
}
@-moz-keyframes 
right_out { 0% {
right: 0;
}
10% {
right: 15px;
}
75% {
right: -980px;
}
100% {
right: -980px;
}
}								/* Firefox */
@-webkit-keyframes 
right_out { 0% {
right: 0;
}
10% {
right: 15px;
}
75% {
right: -980px;
}
100% {
right: -980px;
}
}								/* Safari and Chrome */
@-o-keyframes 
right_out { 0% {
right: 0;
}
10% {
right: 15px;
}
75% {
right: -980px;
}
100% {
right: -980px;
}
}								/* Opera */

/* keyframes for right_in */
@keyframes 
right_in { 0% {
right: -980px;
}
1% {
right: -980px;
opacity: 1;
}
75% {
right: 0;
opacity: 1;
}
100% {
right: 0;
opacity: 1;
}
}
@-moz-keyframes 
right_in { 0% {
right: -980px;
}
1% {
right: -980px;
opacity: 1;
}
75% {
right: 0;
opacity: 1;
}
100% {
right: 0;
opacity: 1;
}
} 	/* Firefox */
@-webkit-keyframes 
right_in { 0% {
right: -980px;
}
1% {
right: -980px;
opacity: 1;
}
75% {
right: 0;
opacity: 1;
}
100% {
right: 0;
opacity: 1;
}
} 	/* Safari and Chrome */
@-o-keyframes 
right_in { 0% {
right: -980px;
}
1% {
right: -980px;
opacity: 1;
}
75% {
right: 0;
opacity: 1;
}
100% {
right: 0;
opacity: 1;
}
}	/* Opera */

/* keyframes for left_out */
@keyframes 
left_out { 0% {
left: 0;
}
10% {
left: 15px;
}
75% {
left: -980px;
}
100% {
left: -980px;
}
}
@-moz-keyframes 
left_out { 0% {
left: 0;
}
10% {
left: 15px;
}
75% {
left: -980px;
}
100% {
left: -980px;
}
}								/* Firefox */
@-webkit-keyframes 
left_out { 0% {
left: 0;
}
10% {
left: 15px;
}
75% {
left: -980px;
}
100% {
left: -980px;
}
}								/* Safari and Chrome */
@-o-keyframes 
left_out { 0% {
left: 0;
}
10% {
left: 15px;
}
75% {
left: -980px;
}
100% {
left: -980px;
}
}								/* Opera */ 
/**/