@charset "utf-8";
/* CSS Document */

/*======== Naziv sajta: MAŠING CACAK D.O.O ========== */

/* ========  boje:  		tamno siva #717171;
										crvena: #e2001a;
										svetlosiva: #d7d7d7;  	=============	*/


/* ============ OPSTI ============ */
*  {
	padding: 0;
	margin: 0;
}
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../images/body_bg.gif) repeat-x;
	color: #242424;
}
ul {
	list-style: none;
}
img {
	border: none;
}
.imgleftleft {
	float: left;
}
.imgfloatright {
	float: right;
}
.clear {
	clear: both;
}
a:link {
	text-decoration: none;
	color: #fff;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size:1.666667em;
	margin-bottom:1.6em;
	text-indent: -9999px;
}
h2 {
	font-size:1.333em;
	line-height: 1.125em;
	margin-bottom:0.125em;
}
h3 {
	font-size:1em;
	margin-bottom:1.5em;
	line-height:1.5em;
}
p {
	font-size:1em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
p.kliknite {
	background: url(../images/proizvodi/kliknite_bg.gif) no-repeat;
	padding-left: 45px;
	height: 40px;
	font-weight: bold;
}
/* =============== layout ================= */
#wrapper {
	margin: 0 auto;
	width: 960px;
}
#wrap-main {
	margin: 0 10px;
}
#header {
	position: relative;
	padding-bottom: 10px;
}

#logo {
		width: 310px;
		float: left;
		display: inline;
}
#info {
	background:url(../images/header_info.gif) no-repeat;
	float: right; 
	width: 620px;
	height: 93px;
	display: inline;
}
/* =============== navigacija ================ */
#navigation {
	position: relative;
	height: 60px;
	padding-bottom: 25px;
}
#navigation ul {
	position: absolute;
	top: 25px;
	right: 0px;
	width: 540px;
}
#navigation ul li {
	float: left;
		
}
#navigation ul li a {
	display: block;
	height: 35px;
	text-indent: -9999px;
}
#navigation ul li.naslovna a, #navigation ul li.onama a, #navigation ul li.proizvodi a, #navigation ul li.galerija a, #navigation ul li.reference a, #navigation ul li.kontakt a {
	background: url(../images/navigacija/nav_bg.gif) no-repeat;
}
#navigation ul li.naslovna {
	background-position: 0px 0px;
}
#navigation ul li.naslovna a {
	background-position: 0px 0px;
	width: 90px;
}
#navigation ul li.naslovna a:hover, #navigation ul li.naslovna a.active {
	background-position: 0px -33px;
}
#navigation ul li.onama {
	background-position: -100px 0px;
}
#navigation ul li.onama a {
	background-position: -100px 0px;
	width: 90px;
}
#navigation ul li.onama a:hover, #navigation ul li.onama a.active {
	background-position: -100px -33px;
}
#navigation ul li.proizvodi {
	background-position: -200px 0px; 
}
#navigation ul li.proizvodi a {
	background-position: -200px 0px;
	width: 90px;
}
#navigation ul li.proizvodi a:hover, #navigation ul li.proizvodi a.active {
	background-position: -200px -33px;
}

#navigation ul li.reference {
	background-position: -300px 0px;
}
#navigation ul li.reference a {
	background-position: -300px 0px;
	width: 90px;
}
#navigation ul li.reference a:hover, #navigation ul li.reference a.active {
	background-position: -300px -33px;
}
#navigation ul li.galerija {
	background-position: -400px 0px;
}
#navigation ul li.galerija a {
	background-position: -400px 0px;
	width: 90px;
}
#navigation ul li.galerija a:hover, #navigation ul li.galerija a.active {
	background-position: -400px -33px;
}
#navigation ul li.kontakt {
	background-position: -500px 0px;
}
#navigation ul li.kontakt a {
	background-position: -500px 0px;
	width: 90px;
}
#navigation ul li.kontakt a:hover, #navigation ul li.kontakt a.active {
	background-position: -500px -33px;
}

/* =================== middle (rotate, subnavigation) ==================== */

#slider {
	float: left;
    width: 610px; /* important to be same as image width */
    height: 360px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	border: 5px solid #717171;
	background: #717171;
}
#sliderContent {
    width: 610px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 12px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 610px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 16px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*================= PODNAVIGACIJA =============== */
#subnav {
	float: right;
	width: 320px;
	height: 370px;
	background: #717171;
}
#subnav ul {
	padding-left: 17px;
	padding-top: 5px;
}
#subnav ul li a {
	display: block;
}
#subnav ul li a.rolovrata, #subnav ul li a.segmentna,   #subnav ul li a.motorni, #subnav ul li a.rampe,  #subnav ul li a.roletne, #subnav ul li a.natstresnice, #subnav ul li a.bravarski, #subnav ul li a.dekorativna  {
	width: 290px;
	height: 45px;
	text-indent: -9999px;
}
#subnav ul li a.rampe:hover, #subnav ul li a.rolovrata:hover, #subnav ul li a.roletne:hover, #subnav ul li a.natstresnice:hover, #subnav ul li a.dekorativna:hover, #subnav ul li a.segmentna:hover, #subnav ul li a.bravarski:hover, #subnav ul li a.motorni:hover  {
	background-position: right;
}
#subnav ul li a.rolovrata {
	background: url(../images/podnavigacija/rolovrata_link.gif) no-repeat;
}
#subnav ul li a.segmentna {
	background: url(../images/podnavigacija/segmentna_link.gif) no-repeat;
}
#subnav ul li a.motorni {
	background: url(../images/podnavigacija/motorni_link.gif) no-repeat;
}
#subnav ul li a.roletne {
	background:url(../images/podnavigacija/roletne_link.gif) no-repeat;
}
#subnav ul li a.rampe {
	background: url(../images/podnavigacija/rampe_link.gif) no-repeat;
}
#subnav ul li a.natstresnice {
	background: url(../images/podnavigacija/polikarbonatne_link.gif) no-repeat;
}
#subnav ul li a.bravarski {
	background: url(../images/podnavigacija/bravarski_link.gif) no-repeat;
}
#subnav ul li a.dekorativna {
	background: url(../images/podnavigacija/dekorativna_link.gif) no-repeat;
}


/*  =================== box (o firmi, rolovrata, reference ==================== */
#box {
	padding: 30px 0 50px;	
}
.boxcontent {
	position: relative;
	margin: 45px 12px 0;
	height: 240px;
}
.boxcontent img {
	margin-bottom: 10px;
}
.boxlink {
	position: absolute;
	width: 84px;
	height: 33px;
	right: 0;
	bottom: 0;
	background: url(../images/box_link.gif) no-repeat;
	font-size: 1.2em;
}
.boxlink a {
	display: block;
	padding: 6px 0 0 25px;
}
#boxfirma, #boxrolovrata, #boxreference {
	float: left;
	width: 300px;
	margin-left: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #d4d4d4;
	display: inline;
}
#boxfirma h2, #boxrolovrata h2, #boxreference h2 {
	text-indent: -9999px;
	margin-bottom: 0;	
}
#boxfirma {
	background: url(../images/box_ofirmi.gif) no-repeat;
	margin-left: 0;
}
#boxrolovrata {
	background: url(../images/box_galerija.gif) no-repeat;
}
#boxreference {
	background: url(../images/box_reference.gif) no-repeat;
}
/* ============= page content ================= */
#content_bg {
	background: url(../images/main_content_bg.gif) no-repeat;
	margin: 30px 0 50px;
	padding-top: 12px;	
}

#content {
	background: url(../images/box_bg_px.gif) repeat-y;
	background-position:  626px 30px;	
}
#content a {
	color: #242424;
}
#pageleft {
	float: left;
	width: 590px;
	padding: 0 12px;
	display: inline;
	
}
#pageright {
	float: right;
	width: 290px;	
	padding: 0 12px;
	display: inline;
}


/* ========== rolovrata ============ */
.slike {
	width: 290px;
	margin: 10px 0; 
}

.slike a {
	display: block;
	margin: 10px 0;
	border: 5px solid #d7d7d7;
}
.slike a:hover {
	border: 5px solid #717171;
}
.youtube_video {
	margin-bottom: 1.5em;
}
/* =========== proizvodi ==========*/
.proizbox, .proizbox_right {
	float: left;
	width: 285px;
	display: inline;
	
}
.proizbox_right {
	margin-left: 20px;	
}
.proizbox h2, .proizbox_right h2 {
	color: #e2001a;
	margin-bottom: 10px;
}
.proizbox img, .proizbox_right img {
	border: 5px solid #d7d7d7;
}
.proizbox a, .proizbox_right a {
	display: block;
	background: url(../images/proizvodi/proizvodi_link.gif) no-repeat;
	height: 40px;
	width: 285px;
	text-indent: -9999px;
	margin-top: 10px;
}
.separator {
	background: url(../images/box_bg_px.gif) repeat-x;
	margin: 20px 0;
	height: 1px;
}
.linkdiv {
	position: absolute;
	top: 90px;
	right: 0;	
}
.linkdiv a {
	background: url(../images/procitaj_link.gif) no-repeat;
	display: block;
	width: 95px;
	height: 30px;
	text-indent: -9999px;
}
/* ============= galerija ============ */
#pageleft ul.gallery_img li {	
	margin: 0 25px 25px 0;
	float: left;
}
#pageleft ul.gallery_img li a {
	display: block;
	border: 5px solid #d7d7d7;
}
#pageleft ul.gallery_img li a:hover {
	border: 5px solid #717171;
}
#pageright p {
	font-weight: bold;
}
/* =========== reference ========== */
.pageref {
	width: 430px;
	padding: 0 15px;
	float: left;
	
}
.pageref ul {
list-style-position: inside;
}
.pageref ul li {
	line-height: 1.5em;
}
#textreference {
	margin: 0 15px;
}

/* ============ rampe =========== */

/* ============ kontakt ============ */
#contact {
	width: 500px;
	margin: 20px 0;
}
#contact h2 {
	margin-bottom: 20px;
	text-transform: none;
	color: #171717;
}
#contact p.first {
	margin-bottom: 15px;
}
#contact dl dt {
	padding-bottom: 5px;
}
#contact dl dd {
	padding-bottom: 10px;
}
#contact a {
	font-size: 14px;
	text-decoration: underline;
}
#mapa {
	width: 290px;
}

#mapa h3.mapa {
	background: none;
	color: #e2001a;
	margin-bottom: 1em;
	text-indent: 0;
}
#mapa a {
	border: 5px solid #d7d7d7;
	display: block;
}
#mapa a:hover {
	border: 5px solid #717171;
}
#mapadva {
	width: 290px;
}

#mapadva h3.mapa {
	background: none;
	color: #e2001a;
	margin-bottom: 1em;
	text-indent: 0;
}
#mapadva a {
	border: 5px solid #d7d7d7;
	display: block;
}
#mapadva a:hover {
	border: 5px solid #717171;
}
.pdv_potvrde {
	margin: 20px 0;
}
#kontaktinfo {
	margin-top: 20px;
}
#kontaktinfo span {
	font-weight: bold;
}
#textkontakt {
	width: 290px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}
/* ============ headers ============ */
#pageleft h1.onamah1 {
	background: url(../images/naslovi/onama_h1.gif) no-repeat;
	width: 115px;
	height: 40px;
}
#pageleft h1.proizvodih1 {
	background: url(../images/naslovi/proizvodi_h1.gif) no-repeat;
	width: 144px;
	height: 40px;
}
#textreference h1.referenceh1 {
	background: url(../images/naslovi/reference_h1.gif) no-repeat;
	width: 148px;
	height: 40px;
	
}
#pageleft h1.galerijah1 {
	background: url(../images/naslovi/galerija_h1.gif) no-repeat;
	width: 125px;
	height: 40px;
}
#pageleft h1.kontakth1 {
	background: url(../images/naslovi/kontakt_h1.gif) no-repeat;
	width: 126px;
	height: 40px;
}
#pageleft h1.rolovratah1 {
	background: url(../images/naslovi/rolovrata_h1.gif) no-repeat;
	width: 146px;
	height: 40px;
}
#pageleft h1.segmentnah1 {
	background: url(../images/naslovi/segmentna_h1.gif) no-repeat;
	width: 229px;
	height: 40px;
}
#pageleft h1.motornih1 {
	background: url(../images/naslovi/motorni_h1.gif) no-repeat;
	width: 346px;
	height: 40px;
}
#pageleft h1.rampeh1 {
	background: url(../images/naslovi/rampe_h1.gif) no-repeat;
	width: 109px;
	height: 40px;
}
#pageleft h1.roletneh1 {
	background: url(../images/naslovi/roletne_h1.gif) no-repeat;
	width: 109px;
	height: 40px;
}
#pageleft h1.natstresniceh1 {
	background: url(../images/naslovi/natstresnice_h1.gif) no-repeat;
	width: 378px;
	height: 40px;
}
#pageleft h1.bravarskih1 {
	background: url(../images/naslovi/bravarski_h1.gif) no-repeat;
	width: 251px;
	height: 40px;
}
#pageleft h1.dekorativnah1 {
	background: url(../images/naslovi/dekorativna_h1.gif) no-repeat;
	width: 278px;
	height: 40px;
}
/*  ================== headers right ================== */
#pageright h2 {
	background: url(../images/fotografije_right.gif) no-repeat;
	width: 290px;
	height: 40px;
	text-indent: -9999px;
	margin: 0 auto 1.6em;
}
#pageright h2.dokumenti {
	background: url(../images/dokumenti_right.gif) no-repeat;
	width: 290px;
	height: 40px;
}
#pageright h2.videosnimci {
	background: url(../images/videosnimci_right.gif) no-repeat;
	width: 290px;
	height: 40px;
}
/* ============= footer ================= */
#footer {
	background: #e2001a;
	border-top: 5px solid #717171;
}
#footer-content {
	width: 940px;	
	margin: 0 auto;
	padding: 30px 0;
}
#footerlinks, #footerproizvodi, #footerpodaci {	
	float: left;
	width: 300px;
	margin-left: 20px;
	font-size: 1.2em;
	color: #fff;
	display: inline;
}
#footerlinks {
	margin-left: 0px;
	
}
#footerpodaci {
	background: none;
}
#footerlinks h3 {
	background: url(../images/linkovi_footer.gif) no-repeat;
	text-indent: -9999px;
}
#footerproizvodi h3 {
	background: url(../images/proizvodi_footer.gif) no-repeat;
	text-indent: -9999px;
}
#footerpodaci h3 {
	background: url(../images/logo_footer.gif) no-repeat;
	height: 60px;
	text-indent: -9999px;
}
#footerlinks ul li, #footerproizvodi ul li {
	background: url(../images/list_bg.gif) 0 2px no-repeat;
	padding: 0 0 5px 20px;
}
	
#footerpodaci a {
 	position: relative;
	margin-right: -3px;
	
}
#footerpodaci p {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 15px;
}

/* ==================== END ===================== */