@font-face {
font-family: 'GnuolaneRegular';
src: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/font/gnuolane_rg-webfont.eot);
src: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/font/gnuolane_rg-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/font/gnuolane_rg-webfont.woff) format('woff'),
url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/font/gnuolane_rg-webfont.ttf) format('truetype'),
url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/font/gnuolane_rg-webfont.svg#GnuolaneRegular) format('svg');
font-weight: normal;
font-style: normal;
}
* { outline: none; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
body {
font-family: 'GnuolaneRegular';
background: #1B5DA6 url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/body.jpg) no-repeat;
background-position:top center;
color:#FFF;
}
a{
text-decoration:none;
color:#fff;}
a:hover{
text-decoration:underline;}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
.left{
float:left;}
.right{
float:right;}
#container{
margin:0px auto;
width:1046px;
}
#content{
float:left;
width:100%;
}
#header{
float:left;
height:200px;
width:100%;
margin-top:10px;
}
.logo{
float:left;
height:177px;
width:212px;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/logo.png) no-repeat;
margin-left:33px;
}
.logo h1{
text-indent: -9999px;
}
.trazilica_content{
float:right;
margin:115px 33px 0px 0px;
height:38px;
line-height:38px;
color:#000;
font-size:20px;
width: 700px;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -640px repeat-x;
-moz-border-radius: 12px;
border-radius: 12px;
}
.trazilica_content form{
float:right;
}
.trazilica_content span{
float:left;
padding: 0px 15px;
}
#intsite {
float: right;
font: 11px/48px 'Arial', sans-serif;
padding: 0 30px 0 0;
margin-right: 34px;
display: block;
color: #fff;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/globe.png) no-repeat right 12px;
}
.searchform_tekst{
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -408px repeat-x;
border:0px;
padding-top: 2px;
height:35px;
width:255px;
padding-left:20px;
float:left;
-moz-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
color:#868687;
font-size:12px;
}
.searchform_gumb{
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -448px repeat-x;
border:0px;
height:40px;
width:45px;
border:0px;
float:left;
}
#main{
float:left;
width:100%;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/content.png) no-repeat;
width:980px;
padding:0px 33px;
}
.slider{
float:left;
width:100%;
height:350px;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) repeat-x;
-moz-border-radius: 15px;
border-radius: 15px;
color:#FFF;
overflow:hidden;
}
.sidebar{
float:left;
width:280px;
color:#FFF;
}
.sidebar ul{
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) repeat-x;
float:left;
height:350px;
overflow:hidden;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
.sidebar ul li a{
float:left;
width:280px;
padding-left:20px;
height:49px;
line-height:49px;
border-bottom:1px solid #183789;
font-size:18px;
text-transform: uppercase;}
.current-menu-item a, .select, .sidebar ul li a:hover{
text-decoration:none;
width:280px;
height:49px;
line-height:49px;
border-bottom:1px solid #183789;
color:#041F69;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -350px repeat-x;
}
.sidebar_onama{
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-top:20px;
padding:20px;
width:220px;
height:160px;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/o_nama.png) no-repeat;
} .sidebar_onama h2{
padding-left: 0px;
margin-bottom:25px;
font-size:22px;
color:#fff;
background:}
.sidebar_onama img{
float:left;
width:63px;
height:63px;}
.sidebar_onama p{
float:left;
width:145px;
margin-left:10px;
font-size:13px; margin-bottom:10px;
line-height:15px;
max-height:76px;
overflow:hidden;
}
.sidebar_onama strong{ font-size:13px; width:100%;
float:left;
text-align:right;}
.sidebar_onama span{
width:100%;
font-size:13px; float:left;
text-align:right;}
.sidebar_onama a:hover{
text-decoration:none}
.slider_slika{
float:right;
width:700px;
height:350px;
border-radius: 10px;
overflow: hidden;
}
.slider_slika img {
width: 100%;
height: auto;
}
.main_right{
position: relative;
float:left;
width:700px;}
.box_second{
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-top:20px;
padding:20px;
width:300px;
height:160px;
overflow:hidden;
background: #031E67 url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/footer.png) repeat-x;
color:#FFF;
font-size:18px;
}
.box_second li{
list-style-type:none;
}
.box_second h2{
width:100%;
margin-bottom:10px;
font-size:22px;
color:#fff;
text-transform:uppercase;
}
.box_second ul{
padding-left:25px;
}
.box_second ul li{
font-size:16px;
padding:2px 5px;
list-style-image:url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/kvacica.png);
}
.single{
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
padding:20px 20px 30px;
min-height:310px;
width:660px;
background: #CDCDCD url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/single.png) repeat-x;
color:#333;
font-size:18px;
min-height: 520px;}
h1{
margin-bottom:10px;
font-size:40px;
color:#041F69;
text-transform: uppercase;}
.single a{
color:#333;}
.single p, .single td, .single th, .single label, .single div {
margin:20px 0;
font: 14px/22px 'Tahoma', 'Arial', 'Helvetica', sans-serif; }
.single p strong, .single p b, .single td strong, .single td b, .single th, .single th { font-weight: bold; }
.single h2{
margin:20px 0;
font-size:22px;
text-transform: uppercase;}
.archive{
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
padding:20px 20px 30px;
min-height:310px;
width:660px;
background: #CDCDCD url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/single.png) repeat-x;
color:#333;
font-size:18px;}
.archive_red{
float:left;
width:100%;
margin:15px 0px;}
.archive h1{
float:left;
width:100%;
margin-bottom:10px;
font-size:40px;
color:#041F69;}
.archive img{
float:left;
box-shadow: 0 3px 3px #ccc;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right:20px;
}
.archive h2{
float:left;
width:440px;
padding-bottom:20px;
font-size:28px;}
.archive a{
color:#333;}
.archive p{
width:440px;
float:left;
padding-bottom:30px;
font: 16px/22px 'Tahoma', 'Arial', 'Helvetica', sans-serif;}
.footer{
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-top:20px;
padding:20px;
width:940px;
background: #031E67 url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/footer.png) repeat-x;}
.footer p{
font: 11px/16px 'Arial', sans-serif;}
input {
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -408px repeat-x;
border:0px;
padding-top: 2px;
height:35px;
width:280px;
padding-left:20px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#464545;
font-size:12px;
margin-bottom:10px;}
.input-submit, #mc_signup_submit{
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -600px repeat-x;
border:1px solid #F58850;
height:42px;
padding-bottom: 4px;
width:200px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#fff;
font-family: 'GnuolaneRegular';
font-size:20px;
margin-bottom:10px;
text-align:center;
}
.potpis{
float:left;
margin:25px 0px 61px;
width:100%;
color:#202C5C;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
.potpis a{
font-weight:bold;
color:#202C5C;
font-family:Arial, Helvetica, sans-serif;}
.potpis a{
font-weight:bold;
color:#202C5C;
font-family:Arial, Helvetica, sans-serif;}
.wpcf7-text{
width: 360px;
padding-left:15px;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -408px repeat-x;
border: 0px;
-moz-border-radius: 10px;
border-radius: 10px;
height: 38px;
}
.wpcf7-textarea{
font-family:Arial;
padding-top:10px;
width: 360px;
padding-left:15px;
height: 132px;
margin-bottom:10px;
resize:none;
border:0px;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/single.png) 0px 0px repeat-x;
-moz-border-radius: 10px;
border-radius: 10px;
}
.wpcf7-submit{
float: left;
text-align:center;
background: url(//www.osteobiflex.com.hr/wp-content/themes/OsteoBiFlex/images/sprite.png) 0px -168px repeat-x;
height: 48px;
line-height: 48px;
width: 285px;
font-size: 22px;
color: white;
border: 0px}
.single table { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
.single th { border-bottom: 2px solid #999; border-top: 1px solid #999; padding: 8px 0; }
.single td { border-bottom: 1px solid #fff; padding: 8px 0; }
.single .subitem td { padding: 8px 20px; color: #666; }
sup { font-size: 9px !important; line-height: 9px; }
#mc-indicates-required { display: none; }
.mc_signup_submit { text-align: left !important; }
#mc_signup_form label { display: block; }
.mc_required { display: none; }
#modal { display: none; position: absolute; width: 1px; height: 1px; left: 50%; top: 300px; z-index: 1; box-shadow:5px 5px 5px #000; }
#modal div { position: absolute; background: white; border: 5px solid #183789; width: 420px; left: -250px; top: 0; border-radius: 8px; text-align: center; padding: 40px; }
#modal h2 { font-size: 22px; margin: 0; color:#000; }
#modal p { margin: 0;color:#000; }
#modal a { color:#000; text-decoration:none;}
#modal a:hover { text-decoration:underline;}
.unisten{display:none;}
blockquote p { font-size: 12px !important; line-height: 18px !important; }
.main_right .slide { position: absolute; left: 0; right: 0; width: 700px; height: 570px; }
.archive p.datum, .archive p.excerpt { padding-bottom: 10px; }
.archive p.datum { color: #999; }