/* general layout */

div { color: #333;  font-size: 12px; position:relative;}
td { color: #333;  font-size: 12px;}

a {color:#00407a; text-decoration:none;} a:hover {color:#0db527; text-decoration:underline;}
h1, h2, h3, h4 {font-family:Tahoma, Arial; margin:0px; paddind:0px; font-weight:normal}
h2 {font-size:18px;} h1 {font-size:28px;} h3 {font-size:32px;} 

.err {color:red; font-weight:bold;}

.input {width:120px; border:1px solid #b6b6b6; padding:3px;color: #333;  font-size: 11px; }
.submit {font-size:11px; font-weight:bold; padding: 5px 10px 5px 10px; background: url(moreinfo_bg.gif) repeat-x left; display:inline;  border:0px;}

/* header */

.logo a {width:245px; height:90px; display:block;  background: #ffffff url(logo.gif) no-repeat 0px 10px; float:left;}
.logoe a {width:215px; height:90px; display:block;  background: #ffffff url(logo.gif) no-repeat 0px 10px; float:left;}
.menu-wrap a { background: url(vert_nav_bg.gif) repeat-x top; height:90px; float:right; display:block; text-align:center; border-left:1px solid #ffffff; border-right:1px solid #ffffff;} 
.menu-wrap a:hover {background:white; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.menu-wrap h2 {color:#00407a;padding:40px 28px 10px 28px;}

/* slpash */

.splash {background: url(splash2.jpg) no-repeat bottom right;  margin: 5px 0px 15px 0px;}
.splash .corner1 {display:block; height:9px; background: url(corner1.gif) no-repeat top left; }
.splash .corner2 {display:block; height:9px; background: url(corner2.gif) no-repeat top right; }
.splash .cont {color:white; font-size:14px; line-height:18px; margin:15px; width:600px;}
.splash .cont h3 {margin:25px 0px 15px 0px;}

/* login */

.login-head {color:white; font-weight:bold; padding:8px; background:#2a689f url(login_head_bg.gif) no-repeat top; }
#login {background: #fbfcfd url(login_bg.gif) no-repeat bottom; display:block; padding:12px; margin-bottom:15px;}
#login p {margin:0px; padding:3px 0px 3px 0px;}

/*table, form */

.table {background:#e6edf3 url(table_bg.gif) repeat-x bottom;}
.table td {padding:5px;}
.table .first {padding:5px; background:#2a689f; color:white;}
.submit2 {font-size:11px; font-weight:bold; padding: 8px 15px 8px 15px; background: url(moreinfo_bg.gif) repeat-x left; display:inline;  border:0px;}
.textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

.table2 {background:#f3f3f3; border:1px solid #d5d5d5;} 
.table2 td {padding:5px; background:white;}
.table2 .first {padding:5px; background:#2a689f; color:white;}


/* mainmenu */

#mainmenu {display:block; padding-top:5px; margin:0px 0px 10px 15px; border-top:5px solid #0db527;}
#mainmenu div a {display:block; background:#f5f5f5; font-weight:bold; padding:5px; border-top:1px solid white; border-bottom:1px solid #e4e4e4; font-weight:bold;}
#mainmenu div a:hover { background:#e4e4e4; }
#mainmenu .sel a {background:white; font-size:13px; text-decoration:none;}

#mainmenu100 {display:block; padding-top:5px; margin:0px 0px 10px 15px; border-top:5px solid #0db527;}
#mainmenu100 div a {display:block; background:#f5f5f5; font-weight:bold; padding:5px; padding-left:10px; border-top:1px solid white; border-bottom:1px solid #e4e4e4; font-weight:bold;}
#mainmenu100 div a:hover { background:#e4e4e4; }
#mainmenu100 .sel a {background:white; font-size:13px; text-decoration:none;}

/* crumbs */

.crumbs {background: url(crumbs_bg.gif) no-repeat top left; display:block; height:75px;}
.crumbs .links {padding: 13px 15px 0px 15px; color:#f5f5f5;} .crumbs .links a {color:white;}
.crumbs h1 {color:white; padding: 0px 15px 0px 15px;}

/*foot */
.iso {float:left; background: url(iso.gif); width:80px; height:80px; display:block;}
#footer .contact {float:left; width:300px; margin:0px 15px 0px 15px; color:#54595e; line-height:16px; font-size:11px;}

/* content, article */

.content-main {line-height:22px;}
.content-main p {margin:0px; padding: 6px 0px 6px 0px;}
.content-main h1 {color:#0db527; padding: 6px 0px 2px 0px; line-height:35px;}
.content-main h2 {color:#0db527; padding: 6px 0px 2px 0px;}
.content-main h4 {color:#0db527; padding: 6px 0px 2px 0px; font-size:14px; font-weight:bold;}
.content-main h3 {color:#0db527; padding: 6px 0px 2px 0px; font-size:16px; font-weight:bold;}
.content-main .subtitle {margin:0px; padding: 0px 0px 6px 0px; font-size: 11px; font-weight:bold;}
.content-main .lead {margin-bottom:3px; padding: 10px 0px 10px 0px;  background: url(dot.gif) repeat-x bottom; font-weight:bold;}
.content-main .img-wrap {float:left; display:inline; margin:0px 30px 1px -25px;}
.content-main .img-wrap .desc {background:#999999; padding:5px; font-size:11px; color:white; font-weight:bold;}
.content-main ul { display:block;list-style-image: url(arrow06.gif);list-style-position: outside;}

/* mediaboxes */

.mbox100 {line-height:22px;}
.mbox100 .block {margin:5px 0px 5px 0px; padding:5px 0px 10px 0px; background: url(dot.gif) repeat-x bottom;}
.mbox100 p {margin:0px; padding: 6px 0px 6px 15px;}
.mbox100 h2 a {color:#0db527; padding: 6px 0px 10px 0px;}
.mbox100 .moreinfo a {font-size:11px; font-weight:bold; padding: 3px 10px 3px 10px; background: url(moreinfo_bg.gif) repeat-x left; display:inline; float:right;}
.mbox100 .moreinfo a:hover {color:white}
.mbox100 .img-wrap {float:left; display:inline; margin:0px 15px 1px 0px;}
.mbox100 .subtitle {margin:0px; padding: 0px 0px 6px 15px; font-size: 11px; font-weight:bold;}

.mbox200 .block {background: #0db527 url(mbox200_bg.gif) no-repeat bottom; padding:8px; display:block; margin-bottom:15px; color:white;}
.mbox200 .title a {background: #63d875 url(mbox200_title.gif) no-repeat top; padding:8px 30px 8px 8px; display:block; color:white; font-weight:bold;}
.mbox200 .title a:hover { color:white;}

.mboxes {diplay:block; background: url(mboxes_bg.gif) no-repeat top left;}
.mboxes-bottom { background: url(dot.gif) repeat-x left; display:block; height:20px;}

.mbox300 {width:510px; float:left;}
.mbox300 .block {width:255px; float:left;} 
.mbox300 p {padding:8px; margin:0px; line-height:18px;}
.mbox300 .moreinfo a {font-size:11px; font-weight:bold; padding: 3px 10px 3px 10px; background: url(moreinfo_bg.gif) repeat-x left; float:right; margin-right:8px;}
.mbox300 .moreinfo a:hover {color:white}
.mbox300 h1 a {text-align:right; display:block; padding:5px 45px 8px 8px;  background: url(bullet.gif) no-repeat 220px 12px;}

.mbox400 {width:240px; float:left;} 
.mbox400 .block {padding:3px 8px 8px 8px;}
.mbox400 .title a {padding:3px; border-bottom:1px solid #f4f6f8; display:block; font-size:11px;}
.mbox400 .title a:hover {background:#00407a; color:white; text-deacoration:none;}

.mbox1100 {color:white; text-align:right; padding:10px 30px 0px 0px;} .mbox1100 a {color:white; font-weight:bold;}

.mbox1200 {float:left; width:530px; font-size:11px;}
.mbox1200 p {padding:0px; margin:0px 0px 5px 0px;}

/* galéria */

.article-gallery {width:557px; background: url(dot.gif) repeat-x top; padding:10px 0px 10px 0px; margin:5px 0px 5px 0px;}
.article-gallery .imagecontainer {width:102px; background:#999999; padding:4px; font-size:11px; color:white; float:left; margin-right:4px; line-height:14px;}
.article-gallery .img {border:1px solid white;}
.article-gallery .more {float:right; display:inline;}

.view-gallery {width:640px; margin:20px auto 0px auto;}
.view-gallery .top {}
.view-gallery .title {text-align:center; background:#999999; padding:4px; font-size:11px; color:white;}
.view-gallery-nav {padding:4px; text-align:center; background:#17b930; width:632px; margin:1px auto 0px auto; font-size:18px; color:white;}