/* info
--------------------------------------------------------
	Start:	4.07.2012.
	Name: 	Dental Center Hercigonja Matković
	Author:	BozooArt, www.bozooart.com
*/

/* Colors
----------------------------------------------- 

#03A8E0 = blue
#929292 = gray  (text)



/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; }
ol, ul { list-style: none;  }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; padding: 0; margin: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }
input, textarea,  select { font-family: Arial, Helvetica, sans-serif; color: #6d6d6d;   }
img { margin: 0; padding: 0; }

a { text-decoration: none; color: #03A8E0 }
a:hover { border: none; text-decoration: underline  }
a:focus { outline: none; }
.clr { clear: both; }


@font-face {
  font-family: 'Varela';
  font-style: normal;
  font-weight: 400;
  src: local('Varela'), url('font/varela.woff') format('woff');
}


/* General
----------------------------------------------- */
body { font: 16px/1.6em 'Varela', Arial, Helvetica, sans-serif; color: #929292; text-align: left;   background: #000 url(img/bg.gif);  }
#container { width: 1024px; margin: 0 auto;   position: relative;  overflow-x: hidden;  }



.content {  height: 765px; padding: 103px 32px 0 168px; background: #000; margin-bottom: 500px  }
h1#logo a { display: block; width: 169px; height: 39px; background: url(img/logo.png) no-repeat; position: fixed; margin-left: 635px; top: 20px; text-indent: -9999em; z-index: 1000  }
h2 { font-size: 32px; color: #fff;  margin-bottom: 20px  }

/* landing */
.landing #container { background: #000;  }
.landing h1 { position: absolute; text-indent: -9999em; }
.landing #yinyang { width: 623px; height: 623px; background: url(img/jin-jang.png) no-repeat; margin: 70px auto 0; position: relative; padding-bottom: 70px; }
#she a { width: 320px; height: 62px; position: absolute; text-indent: -9999em;  display: block; background: url(img/logo-norge.png) no-repeat 0 0px; top: 130px; left: 115px;      }
#he a { width: 320px; height: 62px; position: absolute; text-indent: -9999em;  display: block; background: url(img/logo-kroatia.png) no-repeat 0 0px; top: 425px; left: 210px;      }
.landing #yinyang:hover { background-position: right 0 }