/*background: url(../data/back.jpg);*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-align: left;
}

body {background-color: #E5FfCB; /*229, 255, 203 // f4fce3=244, 252, 206*/
	color: #000;
	font-family: Arial, MS Sans Serif, Helvetica;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0; /* top, right, bottom, left */
	text-align: left; /* Centers the page content container in IE 5 browsers. */
}

#style_titul {margin-top: 10px; 
	background:#E5FfCB; 
	height:auto; 
	font-size:20px; 
	line-height: 26px; 
	color:#000033;
}

h1 {color: #000;
	text-align:center;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
}

h2 {color: #000;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
}

h3 {color: #000;
	font-family: Arial, Helvetica, MS Sans Serif;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

a, a:link {color: #0000ff;
	font-weight: normal;
	text-decoration: none;
}

a:visited {color: #608118;
	font-weight: normal;
	text-decoration: none;
}

a:hover {color: #ff0000;
	text-decoration: none;
}

a:focus {color: #09760d;
}

a:active {color: #164619;
}

#pagestyle {background-color:#E5FfCB;
	margin: 0 auto 0 auto; 
	text-align: left;
	width: 1280px;
}

#pagestyle #top {font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
}

#pagestyle #leftcol {margin: 10px 0 0 0px;
	font-size: 14px;
	float: left;
	line-height: 16px;
	padding: 0px; /* top, right, bottom, left */
	width: 250px;
	height: auto;
}

#pagestyle #main {font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 0px 260px; 
	padding: 5px 0px 0px 0px; /* top, right, bottom, left */
}

#pagestyle .clearall {clear: both;
	display: block;
}

#pagestyle #copyright {float: center;
	padding: 10px 0px 0px 0px; /* top, right, bottom, left */
	width: 1280px;
}

/* STYLES */
.art-titul {overflow:hidden;
  padding: 3px 0 5px 0;
  background:#CFEB94;
  height:auto;
  border-color: #C0D89C;
  border-style: solid;
  border-width: 1px;
  color: #003300;
  font-size: 20px;
  text-align: left;
}

.art-note {overflow:hidden;
  padding: 3px 0px 5px 0px;
  border-color: #d8eaac;
  border-bottom-style: solid;
  border-width: 1px;
  height:auto;
  color: #003300;
  font-size: 14px;
  text-align: left;
}

.art-middle {overflow:hidden;
  padding: 2px;
  background-color: #E5FfCB;
  border-color: #C0D89C;
  border-style: solid;
  border-width: 1px;
  font-weight: bold;
  color: #006600;
  font-size: 14px;
  text-align: center;
  height:auto;
  margin-top:12px;
}

.art-end {overflow:hidden;
  padding: 1px;
  background-color: #DEEBCC;
  border-color: #C0D89C;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  height:auto;
  margin-bottom:25px;
}
 /*top img*/
#header1 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_1.jpg) no-repeat;
    text-align: center;
  padding-top:5px;
}

#header2 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_2.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

#header3 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_3.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

#header4 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_4.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

#header5 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_5.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

#header6 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_6.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

#header7 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_7.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

#header8 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_8.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

#header9 {
  position: absolute;
  top: 0;
  width: 1280px;
  height: 200px;
  background: url(../menu_files/firma_9.jpg) no-repeat;
  text-align: center;
  padding-top:5px;
}

 /*BUTTONS*/
 
#button {position:relative; margin-top:5px; margin-bottom:5px; display:block; width:110px;}
#button a, #button a:visited {display:block; width:110px; height:33px; background:url('../menu_files/button.png'); background-position:left top; background-color:transparent; text-align:center; color:#000033; line-height:33px; text-decoration:none; font-family:arial, sans-serif; font-weight:bold; margin-top:5px;}
#button a:hover {background-position:left center; line-height:33px; overflow:hidden; color:#ff0000;}
#button a#selected, #button a#selected:hover {background-position:left bottom; line-height:33px; cursor:default; color:#ff0000;}

/*thumbnail viewer*/

.g_container{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CFEB94;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 150px; /*position where enlarged image should offset horizontally */
z-index: 50;
}