﻿* { margin: 0; padding: 0; outline: none; }
html, body { width: 100%; height: 100%; }

body { font: normal 12px Verdana, Arial, Helvetica, Sans-Serif; background: #425130 url(../images/body-bg.jpg) center top no-repeat fixed; }

h1 { color: #F60; margin-bottom: 15px; font-weight:normal; text-decoration: underline; font-size: 1.5em; }
h2 { color: #F60; margin-bottom: 15px; font-weight:normal; text-decoration: underline; }

p { margin-bottom: 10px; }

.cl { clear: both; height: 0; line-height: 0; }
.left { float: left; }
.right { float: right; }
.notext { color: transparent; font-size: 0; text-indent: -50000px; }

img {border-radius: 15px; border: none; }
.stdimg {border-radius: 0px;}

img.left { margin-right: 8px; }
img.right { margin-left: 8px; }
img.left, img.right { margin-bottom: 5px; }

#wraper { padding: 10px 0; }
/*#wraper { min-height: 100%; }
#wraper { filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#CCCCCC); }
#wraper { background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); }
#wraper { background: -moz-linear-gradient(top, #FFF, #CCC); }*/

.shell { width: 950px; margin: 0 auto; padding: 0 10px; background: #FFF; background: rgba(255, 255, 255, 0.9); border-radius: 15px; -webkit-box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.75); -ms-box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.75); -o-box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.75); box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.75); }

#languageBar { height: 30px; }
#en, #bg, #es, #de, #it { display: block; float: right; width: 16px; height: 16px; margin: 7px 12px 0 0; }
#en { background: url(../images/elements/en.png) center center; }
#bg { background: url(../images/elements/bg.png) center center; }
#es { background: url(../images/elements/es.png) center center; }
#de { background: url(../images/elements/de.png) center center; }
#it { background: url(../images/elements/it.png) center center; }

#header { height: 192px; background: url(../images/banner2.png) center top; }

#logo, #logo a { display: block; float: left; width: 200px; height: 40px; /*background: red;*/ }

#address { margin-right: 10px; height: 30px }
#address p { padding-top: 5px; text-align: right; font-weight:bold; color: white }

#navigation { margin-top: 125px; float: right;}
#navigation ul { list-style: none; }
#navigation li { display: block; position: relative; float: left; }

#navigation li a { font: bold 20px "Calibri", serif; line-height: 35px; color: #000; text-decoration: none; padding-right: 37px; }

#navigation ul ul li:hover > a { background: #999; color: #000; }

#navigation ul ul { display: none; position: absolute; left: -15px; background: #333; }

#navigation ul ul { border-radius: 5px; }

#navigation ul ul li:last-child,
#navigation ul ul li:last-child > a { border-radius: 0 0 5px 5px; }

#navigation ul ul li:first-child,
#navigation ul ul li:first-child > a { border-radius: 5px 5px 0 0; }

#navigation ul ul li { display: block; width: 100%; }
#navigation ul ul li a { font: normal 11px Arial, Helvetica, sans-serif; display: block; padding: 8px 10px; color: #FFF; }
#navigation ul ul li a:hover { background: #DDD; color: #000; }

#navigation ul ul ul { display: none; left: 100%; top: 0; width: 100%; }

#main { padding-top: 20px; }

#sidebar { float: left; width: 300px; }
#sidebar ul { list-style: none; }
#sidebar ul .widgettitle { font-size: 19px; }
#sidebar ul .newsItem { margin-bottom: 15px; }
#sidebar ul h3 { font-size: 16px; margin-bottom: 5px; }

#content { float: left; width: 620px; margin-left: 30px; }

#footer { text-align: right; border-top: 1px solid #000; margin-top: 12px; padding: 12px 0 15px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }