/******************************************************************************************************/
/*......css for....:.estetske-operacije.com...........................................................*/
/*......written.by.:.Siniša Kusić...<filfri(at)gmail.com>.............................................*/
/*......date.......: 18/10/2006.....<dd/mm/yyyy>......................................................*/
/******************************************************************************************************/


/*----- basic layout ---------------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body { width: 900px; margin: 0 auto; font-family: "Trebuchet MS" , Tahoma, Sans-Serif; font-size: 12px; color: #414141; background-color: #343434; }
#top { width: 900px; margin: 25px 0 5px 0px; clear: both; overflow: hidden; }
#col-one-wrapper { width: 590px; display: inline; float: left; overflow: hidden; background: url( assets/layout/col-one-body.gif ) repeat-y; }
#col-one-wrapper-inner { width: 590px; overflow: hidden; background: url( assets/layout/col-one-top.gif ) no-repeat 50% 0%; }
#col-one { width: 570px; padding: 10px 10px 0 10px; overflow: hidden; background: url( assets/layout/col-one-bottom.gif ) no-repeat 50% 100%; }
#header-picture { width: 570px; height: 300px; margin: 0 auto 30px 0; background: url( assets/layout/header-picture.jpg ) no-repeat 50% 0%; clear: both; overflow: hidden; }
#footer { width: 550px; padding: 35px 10px 0 10px; color: #fff; background-color: inherit; }
#footer a { color: #0099ff; background-color: inherit; }
#footer a:hover { color: #0099ff; background-color: inherit; }
#footer-left { float: left; clear: left; display: inline; overflow: hidden; }
#footer-right { float: right; clear: right; display: inline; overflow: hidden; }
#col-two-wrapper { width: 300px; display: inline; float: right; background: url( assets/layout/col-two-body.gif ) repeat-y; overflow: hidden; }
#col-two-wrapper-inner { width: 300px; background: url( assets/layout/col-two-top.gif ) no-repeat 50% 0%; overflow: hidden; }
#col-two { width: 280px; padding: 10px 10px 55px 10px; background: url( assets/layout/col-two-bottom.gif ) no-repeat 50% 100%; overflow: hidden; }

/* headings */
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }
.col-one-title { margin: 0 0 15px 0; color: #0099ff; background-color: inherit; font-size: 18px; }
.col-two-title { padding: 0 0 5px 0; margin: 0 0 10px 0; font-size: 18px; color: #414141; background-color: inherit; border-bottom: solid 1px #eee; }

/* links */
a { text-decoration: none; color: #0099ff; background-color: inherit; }
a:hover { color: #000; background-color: inherit; text-decoration: underline; }
.a_saznajte_vise { color: #0099ff; background-color: inherit; }
.a_saznajte_vise:hover { color: #0099ff; background-color: inherit; text-decoration: underline; }

/*----- // end basic layout --------------------------------------------------------------------------*/

/* servis panel */
#servis-panel { width: 300px; font-weight: bold; display: inline; float: left; overflow: hidden; }
#servis-panel ol { padding: 0 0 0 10px; list-style: none; }
#servis-panel li { display: inline; float: left; }
#servis-panel a { margin: 0 20px 0 0; color: #fff; background-color: inherit; }
#servis-panel a:hover { }
#servis-panel .homeLink { }
#servis-panel .sitemapLink { }
#servis-panel .kontaktLink { }

/* welcome */
#welcome { margin: 0 0 30px 0; clear: both; }
#welcome .uvod { width: 570px; padding: 0 0 10px 0; border-bottom: solid 1px #eee; overflow: hidden; }
#welcome .uvodna_fotografija { display: none; }
#welcome .uvod_tijelo { }
#welcome .uvod h2 { display: none; }
#welcome .uvod img { }
#welcome .saznajteViseWrapper { text-align: right; }

/* news */
#news { width: 280px; margin: 0 5px 30px 0; display: inline; float: left; clear: left; overflow: hidden; }
#news .uvod { width: 280px; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: solid 1px #eee; overflow: hidden; }
#news .uvod_tijelo { }
#news .uvod h2 { font-weight: bold; font-size: 14px; margin: 0 0 5px 0; }
#news .uvod h2 span { color: #808080; background-color: inherit; }
#news .uvod img { display: none; }
#news .saznajteViseWrapper { text-align: right; }

/* quick contact */
#quick-contact { width: 280px; margin: 0 0 30px 5px; display: inline; float: right; clear: right; overflow: hidden; }
#quick-contact #kontakt-naslov { display: none; }

/* logotip one */
#logotip-one { width: 280px; display: inline; float: left; overflow: hidden; }
#logotip-one h1 { }
#logotip-one a { width: 280px; height: 60px; display: block; overflow: hidden; }
#logotip-one span { display: none; }

/* logotip two */
#logotip-two { width: 280px; margin: 0 0 30px 0; display: inline; float: left; overflow: hidden; }
#logotip-two h1 { background: url( assets/layout/logotip.jpg ) no-repeat; }
#logotip-two a { width: 280px; height: 80px; display: block; overflow: hidden; }
#logotip-two span { display: none; }

/* navigation */
#navigation { width: 280px; margin: 0 0 30px 0; clear: both; overflow: hidden; }
#navigation ol { width: 280px; list-style: none; }
#navigation ol li { }
#navigation ol li a { width: 265px; padding: 0 0 0 25px; display: block; font-size: 14px; font-weight: bold; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; color: #0099ff; background-color: inherit; }
#navigation ol li a:hover { color: #0099ff; background-color: inherit; text-decoration: underline; }

/* estetic surgery */
#estetic-surgery { width: 280px; margin: 0 0 30px 0; clear: both; overflow: hidden; }
#estetic-surgery  ol { width: 280px; list-style: none; }
#estetic-surgery  ol li { }
#estetic-surgery ol li a { width: 255px; padding: 0 0 0 25px; display: block; font-size: 14px; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; color: #0099ff; background-color: inherit; }
#estetic-surgery  ol li a:hover { color: #0099ff; background-color: inherit; text-decoration: underline; }

/* in this column */
#in-this-column { margin: 0 0 30px 0; clear: both; }
#in-this-column ol { width: 280px; list-style: none; }
#in-this-column  ol li { }
#in-this-column ol li a { width: 255px; padding: 0 0 0 25px; display: block; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; color: #414141; background-color: inherit; }
#in-this-column  ol li a:hover { color: #0099ff; background-color: inherit; text-decoration: underline; }

/* materijal */
.materijal { margin: 25px 20px 50px 20px; display: block; clear: both; overflow: hidden; font-size:1.2em; line-height:150%; }
.materijal p { padding: 5px 0 25px 0; margin-left:10px; margin-right:10px; }

/* material headings */
.materijal h1 { margin: 0 0 25px 0; }
.materijal h2 { margin: 0 0 15px 0; }
.materijal h3 { margin: 0 0 10px 0; }
.materijal h4, .materijal h5 { margin: 0 0 5px 0; }

/* material lists */
.materijal ul, .materijal ol { margin: 15px 0 25px 0; padding: 5px 25px 25px 25px; }
.materijal li { line-height: 1.7em; }

/* siteamap */
#sitemap { margin: 25px 0 50px 0; display: block; clear: both; overflow: hidden; }
#sitemap ol {margin: 10px 0 0 0; list-style: none; }
#sitemap ol li { }
#sitemap ol li h3 { font-size: 14px; font-weight: lighter; }
#sitemap ol li h3 a { padding: 10px 5px 10px 15px; display: block; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; color: #0099ff; background-color: inherit; border-bottom: solid 1px #eee; }
#sitemap ol li h3 a:hover { font-weight: bold; color: #0099ff; background-color: inherit; text-decoration: underline; }
#sitemap ol li ol { margin: 10px 0 25px 25px; padding: 0 0 0 5px; border-left: solid 1px #eee; }
#sitemap ol li ol li { display: block; clear: both; }
#sitemap ol li ol li a { padding: 0 5px 0 35px; display: block; color: #414141; background-color: inherit; }
#sitemap ol li ol li a:hover { color: #0099ff; background-color: inherit; text-decoration: underline; }


/* kontakt formular */
.kontakt-fieldset { padding:20px; margin-bottom:10px; }
.kontakt-fieldset br { display:none; }
.kontakt-fieldset legend { font-size:1.2em; color:#333333; font-weight:bold; }
.kontakt-fieldset input, textarea { width: 90%; margin: 0 0 10px 0; padding: 5px; border: solid 1px #CCCCCC; }
.kontakt-fieldset input:focus , textarea:focus { }
.kontakt-fieldset label { font-size: 14px; font-weight: bold; display: block; clear: left; }
.posalji-button { margin: 0 0 25px 0; font-size: 14px; font-weight: bold; display: block; clear: both; }

/* OBSOLETE STYLES
#kontakt-naslov { margin: 10px 0 10px 0; }
.kontakt-label { font-size: 14px; font-weight: bold; display: block; clear: left; }
.form_text { width: 90%; margin: 0 0 10px 0; padding: 5px; border: solid 1px #eee; }
.form_text:focus { }
.form_button { margin: 0 0 25px 0; font-size: 14px; font-weight: bold; display: block; clear: both; }
.form_textarea { height: 100px;  border: solid 1px #eee; }
*/