@import url(common.css);

/* Base */
body { background: white url(/media/img/background.png) repeat; }
#container { position: absolute; width: 100%; margin: 8px 0; }
#header { position: relative; height: 175px; border-bottom: 1px dashed #5d8390; }
#logo { position: absolute; top: 10px; left: 50%; margin-left: -160px; }
#language input { background-color: transparent; border-style: none; font-size: 10px; font-weight: bold; cursor: pointer; color: #5d8390; font-family: courier serif; }
#language input.active { color: #ff6600; }
#imgleft { position: absolute; top: 10px; left: 30px; }
#imgright { position: absolute; top: 10px; right: 30px; }
#menu { position: absolute; bottom: 2px; width: 100%; }
#menu td { text-align: center; }
#content { margin: 50px 8%; }
#content * { text-align: justify; color: #464646; font-size: 14px; color: #669999; }
#content a:hover { color: #FF6600; }
#footer { margin: 50px 0; clear: both; }
#footer p, #footer p a { color: #aaaaaa; font-size: 10px; text-align: center; }
#footer p a:hover { color: #888888; }
/* Common */
fieldset { clear: both; padding: 20px; border-style: solid; border-color: #9ebbd8; }
legend { margin-left: 10px; font-size: 15px; font-weight: bold; color: #ff6600 !important; }
label { font-size: 12px; }
#submit { margin-top: 20px; width: 100px; text-align: center; background-color: #9ebbd8; font-weight: bold; color: white; }
div.message { margin: 5px 10%; padding: 15px 30px; text-align: center; background-color: #fffbaa; border: solid 1px red; font-size: 11px; font-weight: bold; color: red !important; }
ul.errorlist li { font-weight: bold; color: red !important; }
div.pagination { clear: both; width: 100%; height: 50px; margin-top: 20px; }
a.previous { float: left; }
a.next { float: right; }
/* Qui som */
p.quisom { margin-right: 20px; }
/* On som */
#map { margin-top: 20px; width: 100%; height: 500px; }
/* Courses */
div.course { margin-bottom: 10px; padding: 10px 20px 20px 20px !important; }
div.course h1 { margin-bottom: 20px; color: #ff6600 !important; }
/* Products */
div.product { float: left; margin: 10px; width: 320px; height: 360px; padding: 20px; text-align: center !important; border: 1px #669999 solid; }
div.product h1 { text-align: center !important; margin-bottom: 8px; color: #FF6600 !important; font-size: 14px !important; }
div.product a { font-weight: bold; font-size: 11px; }
/* Community */
div.community { clear: both; margin-bottom: 10px; padding-top: 10px; padding-bottom: 20px !important; }
div.community h1 { color: #ff6600 !important; font-size: 14px; margin-bottom: 10px; margin-right: 20px !important; }
div.community h1 a { color: #ff6600 !important; }
div.community h1 a:hover { font-weight: bold !important; }
div.community img { margin-left: 20px; margin-right: 20px; }
div.community p { margin-right: 20px; }
div.community p.footer { margin: 10px 20px; font-size: 11px; font-style: italic; font-weight: normal; color: #669999 !important; }
/* Links */
ul.link { width: 100%; }
ul.link li { margin-bottom: 5px; padding: 5px 10%; }
ul.link li.even a { font-weight: bold; }
ul.link li.odd a { font-weight: bold; color: #ff6600 !important; }
/* Avís legal */
ul.legal li { margin: 14px 20px 0 30px; }