/*
Theme Name: Inteco
Theme URI: http://inteco.hr/
Description: Theme for special construction company Inteco
Version: 1.0
Author: Nenad Petkovic
Author URI: http://creatifcode.com/
*/
/*
	Sdržaj datoteke:
		1. Import datoteke
		2. Resetiranje margina i paddinga
		3. Opći stilovi elemenata
		4. Tijelo stranice (body)
		5. Omotač stranice (wrapper)
		6. Sadržaj stranice (content)
			6.1. Naslovi i tekst u sadržaju stranice
			6.2. Kratki prikaz podstranica
		7. Lijevi stupac stranice (sidebar)
			7.1. Navigacija stranice
			7.2. Mala galerija
			7.3. Kontakt podaci
		8. Podnožje stranice (footer)
		9. Galerija fotograija na referencama
		10. Ostale klase
*/
/*--------------------------------------------
1.
Uvoz css dokumenta za footer. Uvijek na dnu stranice.
--------------------------------------------*/
@import "sticky.css";

/*--------------------------------------------
2.
Micanje defaultnih margina i paddinga za sve
elemente na stranici.
--------------------------------------------*/
*, html, body { margin: 0; padding: 0; }

/*--------------------------------------------
3.
Neki opći stilovi vezani uz često korištene elemente na
stranici.
--------------------------------------------*/
:focus { outline: none; }
a { color: #808080; text-decoration: none; font-size: 18px; text-transform: uppercase; }
a:hover { color: #cc3333; }
a img { border: none; }
ul { list-style: none; }

/*--------------------------------------------
4.
Određivanje fonta, njegove veličine pozadine i boja za
tijelo stranice
--------------------------------------------*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #e4e4e4; font-size: 14px; line-height: 18px; background: #162d42 url('images/body_bg.png') 0 repeat fixed; }

/*--------------------------------------------
5.
Omotač cijelog sadržaja. Pozadina, pozicija i
centriranje stranice
--------------------------------------------*/
#wrapper { background: transparent url('images/wrapper_bg.jpg') 50% no-repeat fixed; }

/*--------------------------------------------
6.
Stilovi za sdržaj stranice.
--------------------------------------------*/
#content { color: #d0d0d0; margin-left: 300px;  padding-top: 50px; float: none; }
#content a { text-transform: none; }

/*--------------------------------------------
6.1.
Naslov i tekst na stranici.
--------------------------------------------*/
#content .entry, #content .entry a { font-size: 14px; line-height: 20px; }
#content .post h2 { font-size: 20px; font-weight: normal; margin-bottom: 10px; }
#content .entry h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
#content .entry p { padding: 5px 10px 5px 0; }
#content .entry .info { color: #cc3333; font-size: 10px; text-align: right; clear: both;}
#content .entry a#email { font-size: 16px; font-weight: bold; }
/*--------------------------------------------
6.2.
Ovo su postavke za prikazivanje izvadaka podstranica.
(Djeltanost, Partneri)
--------------------------------------------*/
#content .excerpt { border: 1px solid #162d41; width: 180px; height: 124px; margin: 0 20px 20px 0; float: left; }
#content .excerpt h4 { font-weight: normal; margin-bottom: 10px; }
#content .excerpt h4 a { font-size: 15px; display: block; height: 40px; padding-top: 10px; text-align: center; background-color: #3a3a3a; }
#content .excerpt p { font-size: 12px; margin-bottom: 10px; }
#content .e-19 { background: transparent url('images/sanacijabetona.jpg') bottom left no-repeat; }
#content .e-21 { background: transparent url('images/sanacijakonstrukcija.jpg') bottom left no-repeat; }
#content .e-23 { background: transparent url('images/hidroizolacije.jpg') bottom left no-repeat; }
#content .e-25 { background: transparent url('images/hermetizacijaobjekata.jpg') bottom left no-repeat; }
#content .e-27 { background: transparent url('images/antikorozivnazastita.jpg') bottom left no-repeat; }
#content .e-29 { background: transparent url('images/specijalnipostupci.jpg') bottom left no-repeat; }
#content .e-32 { background: transparent url('images/projektnadokumentacija.jpg') bottom left no-repeat; }
#content .e-35 { background: transparent url('images/phrvatska.jpg') bottom left no-repeat; }
#content .e-37 { background: transparent url('images/peuropa.jpg') bottom left no-repeat; }

/*--------------------------------------------
6.2.
Ovo su postavke za prikazivanje izvadaka podstranica.
(Djeltanost, Partneri)
--------------------------------------------*/
#content #title { height: 74px; top: 50%; margin-top: -37px; text-align: center; font-family: "Myriad Pro"; font-weight: bold; position: absolute;}
#content #title .red { color: #cc3333; font-size: 48px; line-height: 48px; }
#content #title .white { color: #fff; font-size: 52px; line-height: 26px; }

/*--------------------------------------------
7.
Stilovi stupca i njegovog sdržaja na lijevoj strani.
--------------------------------------------*/
#sidebar { width: 230px; float: left; background: transparent url('images/sidebar.png') left top repeat fixed; margin: 0; padding: 10px; height: 100%; position: fixed !important;  overflow: hidden; z-index: 0;}
#sidebar img { position: absolute; top: 10px; left: 10px; z-index: -1;}
/*--------------------------------------------
7.1.
Navigacija na stranici.
--------------------------------------------*/
#sidebar #nav { height: 250px; margin-top: 200px;}
#sidebar #nav ul { list-style: none; margin-bottom: 10px; }
#sidebar #nav ul li { text-align: right; line-height: 18px; }
#sidebar #nav ul ul { margin: 0; padding: 0 10px; }
#sidebar #nav ul li ul { margin-bottom: 10px; }
#sidebar #nav ul li li { line-height: 16px; }
#sidebar #nav ul li ul a { font-size: 12px; }

/*--------------------------------------------
7.2.
Mala galerija u stupcu.
--------------------------------------------*/
#sidebar #gallery { overflow: hidden; width: 180px; position: relative; float: left; }
#sidebar #gallery ul { width: 10000px; list-style: none; position: relative; left: 0; top: 0; }
#sidebar #gallery ul li { display: block; float: left; width: 80px; margin: 0 10px 0 0; }
#sidebar #gallery ul li img { width: 80px; height: 55px; position: inherit; }
.previous, .next { float: left; text-indent: -9999px; display: block; height: 55px; }
.previous { background: transparent url('images/previous.png') 50% no-repeat; }
.next { background: transparent url('images/next.png') 50% no-repeat; margin-left: 10px;}
.previous a, .next a { display: block; width: 15px; height: 55px; }

/*--------------------------------------------
7.3.
Izgled kontakt podataka u lijevom stupcu.
--------------------------------------------*/
#sidebar #contact { margin-top: 50px; color: #cc3333; }
#sidebar #contact, #sidebar #contact a { font-size: 11px; line-height: 13px; }
#sidebar #contact a { text-transform: lowercase; }
#sidebar #contact .left { float: left; }
#sidebar #contact .right { float: right; }

/*--------------------------------------------
8.
Footer i njegov izgled.
--------------------------------------------*/
#footer { padding: 0 10px 10px 0; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cc3333; width: 960px; margin: 0 auto; margin-top: 25px;}
#footer a { font-size: 10px; color: #808080; }
/*--------------------------------------------
9.
Stilovi za galeriju fotografija na stranici reference
--------------------------------------------*/
.gallery_ref { overflow: hidden; width: 650px; position: relative; float: left; }
.gallery_ref .title { margin-bottom: 10px; }
.gallery_ref a { font-weight: normal; font-size: 16px; }
.gallery_ref a:hover img { border: 1px solid #cc3300; }
.gallery_ref ul { list-style: none; position: relative; left: 0; top: 0; }
.gallery_ref ul li { display: block; float: left; width: 120px; margin: 0 10px 50px 5px; }
.gallery_ref ul li img { width: 125px; height: 80px; border: 1px solid #a9a9a9; padding: 2px; margin-left: 3px; }
.gallery_ref .previous, #gallery_ref .next { float: left; text-indent: -9999px; display: block; height: 55px; }
.gallery_ref .previous { background: transparent url('images/previous.png') 50% no-repeat; }
.gallery_ref .next { background: transparent url('images/next.png') 50% no-repeat; margin-left: 10px;}
.gallery_ref .previous a, #gallery_ref .next a { display: block; width: 15px; height: 55px; }

/*--------------------------------------------
10.
Ovo su klase koje se ne odnose na određene elemente
na stranici.
--------------------------------------------*/
.overlay { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; background-color: #333; height: 100%; width: 100%; }
#contactform, #map { display: none; z-index: 1000; background: #162d42 url('images/body_bg.png') 0 repeat fixed; }
#contactform { top: 50px; left: 35%; position: fixed; padding: 25px; border: 10px solid #222;
   -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
}

#map { position: absolute; top: 0; left: 25%; border: 1px solid #222; padding: 2px; }
#content .entry #map p { padding: 0; }
.close { float: right; width: 30px; height: 27px; margin: -45px -45px 0 0; border: 5px solid #222; background-color: #464646; text-align: center;
		 font-size: 20px;
		 font-weight: bold;
		 color: #000;
		 -moz-border-radius: 20px;
		 -webkit-border-radius:20px;
		 -khtml-border-radius:20px;
		 padding-top: 3px;
}

#content a.closeme {
		 font-size: 20px;
		 font-weight: bold;
		 color: #222;
}
#content #map a.closeme { position: absolute; top: 5px; right: 5px;}

.cleft { float: left; width: 250px; }
.cright { float: left; width: 400px; }
.clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }

.skypefix { display: none; }