/******************************************/
/*  StevieMultiplyTheme CSS Stylesheet    */
/*  by Stefan Vapenik                     */
/*  copyright 2009                        */
/******************************************/

/***************************/
/* RESET MARGINS & PADDING */
/***************************/

html, body, div, span,
p, blockquote, pre, code,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
caption {
  margin: 0;
  padding: 0;
}

img{
  border-color:darkblue;
  margin:0;
  
}

/**************/
/* TYPOGRAPHY */
/**************/

body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;     /* web safe fonts */
  font-size: 75%;    /* 12px */
  font-weight: normal;
  line-height: 160%;    /* 19.2px */
}

h1 {
  font-size: 2.5em;
  font-weight: normal;
  line-height: 120%;
}

h2 {
  font-size: 1.75em;
  font-weight: normal;
  line-height: 140%;
  margin-bottom:3px;
}

h3 {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 120%;
}

h4 {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 120%;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  line-height: 120%;
}

h6 {
  font-size: 0.8em;
  font-weight: bold;
  line-height: 120%;
}


/*****************/
/* DEFAULT LINKS */
/*****************/

a {
  color: #27638C;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:link,
a:visited {
  color: #27638C;
}  

a:hover,
a:active {
  text-decoration: underline;
}


/**********/
/* LAYOUT */
/**********/

html {
  background: #0084ff url(../images/main-bg.png) repeat-x;
  /*color: #666;*/
}

#main {
  background: url(../images/middle.png) repeat-y;
  margin: 0px auto 0 auto;
  width: 971px;

}
#top {
  background: url(../images/top.png) no-repeat;
  margin: 10px auto 0 auto;
  width: 971px;
  height: 38px;
}
#header {
  background: #fff;
  margin: 0 auto 0 auto;
  width: 935px;
  height: 261px;
}
#banner {
  background: url(../images/banner-final.jpg) repeat;
  margin: 0 auto 0 auto;
  width: 875px;
  height: 261px;
}
.logo {
  position: relative;
  top: 0px;
  left: -30px;
  float: right;
}


#menu-bg {
  background: #fff;
  margin: 0 auto 0 auto;
  width: 935px;
  height: 60px;
  position:relative;
  left:0px;
  top:0px;
}

#menu ul {
  padding-left:10px;
  margin:0;
	
}
#menu {
  background: blue url(../images/menu-final.jpg) repeat-x 0 0px;
  margin: 0 auto 0 auto;
  width: 875px;
  height: 59px;
}
#menu li {
  display: inline;
}
#menu li a {
  text-align: center;
  color: #fff;
  font-weight: bold;
  height: 31px;
  margin-top:7px;
  padding: 5px 10px 3px 10px;
  /*border-right: #c2dff9 solid 1px;*/
  display: block;
  float: left;
}
#menu li a:hover, #menu li a.active {
  /*background: blue url(../images/menu-background.png) repeat-x;  */
  text-align: center;
  color: yellow;
  font-weight: bold;
  text-decoration: underline;
  height: 31px;
  padding: 5px 10px 3px 10px;
  /*border-right: #dbf9c2 solid 1px;*/
  display: block;
  float: left;
}

#content {
  background: #fff;
  margin: 0 auto 0 auto;
  width: 895px;
  /*display: table;*/
  overflow:auto;
  padding: 20px 20px 0px 20px;
}
#content-left {
/*  background: silver;  */
  float: left;
  width: 655px;
  padding: 0px 10px 0px 10px;
  margin-right:10px;
  overflow:hidden;
}
#content-right {
/*  background: silver;  */
  float: left;
  width: 180px;
  padding: 0px 10px 0px 10px;
  overflow:hidden;
}
.content_item {
/*  background: silver;  */
  float: left;
  width: 640px;
  padding: 0px 10px 0px 10px;
  overflow:none;
}
.content_item_right {
/*  background: silver;  */
  float: left;
  width: 160px;
  padding: 0px 10px 0px 10px;
  overflow:none;
}
p {
  font-size: 1em;
  font-weight: normal;
  line-height: 160%;
  margin: 0px 0px 10px 0px;
}

#footer {
  background: url(../images/bottom.png) no-repeat;
  margin: 0 auto 0 auto;
  padding: 5px 10px 10px 10px;
  width: 951px;
  height: 44px;
}
p.copyright {
  /*color: black;*/
  font-weight: bold;
  text-align: center;
}
#lang{
	padding:17px 50px 0 0;
	text-align:right;
}
#logo {
  border: 0;
}
.galery-top {
  display:block;
  font-size:10px;
  height:210px;
  width:150px;
  text-decoration:none;
  float:left;
  cursor:pointer;
  /*border:blue 1px solid;*/
  margin:4px;
}
a:hover.galery-top{
  text-decoration:none;
  
}
#galery a{
  text-decoration:none;
  float:left;
  display:block;  
  margin:4px;
  
}
#galery a img{
  height:150px;
  width:150px;
  border:2px black solid;
  
}
* html #galery img{
  height:148px;
  width:148px;
  
}

#paci{
    background: url(../images/paci-sa-mi.png) no-repeat; 
    float:right;
    margin-right:20px;
    display:block;
    height:25px;
    width:160px;
  
}
.sutaz-nav{
  float:left;
  margin-right:10px;
  margin-top:4px;
}