html, body { 
height : 100%;
margin : 0;
padding : 0;
}

body { 
font: 62.5%/1.3 Arial, Helvetica, sans-serif; 
color: #216279;
background: url('../img/small_background.gif') top #4b6f1d;
}
p, div, form, ul, blockquote, h1, li, h3 { 
margin : 0;
padding : 0;
}


h2 {
color: #ee2363;
font-size: 1.5em;
margin: 0 0 12px 0;
clear: both;
}

h3 {
color: #ee2363;
font-size: 1.3em;
margin: 15px 0 4px 0;
font-weight: normal;
}

h4 {
color: #216279;
font-size: 1.2em;
margin: 0 0 6px 0;
}

h5 {
color: #216279;
font-size: 1.3em;
margin: 35px 0 8px 0;
}

h6, h6 a  {
color: #216279;
font-size: 1.1em;
margin: 0;
text-decoration: none;
}

h6 a:hover, h6 a.current {
color: #ee2363;
text-decoration: underline;
}

/* DIV CLEAR FIX */
div:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

div, h1 {
    display: inline-block;
}

html[xmlns] div {
    display: block;
}

* html div {
    height: 1%;
}

div > p { 
margin : 0;
}

a { 
font-family: Arial, Helvetica, sans-serif;
color: #216279;
font-weight : normal;
text-decoration : underline;
}

a:hover { 
text-decoration : none;
font-weight: normal;
color: #ee2363;
}


/* MAIN CONTEINERS */

#wrapper {
text-align: center;
background: url(../img/main_background.gif) repeat-x top;
height: 450px;
margin: auto;
}

#top {
width: 838px;
height: 164px;
margin: auto;
background: url(../img/top_background.gif) top left no-repeat;
}


#wrap {
width: 838px;
height: 164px;
margin: auto;
background: url(../img/wrap_background.gif) top left no-repeat;
}

#left {
float: left;
margin: 12px 0 55px 64px !important;
margin: 12px 0 55px 32px;
width: 333px;
padding: 0 10px 60px 10px;
background: url(../img/white_bg.gif) top left #ffffff;
text-align: left;
font-size: 1.1em;
}

#right {
float: right;
margin: 12px 58px 55px 0 !important;
margin: 12px 29px 55px 0;
width: 331px;
padding: 0 10px 10px 10px;
background: url(../img/white_bg_right.gif) top left #ffffff;
text-align: left;
font-size: 1.1em;
}

#rightBottom {
position: absolute;
width: 351px;
height: 11px;
margin: 10px 0 0 -10px !important;
margin: 7px 0 0 -10px;
background: url(../img/right_bottom_bg.gif) bottom left no-repeat;

}

#footer {
position: absolute;
margin: 0 0 0 -10px;
color: #949494;
width: 333px;
height: 25px;
overflow: hidden;
padding: 25px 10px 10px 10px;
background: url(../img/left_bottom_bg.gif) bottom left no-repeat;
text-align: left;
font-size: .9em;
}

#copyright {
position: absolute;
margin: 42px 0 0 -10px;
width: 333px;
padding: 25px 10px 10px 10px;
text-align: left;
font-size: .9em;
color: #d0eea7;
}


#logo {
width: 132px;
height: 103px;
float: left;
background: url('../i/logo.gif') no-repeat top left;
}

#logo h1 a { 
display : block;
width : 129px;
padding-top : 103px !important;
padding-top : 80px;
height : 0;
color : #000;
text-decoration : none;
overflow : hidden;
} 


#languages {
margin: 0 0 15px 0;
clear: both;
}

#languages ul {
width: 100%;
display: block;
}

#languages ul li {
display: block;
float: left;
margin: 0;
padding: 0;
width: 25px;
list-style: none;
}

#languages ul li.first {
margin: 0;
padding: 0 0 0 1px;
width: 24px;
}

#languages ul li a {
color: #93ca45;
display: block;
height: 20px;
line-height: 20px;
width: 20px;
background: url(../img/lan_link_bg.gif) left top no-repeat;
font-size: .8em;
text-align: center;
text-decoration: none;
}

#languages ul li a:hover, #languages ul li a.current {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

/* MENU */

#mainMenu {
margin: 147px 0 0 0;
width: 410px;
float: right;
}

#mainMenu ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
}

#mainMenu ul li {
display: block;
text-align: center;
float: left;
margin: 0 8px 0 0;
padding: 2px 0 0 0;
width: 82px;
}

#mainMenu ul li a {
color: #216279;
display: block;
font-size: 1.1em;
text-decoration: none;
}

#mainMenu ul li a:hover {
text-decoration: none;
color: #ee2363;
}


#mainMenu ul li a.current, #mainMenu ul li a.current:hover {
font-weight: bold;
text-decoration: none;
color: #ee2363;
}

#links {
padding: 25px 0 0 0;
clear: both;
}

#links ul {
background: url(../img/link_bg.gif) repeat-x top left;
width: 100%;
display: block;
}

#links ul li {
display: block;
background: url(../img/link_bg.gif) repeat-x bottom left;
margin: 0;
padding: 4px 0;
list-style: none;
}

#links ul li a {
font-weight: bold;
text-decoration: none;
}


#right .picture {
float: left;
width: 84px;
padding: 3px 5px 5px 0;
text-align: left;
}

#right .text {
float: right;
width: 237px;
}

#right .content {
clear: both;
}

#right .map {
text-align: center;
margin: 20px 0 0 0;
}


#flash {
position: absolute;
clear: both;
width: 80px;
margin: 30px 0 0 250px;
height: 20px;
}

#right .input, #right .valid, #right .textarea {
border: solid 1px #216279;
background: #ffffff;
padding: 1px 3px;
width: 210px;
}

#right .validator {
border: solid 1px #216279;
}

#right .textarea {
width: 98%;
height: 80px;
}

#right .valid {
width: 125px !important;
width: 123px;
margin: 6px 0 0 0;
}

#right .button {
border: solid 1px #216279;
background: #f5f5f5;
color: #216279;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding: 2px;
}

#left .box {
clear: both;
background: url(../img/link_bg.gif) repeat-x bottom left;
padding: 8px 0;
}

#left .last {
background: none;
}

#left .picture {
float: left;
width: 135px;
padding: 0;
}

#left .text {
float: right;
width: 195px;
}

#left .text h4, #left .text h4 a {
margin: 0;
font-weight: bold;
text-decoration: none;
font-size: 1em;
}


#right .img {
margin: 0 8px 0 0;
}

#left .one {
float: left;
width: 165px;
padding: 0;
}

#left .two {
float: right;
width: 165px;
}

#left .img {
margin: 4px 8px 0 0;
}

#catMenu {
clear: both;
}

#catMenu li {
list-style: none;
display: inline;
padding: 0 14px;
margin: 0;
border-left: solid 1px #216279;
}

#catMenu li.first {
padding: 0 14px 0 0;
border: none;
}

#catMenu a {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}


#catMenu a.current, #catMenu a.current:hover {
color: #ee2363;
text-decoration: none;
}

#catMenu span {
font-size: 1.4em;
text-align: center;
padding: 0 14px;
}
.box_news{
  width: 87px;
  height: 84px;
  float: left;
}
.box_catalogue{
  width: 185px;
  height: 182px;
  float: left;
}
.box_catalogue2{
  background: url('../img/link_bg.gif') repeat-x bottom left;
  font-size: 5px;
}
.box_catalogue3{
  width: 52px;
  height: 48px;
  float: left;
  padding-top: 2px;
}
.box_catalogue4{
  width: 100px;
  height: 44px;
  float: left;
  padding-top: 2px;
  overflow: hidden;
}

