/*********************************************************************
 * Ordinacija dentalne medicine Alda Žagar, dr. med.dent.
 * @author Nix
 * @since	april 2013
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* { padding: 0; margin: 0; }
/******************************************************************
 * Structure
 ******************************************************************/
body { margin: 0px; padding: 0px; font-family: "Century Gothic", Arial, sans-serif; background-color: #EDE9DF; }

html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, fieldset, form, label, legend,
button, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; background: transparent;
 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.clear { clear: both; }
.right { text-align: right; }
nav ul, nav ol { list-style: none; margin: 0; }
strong {font-weight: bold;}
.container { width: 960px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; background-color: #742322; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.corner-float { float: right; margin-top: -8px; }
.red-break { height: 1px; background-color: #742322; margin-bottom: 22px; margin-left: 20px; margin-right: 20px; }


header { width: 960px; padding: 0px; height: 99px; background:#ffffff url(../images/header-back.jpg) no-repeat right 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; position: relative; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);}

/******************************************************************
 * Header
 ******************************************************************/
header h1 { width: 283px; height: 78px; overflow: hidden; padding: 0px; margin-top: 10px; margin-left: 15px; margin-right: 0px; margin-bottom: 0px; float: left; }
header h1 a { display: block; text-indent: -9999px; width: 283px; height: 78px; background-image: url(../images/logo-alda-zagar.png); }
header #language { height: 13px; float: right; width: 300px; margin-top: 110px; }
header #language nav { float: right; margin-right: 20px; }

header #language li { float: left; margin-right: 14px; }
header  #language a { font-family: "Century Gothic", Arial, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; width: 40px; display: block; text-align: right; line-height: 11px; height: 13px; }
header #language .lang-hr { background-image: url(../images/flag-hr.jpg); background-repeat: no-repeat; }
header #language .lang-de { background-image: url(../images/flag-de.jpg); background-repeat: no-repeat; }
header #language .lang-si { background-image: url(../images/flag-si.jpg); background-repeat: no-repeat; }
header #language .lang-en { background-image: url(../images/flag-en.jpg); background-repeat: no-repeat; }
header  #language  .active { font-style: italic; }





.content { margin-top: 35px; padding-left: 20px; }

.content #left-side { width: 239px; float: left; }


.content #left-side nav li { height: 37px; width: 239px; margin-bottom: 4px; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);}

.content #left-side nav li a { height: 37px; width: 215px; display: block; padding-right: 12px; padding-left: 12px; line-height: 37px; color: #742322; text-decoration: none; font-family: "Century Gothic", Arial, sans-serif; background-color: #FFFFFF; }
.content   #left-side   nav ul  { margin-bottom: 17px; }
.content  #left-side  nav  .main  a:link, .content #left-side nav .main a:visited { background-color: #E7E0D2; background-image: -webkit-gradient(linear, left top, left bottom, from(#EDE9DF), to(#CCBB99)); background-image: -webkit-linear-gradient(top, #EDE9DF, #CCBB99); background-image:    -moz-linear-gradient(top, #EDE9DF, #CCBB99); background-image:      -o-linear-gradient(top, #EDE9DF, #CCBB99); background-image:         linear-gradient(to bottom, #EDE9DF, #CCBB99); font-size: 15px;
 }
.content #left-side nav .main a:hover { background-color: #FFFFFF; background-image:none }


.content #left-side nav .extra a:link, .content #left-side nav .extra a:visited { background-color: #EDE9DF; font-size: 14px; }
.content #left-side nav .extra a:hover { background-color: #FFFFFF; }

.content #left-side nav a.active {background:#ffffff url(../images/nav-active.png) no-repeat 220px center !important;  }

.content #left-side .working-hours { -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);}

.content #left-side .working-hours h2 { display: block; height: 25px; width: 227px; font-family: "Century Gothic", Arial, sans-serif; color: #742322; font-size: 14px; background-color: #E7E0D2; background-image: -webkit-gradient(linear, left top, left bottom, from(#EDE9DF), to(#CCBB99)); background-image: -webkit-linear-gradient(top, #EDE9DF, #CCBB99); background-image:    -moz-linear-gradient(top, #EDE9DF, #CCBB99); background-image:      -o-linear-gradient(top, #EDE9DF, #CCBB99); background-image:         linear-gradient(to bottom, #EDE9DF, #CCBB99); font-weight: normal; line-height: 25px; padding-left: 12px; margin-bottom: 1px; }
.content  #left-side  .working-hours  .tekst { width: 215px; background-color: #EDE9DE; padding: 12px; font-family: "Century Gothic", Arial, sans-serif; font-size: 13px; color: #3F3F3F; }
.content  #left-side  .working-hours  .tekst  p { font-family: "Century Gothic", Arial, sans-serif; }
.content  #left-side  .working-hours  .tekst  a { color: #742322; font-size: 11px; }

.content #main { -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); float: right; width: 717px; background-color: #FFFFFF; margin-right: -20px; padding-top: 0px; padding-right: 0px; padding-bottom: 35px; padding-left: 0px; }
.content #main article { float: left; width: 470px; margin-top: 20px; margin-left: 20px; }

.content #main article h1 { font-family: "Century Gothic", Arial, sans-serif; font-size: 19px; color: #742322; font-weight: bold; display: block; margin-bottom: 35px; }
.content #main article p { font-family: "Century Gothic", Arial, sans-serif; font-size: 14px; color: #3B3B3B; margin-bottom: 13px; }

.content #main article h3 { font-family: "Century Gothic", Arial, sans-serif; font-size: 15px; color: #3B3B3B; margin-bottom: 13px; font-weight: bold; }

.content  #main  article  ul li { font-family: "Century Gothic", Arial, sans-serif; font-size: 14px; color: #3B3B3B; margin-bottom: 13px; margin-left: 15px; list-style-position: outside; list-style-type: disc; }

.content #main article ol li { font-family: "Century Gothic", Arial, sans-serif; font-size: 14px; color: #3B3B3B; margin-bottom: 13px; margin-left: 28px; list-style-position: outside; }
.content #main article ol { margin-bottom: 26px; }
.content #main article ul li ul { margin-top: 10px; margin-bottom: 10px; }
.content #main article ul li ul li{ list-style-type: circle !important; }




.content #main article a:link, .content #main article a:visited { color: #742322; text-decoration: none; }

.content #main article a:hover { color: #742322; text-decoration: underline; }
.content       #main       address           { font-style: normal; font-family: "Century Gothic", Arial, sans-serif; font-size: 14px; color: #3B3B3B; line-height: 16px; margin-bottom: 22px; }
.content  #main  address  a  { font-weight: bold; }
.content #main article .hitni td { background-color: #EDE9DF; font-family: "Century Gothic", Arial, sans-serif; font-size: 12px; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; }

.content #main article .hitni th { background-color: #E7E0D2; background-image: -webkit-gradient(linear, left top, left bottom, from(#EDE9DF), to(#CCBB99)); background-image: -webkit-linear-gradient(top, #EDE9DF, #CCBB99); background-image:    -moz-linear-gradient(top, #EDE9DF, #CCBB99); background-image:      -o-linear-gradient(top, #EDE9DF, #CCBB99); background-image:         linear-gradient(to bottom, #EDE9DF, #CCBB99); font-family: "Century Gothic", Arial, sans-serif; font-size: 12px; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; font-weight: bold; color: #742322; }
.content #main .osoblje { font-weight: bold; font-size: 19px; color: #742322; }

.content #main .osoblje span { font-weight: bold; font-size: 15px; }




.content #main #request { width: 316px; float: left; font-family: "Century Gothic", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #3B3B3B; margin-left: 20px; }

.content #main #request h2 { font-family: "Century Gothic", Arial, sans-serif; font-weight: normal; color: #742322; margin-bottom: 20px; font-size: 16px; }
.content #main #request .style-textfield { width: 200px; height: 22px; border: 1px solid #742322; margin-bottom: 8px; font-family: "Century Gothic", Arial, sans-serif; font-size: 12px; }

.content #main #request .style-textarea { width: 200px; height: 82px; margin-bottom: 8px; border: 1px solid #742322; font-family: "Century Gothic", Arial, sans-serif; font-size: 12px; }

.content #main #request .style-submit { width: 87px; height: 22px; margin-bottom: 8px; border: 1px solid #742322; background-color: #EDE9DE; float: right; cursor: pointer; font-family: "Century Gothic", Arial, sans-serif; font-size: 13px; color: #3B3B3B; }

.content #main #map { width: 316px; float: right; font-family: "Century Gothic", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #3B3B3B; margin-right: 20px; }
.content #main #map h2 { font-family: "Century Gothic", Arial, sans-serif; font-size: 18px; font-weight: bold; color: #3B3B3B; margin-bottom: 18px; }
.content #main #map a { color: #666666; font-size: 12px; text-decoration: none; }


.content #main #map h2 span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; }
.content #main #map .show { border: 1px solid #742322; }
.content #main #disclamer { margin-right: 20px; margin-left: 20px; margin-top: 45px; border-top-width: 1px; border-top-style: solid; border-top-color: #BAC7C2; padding-top: 14px; }
.content #main #disclamer p { font-family: "Century Gothic", Arial, sans-serif; font-size: 11px; color: #742322; }

.content #main #intro-texst { margin-top: 20px; margin-left: 20px; width: 404px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #742322; padding-bottom: 35px; }
.content #main #intro-texst h2 { font-family: "Century Gothic", Arial, sans-serif; color: #742322; font-size: 19px; font-weight: normal; margin-bottom: 38px; line-height: 23px; letter-spacing: 1px; }

.content #main #intro-texst h1 { font-family: "Century Gothic", Arial, sans-serif; color: #742322; font-size: 20px; font-weight: bold; line-height: 25px; }


.content #main .intro-pic { float: right; margin-top: 20px; margin-right: 20px; border: 1px solid #742322; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }

.content #main #kontakt { margin-top: 20px; margin-left: 20px; width: 404px; float: left; }

.content #main #kontakt h1 { font-family: "Century Gothic", Arial, sans-serif; color: #742322; font-size: 17px; font-weight: bold; line-height: 25px; margin-bottom: 22px; }
.content #main #kontakt div { float: left; width: 202px; font-family: "Century Gothic", Arial, sans-serif; font-size: 14px; color: #3F3F3F; }
.content   #main   #kontakt   div   a:link, .content  #main  #kontakt  div  a:visited { color: #742322; text-decoration: none; font-weight: bold; }

.content #main #kontakt div a:hover { color: #742322; text-decoration: underline; font-weight: bold; }


.content #main .quick-request { float: right; display: block; height: 100px; background-image: url(../images/btn-quick-contact.png); background-repeat: no-repeat; background-position: center 40px; font-family: "Century Gothic", Arial, sans-serif; color: #742322; font-size: 16px; text-decoration: none; margin-right: 80px; margin-top: 40px; }

















.content #main aside { width: 182px; float: right; margin-top: 20px; margin-right: 20px; }
.content #main aside #main-images { }

.content #main aside #main-images img { border: 1px solid #742322; margin-bottom: 10px; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);  }
.content  #main  .gallery  { }
.content   #main   .gallery   img  { float: left; margin-right: 3px; margin-bottom: 3px; border: 1px solid #742322; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
.content   #main   .gallery   img.last  { margin-right: 0px; }
.content  #main  .gallery  img:hover  { border: 1px solid #EDE9DF; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }












footer { height: 55px; padding-right: 20px; padding-left: 20px; }
footer #community { margin-top: 15px; float: left; }

footer .footer-logo img { float: right; margin-top: 10px; }

.lang_en header h1 a { display: block; text-indent: -9999px; width: 283px; height: 78px; background-image: url(../images/logo-alda-zagar_en.png); }

.lang_en  header { width: 960px; padding: 0px; height: 99px; background:#ffffff url(../images/header-back_en.jpg) no-repeat right 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; position: relative; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
.lang_en  .content  #left-side  nav  .extra  a:link, .lang_en   .content  #left-side  nav  .extra a:visited { background-color: #EDE9DF; font-size: 11px; }

.lang_en .content #left-side nav .extra a:hover { background-color: #FFFFFF; }
.lang_de  .content  #left-side  nav  .extra  a:link, .lang_de   .content  #left-side  nav  .extra a:visited { background-color: #EDE9DF; font-size: 11px; line-height: 15px; padding-top: 3px; height: 35px; }

.lang_de .content #left-side nav .extra a:hover { background-color: #FFFFFF; }

.lang_de header h1 a { display: block; text-indent: -9999px; width: 283px; height: 78px; background-image: url(../images/logo-alda-zagar_de.png); }

.lang_de header { width: 960px; padding: 0px; height: 99px; background:#ffffff url(../images/header-back_de.png) no-repeat right 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; position: relative; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }