/* ------------------------------------------ FONTOVI ----------------------------------------------- */

@font-face{ 
    font-family: 'titillium';
    src: url('../fonts/titillium-regular.eot');
    src: url('../fonts/titillium-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/titillium-regular.woff') format('woff'),
	url('../fonts/titillium-regular.ttf') format('truetype'),
	url('../fonts/titillium-regular.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'bold';
    src: url('../fonts/titillium-bold.eot');
    src: url('../fonts/titillium-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/titillium-bold.woff') format('woff'),
	url('../fonts/titillium-bold.ttf') format('truetype'),
	url('../fonts/titillium-bold.svg#titillium_webbold') format('svg');
    font-weight:normal;
    font-style:normal;}

@font-face {
    font-family: 'titillium'; 
    src: url('../fonts/titillium-semibold.eot');
    src: url('../fonts/titillium-semibold?#iefix') format('embedded-opentype'),
	url('../fonts/titillium-semibold.woff') format('woff'),
	url('../fonts/titillium-semibold.ttf') format('truetype'),
	url('../fonts/titillium-semibold.svg#titillium_websemibold') format('svg');
    font-weight:bold;
    font-style: normal;}

@font-face {
    font-family: 'light';
    src: url('../fonts/titillium-light.eot');
    src: url('../fonts/titillium-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-light.woff') format('woff'),
         url('../fonts/titillium-light.ttf') format('truetype'),
         url('../fonts/titillium-light.svg#titillium_weblight') format('svg');
    font-weight: normal;
    font-style: normal;}


/* ------------------------------------------ STRANICA ----------------------------------------------- */

html {}

body {background:url(../images/background-pattern.jpg);
	padding:0;
	margin:0;
	font-family: 'titillium', "Trebuchet MS", Arial, Helvetica, sans-serif }

img {border:none;}

a, a:visited {text-decoration:underline;
	color:#026bb5;}

a:hover {text-decoration:none;}

h1 {color:#026bb5;
	margin-bottom:0px;
	font-weight:bold;}

h2 {margin-top:30px;
	margin-bottom:0px;
	color:#026bb5;
	font-weight:bold;
	line-height:normal;}

p {margin-top:5px;
	}


/* ------------------------------------------ ZAGLAVLJE ----------------------------------------------- */

#header {
	width:1000px;
	height:75px;
	margin:auto;}

.logo { 
	width:136px;
	height:39px;
	float:left;
	margin: 27px 0 0 0;
	background:url(../images/tina-logo.jpg);
	background:none, url(../images/tina-logo.svg);
	}

#nav {
	float:right;
	margin: 41px 0 0 0;
	height:25px;
	width:750px;}

#nav ul {margin:0; padding:0;}

#nav ul li {list-style:none; 
	float:left;
	font-size:16px;}

#nav ul a, #nav ul a:visited {
	color:#000;
	text-decoration:none;}
	
.slide {
	padding: 5px 10px 5px 10px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
	position:relative;
	z-index:-1;}

li:hover .slide  {
	z-index:-1;
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
	animation: moveFromBottom 500ms ease;
	background: #008aeb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAyNmJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #008aeb 0%, #026bb5 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008aeb), color-stop(99%,#026bb5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008aeb 0%,#026bb5 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008aeb 0%,#026bb5 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008aeb 0%,#026bb5 99%); /* IE10+ */
	background: linear-gradient(to bottom, #008aeb 0%,#026bb5 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008aeb', endColorstr='#026bb5',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.49);
	-moz-box-shadow:    2px 0px 11px rgba(50, 50, 50, 0.49);
	box-shadow:         2px 0px 11px rgba(50, 50, 50, 0.49);} 

@-webkit-keyframes moveFromBottom {
	from {-webkit-transform: translateY(20%);}
    to {-webkit-transform: translateY(0%);}}
	
@-moz-keyframes moveFromBottom {
    from {-moz-transform: translateY(20%);}
    to {-moz-transform: translateY(0%);}}

@keyframes moveFromBottom {
    from {transform: translateY(20%);}
    to {transform: translateY(0%);}}
	
@-ms-keyframes moveFromBottom {
    from {-ms-transform: translateY(20%);}
    to {-ms-transform: translateY(0%);}}

.blueline {
	width:auto;
	height:5px;
	background:#026bb5;
	z-index:999;}

.blackline {
	width:auto;
	height:3px;
	background:#000;}


/* ------------------------------------------ GLAVNI DIO ----------------------------------------------- */

#main {
	width:1000px;
	margin:auto;
	padding:0;}


/* ------------------------------------------ PODNOŽJE ----------------------------------------------- */

#footer  {	
	padding:0;
    margin: auto;
	margin-top:30px;
	width:1000px;
	height:30px;
	border-top: solid 1px #026bb5;
	font-size:13px;
	color:#666;
	opacity:0.6;}

#footer a  { text-decoration:underline;}

#footer a:hover  {text-decoration:none;}


/* ------------------------------------------ ANTENSKI SISTEMI ----------------------------------------------- */

.satelit {
	width:498px;
	height:424px;
	position:absolute;
	margin-left:480px;
	top:83px;
	z-index:-1;}


/* ------------------------------------------ TIMEREADER ----------------------------------------------- */

.timereader-1 {
	width:251px;
	height:267px;
	position:absolute;
	margin-left:620px;
	top:113px;}

/* ------------------------------------------ KLIMATIZACIJA ----------------------------------------------- */

.radnik {
	position:absolute;
	margin: 20px 0 0 600px;}


/* ------------------------------------------ RAČUNALA ----------------------------------------------- */

.racunala-1 {
	width:392px;
	height:381px;
	position:absolute;
	margin-left:600px;
	top:100px;}


/* ------------------------------------------ KONTAKT ----------------------------------------------- */

.googlemap {
	width:550px;
	height:270px;
	frameborder:0;
	scrolling:no;
	marginheight:0;
	marginwidth:0;}

.success {
	background:#E4E4E4;
	border:solid #999 thin;
	padding-left:15px;
	margin-bottom:10px;}


#contact-form {
	margin: 0 0 0 0;}

.label-area {
		width:140px;}

.input-area input {
		width: 450px;
		display: block;
		border:solid #999 thin;
			}

.text-area textarea {
		width: 450px;
		height: 150px;
		display: block;
		border:solid #999 thin;
			}
			
.button input {
    border:solid #999 thin;;
    background:#03C;
}

.button input:hover {
	 -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
    color:white;
	background: #008aeb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAyNmJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #008aeb 0%, #026bb5 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008aeb), color-stop(99%,#026bb5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008aeb 0%,#026bb5 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008aeb 0%,#026bb5 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008aeb 0%,#026bb5 99%); /* IE10+ */
	background: linear-gradient(to bottom, #008aeb 0%,#026bb5 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008aeb', endColorstr='#026bb5',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.49);
	-moz-box-shadow:    2px 0px 11px rgba(50, 50, 50, 0.49);
	box-shadow:         2px 0px 11px rgba(50, 50, 50, 0.49);} 


/* ------------------------------------------ DIZAJN ----------------------------------------------- */


.graficki_dizajn { margin: -130px 0 0 430px;}

.web_dizajn {margin: -60px 0 0 0;}

.mis_dizajn {margin: -100px 0 100px 700px;}

#infofirm { font-size:10px;   margin: auto; width:1000px; opacity:0.6; margin-top:30px;}