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


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 4800px;
	overflow: hidden;
	background: url(img/bg_all.png) #caf5fa repeat-x top left;
}


a img {
	border:none;
}


p {
	line-height: 1.1em;
}



h1 a, h2 a, h3 a, p a{

	padding: 0 1px;
	color: #6bc6c5;
	text-decoration: none;	
}


h1, h2, h3, p {
	margin-top: 0;
}


img {
	border: none;
}


h1#logo { 
     float: left;
     margin: 0 0 50px 0;
	 padding: 0;
	 text-indent: -9999px;
	 width: 617px;
	 height: 93px;
     background: url(img/logo.png) no-repeat top left;
}

h1#logo a {
	 outline: none;
	 border: none;
	 width: 617px;
	 height: 93px;
	 clear: right;
	 padding: 10px;
	 display: block;
}


/*------------ 	Povezave ------------*/

a, a:link {
     color: #d9f0f4;
}
a:visited {
     color: #8adeed;
}
a:hover, a:focus, a:active 
{ 
     color: #053f74;
}

/*------------ 	Prva con ------------*/

#prva_con {
	width: 617px;
	height: auto;
	float: left;
	border: 0px solid gray;
	margin: 50px 0 0 300px;
}

#prva_con  h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height: 1.2em;
	display: block;
	padding: 0;
	margin:0;
	border-bottom: 3px #90d2e2 solid;
	color: #fff;
}

#prva_con p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.8em;
	color: #0e1f2f;
	padding: 0;
	margin: 20px 0 0 0;
	display: block;
}

#prva_con strong{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	line-height: 1.2em;
	margin: 20px 0 0 0;
	display: block;
	color: #0e1f2f;
}

.button2 {
     width:191px;
	 height: 44px;
	 display: block;
	 background: url(img/buttonsprite1.png) no-repeat top;
	 margin: 20px 0 0 0;
	 padding: 0;
}	 

.button2 span.hover{
     width: 191px;
	 height: 44px;
	 display: block;
	 background: url(img/buttonsprite1.png) no-repeat bottom;
}	


/*------------ 	Druga Con ------------*/

#druga_con {
	width: 870px;
	height: auto;
	float: left;
	border: 0px solid gray;
	margin: 45px 0 0 585px;
}

#druga_con  h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height: 1.2em;
	display: block;
	padding: 0;
	margin:0;
	border-bottom: 3px #90d2e2 solid;
	color: #fff;
}

#druga_con p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #0e1f2f;
	padding: 0;
	margin: 20px 0 0 0;
	display: block;
}

#druga_con strong{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	line-height: 1.2em;
	margin: 20px 0 0 0;
	display: block;
	color: #0e1f2f;
}


.button {
     width:191px;
	 height: 44px;
	 display: block;
	 background: url(img/buttonsprite.png) no-repeat top;
	 margin: 20px 0 0 0;
	 padding: 0;
	 float: left;
}	 

.button span.hover{
     width: 191px;
	 height: 44px;
	 display: block;
	 background: url(img/buttonsprite.png) no-repeat bottom;
	 float: left;
}	


ul#galerija  {
	width: 900px;
	float: left;
	height: 100px;
	margin: 0;
	padding: 0;
}

ul#galerija li {
	float: left;
	display: inline;
	list-style: none;
	margin: 20px 60px 0 0px;
	padding: 0;
	width: 235px;
	height: 153px;
}

ul#galerija li img{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px;
	background: #fff;
	float: left;
}

ul#galerija li p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5;
	line-height: 25px;
	display: block;
	padding:0;
	margin:0;
	border-bottom: 2px #90d2e2 solid;
	color: #053f74;
}

ul#galerija li p span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.5;
	display: block;
	color: #cf2e0e;
	float: right;
}

ul#galerija li p a{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5;
	line-height: 25px;
	display: block;
	padding:0;
	margin:0;
	border-bottom: 2px #90d2e2 solid;
	color: #053f74;
}

ul#galerija li p a:hover{
	color: #fff;
}
/*------------ 	Tri con ------------*/

#tri_con {
	width: 870px;
	height: auto;
	float: left;
	border: 0px solid gray;
	margin: 45px 0 0 500px;
}

#tri_con  h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height: 1.2em;
	display: block;
	padding: 0;
	margin:0;
	border-bottom: 3px #90d2e2 solid;
	color: #fff;
}

#tri_con p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #0e1f2f;
	padding: 0;
	margin: 20px 0 0 0;
	display: block;
}

#tri_con strong{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	line-height: 1.2em;
	margin: 20px 0 0 0;
	display: block;
	color: #0e1f2f;
}

.backport{	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px;
	background: #fff;
}

a.backport {
	float: left;
	display: block;
	position: relative;
	top: 20px;
    margin: 0 0 0 20px;
	text-decoration: none;
	color: #a5a5a5;
}

a:hover.backport {
	float: left;
	display: block;
	position: relative;
	top: 20px;
	color: #000;
}

.back {	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px;
	background: #fff;
}

a.back {
	float: left;
	display: block;
	position: relative;
	top: 20px;
    margin: 0 0 0 585px;
	text-decoration: none;
	color: #a5a5a5;
}

a:hover.back {
	float: left;
	display: block;
	position: relative;
	top: 20px;
	color: #000;
}

.backlast {	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px;
	background: #fff;
}

a.backlast {
	float: left;
	display: block;
	position: relative;
	top: 20px;
    margin: 0 0 0 500px;
	text-decoration: none;
	color: #a5a5a5;
}

a:hover.backlast {
	float: left;
	display: block;
	position: relative;
	top: 20px;
	color: #000;
}


.button {
     width:191px;
	 height: 44px;
	 display: block;
	 background: url(img/buttonsprite.png) no-repeat top;
	 margin: 20px 0 0 0;
	 padding: 0;
	 float: left;
}	 

.button span.hover{
     width: 191px;
	 height: 44px;
	 display: block;
	 background: url(img/buttonsprite.png) no-repeat bottom;
	 float: left;
}	

ul#social {
	margin: 25px 0px 0 5px;
	padding: 0;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px;
	background: #fff;
	
}

ul#social li  { 
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

ul#social li a { 
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#social li a.face { 
background: url(img/face.png) no-repeat top left;
width: 32px;
height: 32px;
display: block;
float: left;
}

ul#social li a.twit { 
background: url(img/twe.png) no-repeat top left;
width: 32px;
height: 32px;
display: block;
float: left;
}

ul#social li a.dev { 
background: url(img/devi.png) no-repeat top left;
width: 32px;
height: 32px;
display: block;
float: left;
}

ul#social li a.sykpe { 
background: url(img/skpe.png) no-repeat top left;
width: 32px;
height: 32px;
display: block;
float: left;
}

ul#social li a.flick { 
background: url(img/flick.png) no-repeat top left;
width: 32px;
height: 32px;
display: block;
float: left;
}

#contact_form {
     height: 331px;
     padding:0;
     margin: 15px 0 0 0;
     background: url(../img/footer_form_bg.png) no-repeat top left;
}

#contact_form  form{
     margin: 5px 0 0 0;
     padding: 0 0 0 5px;
}

#contact_form  form .mali{
     border: 1px solid #b2b3b9;
     width: 378px;
     height: 30px;
     background: #fff;
     outline: none;
     padding: 0;
     margin: 0;
}

#contact_form  form .mali:focus{
     border: 1px solid #3c3c3c;
}

#contact_form  form .veliki{
     border: 1px solid #b2b3b9;
     width: 378px;
     height: 115px;
     background: #fff;
     outline: none;
     padding: 0;
     margin: 0;
}

#contact_form input, textarea {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #fff;
}

#contact_form  form .veliki:focus{
     border: 1px solid #3c3c3c;
}

#contact_form  form  button{
     width:109px;
	 height: 32px;
	 margin: 15px 0 0 0;
	 padding: 0;
	border: 1px solid #0a84c1;
	 
}

.button3 {
     width:109px;
	 height: 25px;
	 display: block;
	 background: #077bdc;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
	 -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}	 

.button3:hover{
     width: 109px;
	 height: 25px;
	 background: #7fb5e5;
}	


.copyright {
position: relative;
top: 355px;
text-align: center;
float: right;
}

.copyright a {
color: #12626e;
}

				


