@media screen and (max-width: 1860px) {
/********** MAIN RESET **************/
html, body, ul, li, h1, h2, h3, h4 {margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; }
img{margin:0; padding:0; border:none;}
.clear{clear:both;}
p{padding:0; margin:0;}
body{margin:0 auto;}
a, a:link, a:active, a:visited, a:active {
	border: none;
	outline: none;
	text-decoration: none; 
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif; 
}
/********** SITE **************/
body{
	width:100%;
	margin:0 auto; 
	background-color:#fff; 
	border-top:2px solid #d70e52; 
}

#contain {
	margin: 0 auto; 
	width: 63%; 
	position:relative; 
	z-index:0; 
	background-color:#fff; 
}
#logo{display:block; text-align:center;}
nav {
	width:100%; height:40px;
	background: #fff;  /*margin-bottom:-15px;*/ 
	position: relative; z-index: 900; 
	background: url(img/nav_2015.png) 0 0 repeat-x ;
	text-align:center;
}
nav a {
  width: 14%; height:31px;
  display: inline-block; float: none;
  font-size: 16px;  color: #58595b;
  text-align: center; text-decoration: none; text-transform: uppercase;
  margin: 0 0 0 15px; padding-top:8px;
  position:relative; z-index:20;
}
nav a:active, nav a.selected { background-position: 0 -40px; color: #252525; }
nav a:hover, nav a.selected:hover { background-position: 0 -80px; color: #ef4135; }

nav a.logo{display:none;}
nav a.logo img {
width: 100%;
}
header{
	width: 90%; 
	background: #fff;
	font-size: 36px;  color: #d70e52;
	padding:15px 50px ;
	text-align:center;}

/********** NASLOVNA SECTION BOX **************/
.jobbox{width:293px; height:400px; float:none; margin:0px 0; border:#f2f3f3 solid 1px; display:inline-block;}

.jobbox_pic{width:295px; height:320px;}

.jobbox h2{font-size:16px; color:#6d6e71; font-weight:bold; text-align:center; margin-top:20px;}
.jobbox h2 a{font-size:16px; color:#6d6e71; font-weight:bold; text-align:center; margin-top:20px;}
.jobbox h3{font-size:14px; color:#d70e52; font-weight:bold; text-align:center;}

#container{
	width: 100%;
	height:100%;
	margin: 0px auto;
}

/********** POSLOVI BOX **************/
.poslovi{width:100%px; margin:0 auto; padding-left:0px; background:#f1f2f2; text-align:center;}
.i_jobbox{width:325px; height:300px; margin:20px 10px; float:left; border:#f2f3f3 solid 1px; background:#fff;}
.i_jobbox h2{font-size:16px; color:#6d6e71; font-weight:bold; text-align:center; margin-top:10px;}
.i_jobbox h2 a{font-size:16px; color:#6d6e71; font-weight:bold; text-align:center; margin-top:10px;}
.i_jobbox h2 a:hover{font-size:16px; color:#d70e52; font-weight:bold; text-align:center; margin-top:10px;}
.i_jobbox h3{font-size:14px; color:#d70e52; font-weight:bold; text-align:center;}

.printings{width:96%; margin:0 auto; padding:20px 0 20px 30px; background:#f1f2f2; text-align:center;}
.p_jobbox{width:325px; height:300px; margin:20px 23px; float:none; border:#f2f3f3 solid 1px; background:#fff; display:inline-block;}
.p_jobbox h2{font-size:16px; color:#6d6e71; font-weight:bold; text-align:center; margin-top:10px;}
.p_jobbox h2 a{font-size:16px; color:#6d6e71; font-weight:bold; text-align:center; margin-top:10px;}
.p_jobbox h2 a:hover{font-size:16px; color:#d70e52; font-weight:bold; text-align:center; margin-top:10px;}
.p_jobbox h3{font-size:14px; color:#d70e52; font-weight:bold; text-align:center;}

.reference{width:100%px; margin:0 auto; background:#f1f2f2; text-align:center;}
.r_jobbox{width:158px; height:113px; margin:8px 4px; float:none; border:#f2f3f3 solid 1px; background:#fff; display:inline-block;}

.b_jobbox{width:325px; height:233px; margin:20px 10px; float:none; border:#f2f3f3 solid 1px; background:#fff; display:inline-block;}

/********** MAIN BRAKING LINE **************/
.main_braking_line{
	text-align:center;
	height:40px; padding:10px 0; 
	margin-top:20px;
	background:url(img/dots_03.png) 0 0 repeat-x; 
	font-size: 12px;  
	color: #58595b;
	letter-spacing:1px;
	padding-left:20px;
}
/********** F O O T E R  **************/
.footer{
	width:1180px;
	margin:0 auto;
	background:url(img/footerimg_03.png) 0 0 repeat-x;
	padding:50px 20px;
	font-size: 13px;  color: #58595b;
	margin-bottom:100px;
}

.footer img{margin-right:15px; float:left;}
.footer span, .main_braking_line span{margin-right:15px; float:left;}
.footer ul, .main_braking_line ul{float:left;}
.footer_meni li, .main_braking_line li{
	display:inline;
	text-transform:uppercase;
	padding-left:1px;
	padding-top:13px;}

.footer_meni li a, .main_braking_line li a{color:#58595b;}
.footer_meni li a:hover, .main_braking_line li a:hover {color:#d70e52;}



/* K O N T A K T */
.kont_card{
	width:100%; 
	padding:30px 40px 0 1%; 
	font-size:16px;
	font-weight:normal;
}

#kont_card_name{
	height:100px;
	font-size: 60px; color:#d70e52; 
	margin-bottom:0;
	text-indent: 35px;
	text-align:left;
	border-bottom:1px solid #edeeee;
	margin-top:80px;
}

/*  FORMA  */
.form_left{font-size:12px;width:34%;float:left;}
.form_right{font-size:12px;width:39%;float:left;margin-bottom:50px;}
.form_left .form_right{display:inline;}

.testoForm{
	background-color:#f1f2f2;
	font-size:14px;
	text-indent:10px;
	color:#6d6e71;
	height:35px;
	width:95%;
	margin-bottom:12px;
	margin-top:1px;
	border:solid #e6e7e8 1px;
	padding:5px;
}
.testoFormMessage{	
	background-color:#f1f2f2;
	font-size:14px;
	text-indent:10px;
	color:#6d6e71;
	height:215px;
	width:90%;
	margin-bottom:12px;
	margin-top:1px;
	border:solid #e6e7e8 1px;
	padding:5px;
}

.testoForm1{
	background-color:#f1f2f2;
	font-size:14px;
	color:#231f20;
	width:78px;
	height:28px;
	border:solid #e6e7e8 1px;
	float:left;
	margin-right:20px;
}
.testoForm1:hover{color:#000; cursor:pointer; background-color:#c7c8ca;}
textarea.testoForm{ width:430px; height:200px;}

h1.h1_thanks{
	font-size:18px;
	color:#c71978;	
	font-weight:600;
	border:solid 1px #e6e7e8 ;
	padding:10px;
	background-color:#f3f3f3;
	text-align:center;
	width:500px;
	margin:0 auto;
	margin-bottom:30px;
}


/*  KRAJ KONTAKT FORME */

.kontakt_desno{
	width:24%;
	float:left;
	color:#7f8184;
}

.kontakt_kartica {
	border-bottom:solid 1px #ececed;
	padding-bottom:10px;
	font-size:13px;
	font-weight:normal;
}

.kontakt_kartica span{ 
	font-size:18px;
	color:#d70e52;
	margin-bottom:3px;
	display:block;
	font-weight:600;
}
.kontakt_kartica span.nomargin{ 
	font-size:18px;
	color:#d70e52;
	display:block;
	margin-top:5px;
	margin-bottom:0px;
	font-weight:600;
}

.kontakt_kartica span.title{ 
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	color:#444;
	margin-bottom:3px;
	margin-top:0px;
	letter-spacing:0.1em;
}
.noborder{border:none;}
.kontakt_border_bottom{	border-bottom:1px solid #edeeee; margin-top:20px;}

/********** F O O T E R  **************/

#workhead{
	width: 1180px; 
	background: #fff;
	  font-size: 50px;  color: #d70e52;
	padding:35px 40px 30px 40px;}

.mask h2 {font-size:24px;   margin-top:50px; color:#fff; }
.mask p {font-size:24px;  sans-serif; color:#fff; margin-top:10px;}

#workname{}
#workname_opis{font-size:30px;  margin-top:15px; color:#939598; border-bottom:dotted thin #7f8184; padding-bottom:20px;}
#workname_o{font-size:30px; font-family:  Trebuchet MS, Helvetica, sans-serif; margin-top:15px;}
#workname_o span{font-size:30px;   margin-top:15px; margin-bottom:35px;}


/********** R E F E R E N C E **************/


/********** MAIN BRAKING N A V **************/
.main_braking_nav{
	text-align:center;
	height:40px; padding:10px 0; 
	margin-top:20px;
	background:url(img/dots_03.png) 0 0 repeat-x; 
	font-size: 12px;  
	color: #58595b;
	letter-spacing:4px;
}

.main_braking_nav ul li{
	display:inline;
	text-transform:uppercase;
	padding:13px 20px 0 20px;
	color:#666;
}

.main_braking_nav ul li a{color:#666;}
.main_braking_nav ul li a span {color:#666; font-size:30px;}
#main_container {
	text-align:center;}


}

@media screen and (max-width: 1520px) {

/* K O N T A K T */
.kont_card{
	width:100%; 
	padding:30px 40px 0 2%; 
	font-size:16px;
	font-weight:normal;
	text-align:center;
}

#kont_card_name{
	height:100px;
	font-size: 60px; color:#d70e52; 
	margin-bottom:0;
	text-indent: 35px;
	text-align:left;
	border-bottom:1px solid #edeeee;
	margin-top:80px;
}

/*  FORMA  */
.form_left{font-size:12px;width:48%;float:left;}
.form_right{font-size:12px;width:48%;float:left;margin-bottom:50px;}
.form_left .form_right{display:inline;}

.testoForm{
	background-color:#f1f2f2;
	font-size:14px;
	text-indent:10px;
	color:#6d6e71;
	height:35px;
	width:95%;
	margin-bottom:12px;
	margin-top:1px;
	border:solid #e6e7e8 1px;
	padding:5px;
}
.testoFormMessage{	
	background-color:#f1f2f2;
	font-size:14px;
	text-indent:10px;
	color:#6d6e71;
	height:215px;
	width:90%;
	margin-bottom:12px;
	margin-top:1px;
	border:solid #e6e7e8 1px;
	padding:5px;
}

.testoForm1{
	background-color:#f1f2f2;
	font-size:14px;
	color:#231f20;
	width:78px;
	height:28px;
	border:solid #e6e7e8 1px;
	float:left;
	margin-right:20px;
}
.testoForm1:hover{color:#000; cursor:pointer; background-color:#c7c8ca;}
textarea.testoForm{ width:430px; height:200px;}

h1.h1_thanks{
	font-size:18px;
	color:#c71978;	
	font-weight:600;
	border:solid 1px #e6e7e8 ;
	padding:10px;
	background-color:#f3f3f3;
	text-align:center;
	width:500px;
	margin:0 auto;
	margin-bottom:30px;
}


/*  KRAJ KONTAKT FORME */

.kontakt_desno{
	width:100%;
	float:left;
	color:#7f8184;
	text-align:center;
}

.kontakt_kartica {
	border-bottom:solid 1px #ececed;
	padding-bottom:10px;
	font-size:13px;
	font-weight:normal;
}

.kontakt_kartica span{ 
	font-size:18px;
	color:#d70e52;
	margin-bottom:3px;
	display:block;
	font-weight:600;
}
.kontakt_kartica span.nomargin{ 
	font-size:18px;
	color:#d70e52;
	display:block;
	margin-top:5px;
	margin-bottom:0px;
	font-weight:600;
}

.kontakt_kartica span.title{ 
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	color:#444;
	margin-bottom:3px;
	margin-top:0px;
	letter-spacing:0.1em;
}
.noborder{border:none;}
.kontakt_border_bottom{	border-bottom:1px solid #edeeee; margin-top:20px;}




}