html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
object, embed {display: block; overflow:hidden}
body {line-height: 1;}
ul {list-style: none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

body {background: #fff; height:100%; font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#000; text-align:left}

h1 {font-size: 35px; color: #000; font-weight: normal}
h2 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h3 {font-size: 22px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}

.clear {clear:both; height:0.1px}
.clear5 {clear:both; height:5px}
.clear10 {clear:both; height:10px}
.clear15 {clear:both; height:15px}
.clear20 {clear:both; height:20px}
.clear24 {clear:both; height:32px}
.clear25 {clear:both; height:25px}
.clear26 {clear:both; height:30px}
.clear30 {clear:both; height:30px}
.clear50 {clear:both; height:50px}
.clear52 {clear:both; height:52px}
.clear45 {clear:both; height:45px}
.clear150 {clear:both; height:150px}
.clear155 {clear:both; height:162px}
.clear92 {clear:both; height:144px}
.clear93 {clear:both; height:132px}
.clear98 {clear:both; height:96px}
.clear215 {clear:both; height:225px}


a:link {color: #e32100; text-decoration: none;}
a:visited {color: #e32100; text-decoration: none;}
a:active {color: #e32100;}
a:hover {color: #fb4728; text-decoration: none;}

a.crni:link, a.crni:visited, a.crni:active {color:#000; text-decoration: none;}
a.crni:hover {color:#000; text-decoration:underline;}

.left {float:left;}
.right {float:right;}
.marginright14 {margin-right:14px;}

#wrapper {margin:42px auto 0 auto; width:960px;}

#smaller {width:365px; float:left; position:relative}
.izbornikbox {position:absolute;top:-5px;right:0; width:142px;height:115px; overflow:hidden; font: 300 12px 'Open Sans', sans-serif; left:-20px}
.izbornikbox a:link, .izbornikbox a:active {color:#000; text-decoration:none;}
.izbornikbox a:hover {color:#FF0000 !important; text-decoration:none;}

.izbornikbox2 a:link, .izbornikbox a:visited, .izbornikbox a:active {color:#000 !important; text-decoration:none;}
.izbornikbox2 a:hover {color:#FF0000 !important; text-decoration:none;}

.izbornikvelikitext {font: 300 20px 'Open Sans', sans-serif !important; text-align:center !important;}
a.izbornikvelikitext {color:#000 !important}
a.izbornikvelikitext:hover {color:#009FFF}
.izborniksrednjitext
 {font: 300 14px 'Open Sans', sans-serif !important; text-align:center !important;padding:0 0 3px 0}
a.izborniksrednjitext {color:#000 !important}
a.izborniksrednjitext:hover {color:#009FFF !important}
.izbornikmalitext {font: 300 12px 'Open Sans', sans-serif !important; padding:0 0 0 40px}
a.izbornikmalitext {color:#000 !important}
a.izbornikmalitext:hover {color:#009FFF !important}

#bigger {width:595px; float:right;}

.brand {margin:0 0 45px 0; width:595px; height:115px; overflow:hidden; position:relative}
.brandlogo {position:absolute; top:0; left:50%; margin-left:-92px; z-index:999; opacity:1; filter:alpha(opacity=100);}
.brandlogo:hover {opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}
.jezici {width:142px; height:23px; overflow:hidden; margin:0 0 0 223px;}
.jezikopacity {opacity:0.3; filter:alpha(opacity=30); /* For IE8 and earlier */ }
.jezikopacity:hover {opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */}

.brandopacity {opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
.brandopacity:hover {opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */}


/*ANTE*/

#bigger2 {float:left}

#cf5 {
position:relative;
height:115px;
width:595px;

}
#cf5 img {
position:absolute;
left:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;
}
#cf5 img.top {

-webkit-transform:scale(0,1);
-moz-transform:scale(0,1);
-o-transform:scale(0,1);

transform:scale(0,1);

filter: alpha(opacity=0);
opacity:0;
}

#cf5:hover img.top, #cf5.hover_effect img.top {
opacity:1;
cursor:pointer;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
 #cf5:hover img.bottom, #cf5.hover_effect img.bottom {
filter: alpha(opacity=0);
cursor:pointer;
-webkit-transform:rotate(0deg) scale(0,0);
-moz-transform:rotate(0deg) scale(0,0);
-o-transform:rotate(0deg) scale(0,0);
-ms-transform:rotate(0deg) scale(0,0);
transform:rotate(0deg) scale(0,0);

}

#cf6 {
position:relative;
height:115px;
width:595px;

}
#cf6 img {
position:absolute;
left:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;
}
#cf6 img.top {

-webkit-transform:scale(0,1);
-moz-transform:scale(0,1);
-o-transform:scale(0,1);

transform:scale(0,1);

filter: alpha(opacity=0);
opacity:0;
}

#cf6:hover img.top, #cf5.hover_effect img.top {
opacity:1;
cursor:pointer;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
 #cf6:hover img.bottom, #cf5.hover_effect img.bottom {
filter: alpha(opacity=0);
cursor:pointer;
-webkit-transform:rotate(0deg) scale(0,0);
-moz-transform:rotate(0deg) scale(0,0);
-o-transform:rotate(0deg) scale(0,0);
-ms-transform:rotate(0deg) scale(0,0);
transform:rotate(0deg) scale(0,0);

}

#cf7 {
position:relative;
height:115px;
width:595px;

}
#cf7 img {
position:absolute;
left:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;
}
#cf7 img.top {

-webkit-transform:scale(0,1);
-moz-transform:scale(0,1);
-o-transform:scale(0,1);

transform:scale(0,1);

filter: alpha(opacity=0);
opacity:0;
}

#cf7:hover img.top, #cf5.hover_effect img.top {
opacity:1;
cursor:pointer;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
 #cf7:hover img.bottom, #cf5.hover_effect img.bottom {
filter: alpha(opacity=0);
cursor:pointer;
-webkit-transform:rotate(0deg) scale(0,0);
-moz-transform:rotate(0deg) scale(0,0);
-o-transform:rotate(0deg) scale(0,0);
-ms-transform:rotate(0deg) scale(0,0);
transform:rotate(0deg) scale(0,0);

}


#cf8 {
position:relative;
height:115px;
width:595px;

}
#cf8 img {
position:absolute;
left:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;
}
#cf8 img.top {

-webkit-transform:scale(0,1);
-moz-transform:scale(0,1);
-o-transform:scale(0,1);

transform:scale(0,1);

filter: alpha(opacity=0);
opacity:0;
}

#cf8:hover img.top, #cf5.hover_effect img.top {
opacity:1;
cursor:pointer;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
 #cf8:hover img.bottom, #cf5.hover_effect img.bottom {
filter: alpha(opacity=0);
cursor:pointer;
-webkit-transform:rotate(0deg) scale(0,0);
-moz-transform:rotate(0deg) scale(0,0);
-o-transform:rotate(0deg) scale(0,0);
-ms-transform:rotate(0deg) scale(0,0);
transform:rotate(0deg) scale(0,0);

}


.velika-slika {width:515px; height:557px; float:right; margin-right:4px; margin-top:-1px}
.smaller-tekstic {margin-top:420px;}

.tablica td {float:left;min-height:80px; min-width:150px}
a.fensi {float:left; width:150px; height:40px}
a.fensi:hover {background:#000 !important; z-index:9000; position:absolute} 
a.entrynaslov:hover {color:#1983F0}


a.naslovna-povratak {float:right; color:#000}
a.naslovna-povratak:hover {color:#E32100}


.buttoni {
    float: left;
    margin-left: 50px;
    margin-top: 18px;
    width: 265px;
}


.ijos {
    float: left;
    margin-bottom:40px;
  
}

.buttoni a {float:left; margin:0 auto}

.codebox {float:left; width:365px; height:430px; overflow:hidden; margin-top:-30px}
.codenaslov {width:100%; height:65px; overflow:hidden;}
.codenaslov p {padding:30px 0 0 55px; font: 300 18px 'Open Sans', sans-serif;}
.codenaslov2 {width:100%; height:65px; overflow:hidden;}
.codenaslov2 p {padding:30px 0 0 60px; font: 300 18px 'Open Sans', sans-serif;}
.codenaslov3 {width:100%; height:65px; overflow:hidden;}
.codenaslov3 p {padding:30px 0 0 45px; font: 300 18px 'Open Sans', sans-serif;}
.codeslika { float:left; margin-left:-10px; margin-top:5px}
.codecontact {float:left; text-align:center; width:100px; height:142px; margin-top:-13px;}
.codecontact p {padding:10px 0 0 0; line-height:1.3em}


#smaller-brandovi {width:285px; height:500px; float:left; margin:0 30px 0 0; position:relative; font: 300 14px 'Open Sans', sans-serif; line-height:1.6em;}
#bigger-brandovi {width:555px; float:left; margin:0 10px 0 0; position:relative; font: 300 14px 'Open Sans', sans-serif; line-height:1.6em; margin-top:5px}
#traka-brandovi {width:36px; float:left; margin:0; position:relative; }
#traka-brandovi img {width:39px}

.entry {line-height:1.5em; font-size:13px; margin:0 0 30px 0; margin-left:10px}
.entry h3 {font: 300 18px 'Open Sans', sans-serif; line-height:1.6em; color:#000; margin:0 0 15px 0;}
.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active {color:#b5123d; text-decoration: none;}
.entry h3 a:hover {color:#970229; text-decoration:none;}
.entry p {margin:0 0 1.2em 0}
.entry ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;}
.entry ul li{background-image:url("http://sportski-podovi.com/slike/entry-lista.gif");background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:0 0 5px 0}
.entry ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.entry ol li {margin:0}

.tablica {margin-bottom:30px; vertical-align: middle;}
.tablica td {vertical-align: middle;}

.entry2 {font-size: 13px;
    width:555px;
    line-height: 1.5em;
    margin: 0 0 30px;
    position: absolute;
    top: 450px;}
.entry2 p {font-size:18px; color:#fff}

.entry3 {font-size: 13px;
    width:555px;
    line-height: 1.5em;
    margin: 0 0 30px;
    position: absolute;
    top: 220px;
    margin-left:10px}
.entry3 p {font-size:18px; color:#000}

.dno > p {
  left: 530px;
    min-width: 300px;
    position: absolute;
    top: 530px;
}

.dno-en > p {
  left: 420px;
    min-width: 350px;
    position: absolute;
    top: 530px;
}

.dno-de > p {
  left: 360px;
    min-width: 450px;
    position: absolute;
    top: 530px;
}

.naslov-entry-novosti {background:url(http://sportski-podovi.com/slike/ispod-naslova.png); height: 40px;
    line-height: 46px;
    width: 540px; margin-bottom:20px}

.naslov-entry-novosti a {float:left; margin-left: 15px}


.entry-novosti-unutar p {float:left; margin-left:15px; width:510px}

.naslov-novosti-bg {background:url(http://sportski-podovi.com/slike/ispod-naslova.png); height: 40px;
    line-height: 46px;
    width: 540px; margin-bottom:20px; margin:20px;}

.naslov-novosti-bg p {font-size: 22px; color: #e32100; font-weight: normal; float:left; margin-left:15px}


.jedna-vijest {
    float: left;
    margin-left: 35px;
    width: 520px;
    padding-bottom:20px;
}



ul {list-style: none;padding: 0px;margin: 0px;}
  ul li {display: block;position: relative;float: left;}
  li ul {display: none;}
  ul li a {display: block;background: #fff;text-decoration: none;
           white-space: nowrap;color: #fff;}
  ul li a:hover {}
  li:hover ul {display: block; position: absolute;}
  li:hover li {float: none;}
  li:hover a {}
  li:hover li a:hover {}
  #drop-nav li ul li {}


/*slider*/
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	
}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
	background-color: #000;
	padding: 12px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	
	padding: 0;
        width:230px
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin-bottom: 13px !important;
	list-style: none;
        width:240px;
        height: 67px;
        background-image:none
}
a.thumb {
	padding: 0;
	display: inline;
	border: none;
}
ul.thumbs li.selected a.thumb {
	color: #1982ED !important;
	font-weight: bold;
}

ul.thumbs li.selected img {

        border:1px solid #FF2500; padding:0px;
}

ul.thumbs li.selected {background:#fff}


a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
#captionToggle a {
	float: right;
	display: block;
	background-image: url('caption.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 5px;
	padding: 5px 30px 5px 5px;
}

#slideshow {
    float: right;
    width: 300px;
    margin-top:-27px;
}

#thumbs {float:left;     float: left;
    height: 555px;
    margin-top: -5px;
    overflow: hidden;
    width:240px;
    background: #f6f6f6

}
#thumbs img {width:80px; height:55px; margin-bottom:5px; float:left; margin:5px}
.thumb > p {
    float: right;
    line-height: 60px;
    margin-right: 20px;
    width: 120px;
    text-align:right;
}

.advance-link > img {
    width: 500px;
}

.izbornikbox2 {float:left; top:-5px; margin-top:-3px}

.entry-novosti {
    float: left;
    margin-bottom: 30px; line-height:20px; border:1px solid #a2a2a2; padding-30px; min-height:550px; width:595px }
.entry-novosti-detaljnije {
    float: left;
    margin-bottom: 30px; line-height:20px; border:1px solid #a2a2a2;   padding:10px 20px 20px 20px }
.entry-novosti-unutar {padding:10px 20px 20px 20px}

.entry-novosti p {}

.kontakt-unutar {float: left;
    margin-bottom: 30px; line-height:20px; border:1px solid #a2a2a2; padding-30px; min-height:550px}



.novosti-naslovna {   font: 300 20px 'Open Sans',sans-serif !important;
    left: 253px;
    position: relative;
    top: -3px;}
a.novosti-naslovna:hover {color:#009FFF !important}
a.novosti-naslovna:link{color:#000 }
a.novosti-naslovna:visited {color:#000}


.novosti-naslovna2 {   font: 300 20px 'Open Sans',sans-serif !important;
    left: 133px;
    position: relative;
    top: -3px;}
a.novosti-naslovna2:hover {color:#009FFF !important}
a.novosti-naslovna2:link{color:#000 }
a.novosti-naslovna2:visited {color:#000}

.novosti-naslovna3 {   font: 300 20px 'Open Sans',sans-serif !important;
    left: 113px;
    position: relative;
    top: -3px;}
a.novosti-naslovna3:hover {color:#009FFF !important}
a.novosti-naslovna3:link{color:#000 }
a.novosti-naslovna3:visited {color:#000}


.logo-novosti {float:left; margin-left:-3px}

.slika-detaljnije {
    float: left;
    height: 100px;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 15px;
    width: 150px;
}

a.procitajtevise:hover {color:#009FFF}

.entry-reference {
   float: left;
    margin-bottom: 30px; line-height:20px; border:1px solid #a2a2a2; min-height:550px 
}

.entry-reference img {
    float: left;
    height: 80px;
    width: 100px;
}


.reference-l {
    float: left;
    height: 150px;
    width: 100px;
    margin-right:20px;
}


.reference-d {
    float: left;
    height: 150px;
    width: 100px;
    margin-right:20px;
}

.referencenaslov {font-size:14px; text-align:center}

.reference-unutar {
    float: left;
    margin-left: 35px;
}



/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:500px; position:relative; float:right; margin-right:57px; margin-top:10px }

.notification {width:98%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px}
.notification div {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success {border:1px solid #54aa29; background:#d3f4c0; font-size:14px; color:#477e2b; position:relative; margin:12px 0 0}
.notification.success li {list-style-type:none; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success div {border:1px solid #fff; padding:0 0 0 22px; background:url(http://sportski-podovi.com/slike/offline/notification_success_icon.png); background-repeat:no-repeat; background-position:5px center}
.notification.error {border:1px solid #aa2929; background:#f4c0c0; font-size:14px; color:#7e2b2b; z-index:100; position:relative; margin:12px 0 0}
.notification.error li {list-style-position:inside; border-radius:5px; padding:5px 5px 5px 10px}
.notification.error div {border:1px solid #fae0e0; padding:0 0 0 22px; background:url(http://sportski-podovi.com/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {margin:0; padding:0; height:auto; float:left;}
.contactForm div{position:relative; margin:0; padding:0}
.contactForm label {font-size:14px; font-weight:normal; color:#646464; display:block; clear:both; padding-bottom:3px}
.contactForm input[type=text],
.contactForm input[type=email] {width:194px; height:39px; float:left; background:#f6f3ed; margin-bottom:6px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -o-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; font:normal 13px/39px Arial,"Trebuchet MS",Tahoma,Verdana,Sans-serif;}
.contactForm textarea {width:245px; height:133px; float:left; background:#f6f3ed; margin-bottom:6px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -o-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; font:normal 13px/39px Arial,"Trebuchet MS",Tahoma,Verdana,Sans-serif;}
.contactForm text:focus, 
.contactForm textarea:focus {background:#fff}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}

.contactFormSmall {margin:0; padding:0; height:auto; float:left;}
.contactFormSmall div{position:relative; margin:0; padding:0}
.contactFormSmall label {font-size:14px; font-weight:normal; color:#646464; display:block; clear:both; padding-bottom:3px}
.contactFormSmall input[type=text],
.contactFormSmall input[type=email] {width:178px; height:25px; background:#f6f3ed; margin-bottom:3px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -o-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; font:normal 11px/25px Tahoma, Arial,"Trebuchet MS",Verdana,Sans-serif;}
.contactFormSmall textarea {width:178px; height:100px; background:#f6f3ed; margin-bottom:3px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -o-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; font:normal 11px/25px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif;}
.contactFormSmall text:focus {background:#fff}
.contactFormSmall textarea:focus {background:#fff}
.contactFormSmall input[type=text].error,
.contactFormSmall input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactFormSmall textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactFormSmall label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}
.contactFormSmall h4 {font:normal 20px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#000; font-weight:normal; margin:0 0 10px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}

.general_errors {position:absolute; background:#d8f1d5; color:#b5123d; font-weight:bold; font-size:14px; top:-65px; left:0px; width:100%; border-radius:3px; border:0}
.general_errors p {padding:6px 10px}
.general_errors2 {background:#d8f1d5; color:#000; font-weight:normal; font-size:12px; width:100%; border-radius:3px; border:0}
.general_errors2 p {padding:6px 10px}

.cont-poc-lijevo {width:216px; height:183px; float:left; margin:0; overflow:hidden}
.cont-poc-desno {width:267px; height:183px; float:right; margin:0; overflow:hidden}


.btn {
background: #b5123d;
background: -moz-linear-gradient(top, #b5123d 0%, #950128 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5123d), color-stop(100%,#950128)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5123d', endColorstr='#950128',GradientType=0 ); /* ie */
width: 265px;height: 39px;font: normal 18px/39px Arial;float: right;display: block;margin: 0;padding: 0 15px;text-align: center;color: #fff;text-decoration: none;cursor: pointer;border: 1px solid #870225;border-radius: 2px;position:relative;}
input.btn {float: right;}
.btn:hover, .btn:focus {
background: #940027; /* old browsers */
background: -moz-linear-gradient(top, #940027 0%, #66001b 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#940027), color-stop(100%,#66001b)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940027', endColorstr='#66001b',GradientType=0 ); /* ie */
border: 1px solid #65001b;color: #fff;}
a.btn:link, a.btn:visited, a.btn:active, a.btn:hover, a.btn:focus {color:#fff; background:#940027;}
.screen-reader {display:block !important; left:-9999px !important; position:absolute !important; top:-9999px !important;}



.kontakt-podaci {
    float: left;
    width: 200px;
}


.fb {
    float: right;
   
}
.tw {margin-left:15px}

.buttoni-veci {
    float: left;
    margin-left: 18px;
   
}


.drustvene {
    float: right;
    height: 25px;
    width: 70px;
    margin-top:-35px;
}

.logo-pocetna {
    float: left;
    margin-left: 10px;
    margin-top:40px;
}