body { font-size: 11px; line-height: 13px; text-align:center; background: url("../_img/page-bg.gif") repeat-x top center #bababa; color: #474a41; }
html { }
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,input,button,select,option,textarea,p,blockquote,th,td,table,img { font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
fieldset,img { border: 0; }
input, button, select, option, textarea, table, tr, td { font-size: 11px; }
h1 { font-size: 153.9%; }
h2 { font-size: 123.1%; }
h3 { font-size: 108% }
h1,h2,h3 { margin: 1em 0; text-align: left;  }
h1,h2,h3,h4,h5,h6,strong,b { font-weight: bold;  }
em,i { font-style: italic; }
ol,ul,dl { margin-left: 2em; }
a { text-decoration: none; color: #474a41; }
a:hover { text-decoration: underline; }

.alc { text-align: center; }
.alr { text-align: right; }
.all { text-align: left; }

.flr { float: right; }
.fll { float: left; }

a.tdu { text-decoration: underline !important; }
a.tdu:hover { text-decoration: none !important; }

a.tdn { text-decoration: none !important; }
a.tdn:hover { text-decoration: underline !important; }

div.left, div.right { font-size: 1px; line-height: 1px;  }
div.left { float: left !important; }
div.right { float: right !important; }
div.clear { height: 1px !important; font-size: 1px !important; line-height: 1px !important; width: auto !important; clear: both; }

div#green-line { display: none; }
div#top-menu { display: none; }
div#logo { display: none; }
div#main-menu { display: none; }
div#sub-menu { display: none; }
div#footer { display: none; }
div#footer2 { display: none; }

div#content { width: 100%; }

div#content div#menu { display: none; }
div#content div#page { width: 100%; }

div#content div#page div.left { display: none; }
div#content div#page div.right { display: none; }

div#content div#page div.center { width: 100%; }


div#content div#page div.center h1.main { margin: 0; height: 96px; line-height: 80px; color: #6ea100; font-size: 18px; font-weight: bold; }
div#content div#page div.center a.main-button { color: #6ea100; font-weight: bold; float: right; display: block; margin: 23px 0 0 0; padding: 0 25px 0 45px; height: 33px; line-height: 33px; text-align: center; background: url("../_img/content-icon-map+bg.gif") no-repeat top center;  }
div#content div#page div.center h2 { margin: 10px 0; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #6ea100; padding: 0 8px; }
div#content div#page div.center h3 { margin: 8px 0; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #6ea100; padding: 0 5px; }
div#content div#page div.center h4 { margin: 5px 0; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #4a6c00; padding: 0 2px; }
div#content div#page div.center hr { width: auto; height: 1px; line-height: 1px; margin: 10px 0; border: 0 none; color: #c9c9c9; background-color: #c9c9c9; }

div#content div#page div.center div.box { display: block !important; width: 48%; padding: 20px 0 30px 0; margin: 0 0 20px 0; }
div#content div#page div.center div.box.left { font-size: 12px; line-height: 16px; height: auto; }
div#content div#page div.center div.box.right { font-size: 12px; line-height: 16px; height: auto; }
div#content div#page div.center div.box p { margin: 5px 22px; text-align: justify; }
div#content div#page div.center div.box p span.headline { display: inline; color: #4a6c00; font-weight: bold; }
div#content div#page div.center div.box a { color: #4a6c00; }
div#content div#page div.center div.box ul { margin: 10px 22px; list-style: none; }
div#content div#page div.center div.box ul li { text-align: justify; margin: 10px 0 10px 0; padding: 3px 0 0 30px; background: url("../_img/ul-li.gif") 0px 0px no-repeat;  } 
div#content div#page div.center div.box div.alert { font-size: 11px; padding: 10px 10px 10px 55px; background: url("../_img/page-alert.gif") no-repeat 10px 50% #c9c9c9; margin: 10px 12px; border-top: 1px solid #fff; border-bottom: 1px solid #a8a8a8; color: #4a6c00; font-weight: bold; }
div#content div#page div.center div.box div.alert a { color: #4a6c00; }
div#content div#page div.center div.box div.alert p { margin: 0; }

div#content div#page div.center a.button1 { display: none; font-size: 12px; margin: 5px 22px; height: 27px; line-height: 27px; color: #4a6c00; background-repeat: no-repeat; background-position: top left; text-align: center; text-decoration: none; font-weight: bold; }
div#content div#page div.center a.button1.b1w80 { width: 80px; background-image: url("../_img/button1-bg-w80.gif"); }
div#content div#page div.center a.button1.b1w120 { width: 120px; background-image: url("../_img/button1-bg-w120.gif"); }
div#content div#page div.center a.button1.b1w160 { width: 160px; background-image: url("../_img/button1-bg-w160.gif"); }
div#content div#page div.center a.button1.b1w200 { width: 200px; background-image: url("../_img/button1-bg-w200.gif"); }

div#content div#page div.center a.button2 { display: none; font-size: 12px; margin: 5px 0; height: 27px; line-height: 27px; color: #4a6c00; background-repeat: no-repeat; background-position: top left; text-align: center; text-decoration: none; font-weight: bold; }
div#content div#page div.center a.button2.b2w80 { width: 80px; background-image: url("../_img/button2-bg-w80.gif"); }
div#content div#page div.center a.button2.b2w120 { width: 120px; background-image: url("../_img/button2-bg-w120.gif"); }
div#content div#page div.center a.button2.b2w160 { width: 160px; background-image: url("../_img/button2-bg-w160.gif"); }
div#content div#page div.center a.button2.b2w200 { width: 200px; background-image: url("../_img/button2-bg-w200.gif"); }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div#content div#page div.center div.village-list { margin: 5px 0 20px 0; }
div#content div#page div.center div.village-list div { height: 24px; line-height: 24px; }
div#content div#page div.center div.village-list div a { display: block; height: 24px; line-height: 24px; color: #6ea100; }
div#content div#page div.center div.village-list div a:hover { color: #474a41; text-decoration: underline; }
div#content div#page div.center div.village-list div div.icons { width: 48px; float: left; }
div#content div#page div.center div.village-list div div.icons a.google { float: left; width: 24px; text-decoration: none; background: url("../_img/content-icon-google.gif") no-repeat top left; }
div#content div#page div.center div.village-list div div.icons a.maps { float: right; width: 24px; text-decoration: none; background: url("../_img/content-icon-map.gif") no-repeat top left; }
div#content div#page div.center div.village-list div a.link { float: left; padding: 0 10px; font-size: 12px; font-weight: bold; }

div#content div#page div.center div.detail-header { border-top: 1px solid #fff; background: url("../_img/page-wannabe.gif") no-repeat bottom left #c9c9c9; padding: 10px 0 20px 0; margin: 0 0 20px 0; }
div#content div#page div.center div.detail-header div.image { float: left; width: 110px; text-align: center; }
div#content div#page div.center div.detail-header div.text  { font-size: 12px; float: left; width: 388px; line-height: 16px; }
div#content div#page div.center div.detail-header div.text .green { color: #4a6c00; }
div#content div#page div.center div.detail-header div.links { float: right; width: 220px; text-align: left; }
div#content div#page div.center div.detail-header div.links a { padding: 0 0 0 40px; font-weight: bold; font-size: 12px; display: block; line-height: 28px; height: 28px; margin: 0 15px 0 0; background-position: 8px 50%; background-repeat: no-repeat; }
div#content div#page div.center div.detail-header div.links a.g-button { text-decoration: none; color: #4a6c00; background: url("../_img/content-icon-google+bg.gif") no-repeat top left; height: 35px; line-height: 35px; }
div#content div#page div.center div.detail-header div.links a.g-button:hover { text-decoration: underline; }

div#content div#page div.center div.detail-maps { border-top: 1px solid #fff; background: url("../_img/page-wannabe.gif") no-repeat bottom left #f2f2f2; padding: 5px 25px 20px 25px; margin: 0 0 20px 0; }
div#content div#page div.center div.detail-maps h1 { text-transform: uppercase; color: #4a6c00; font-size: 14px; height: 32px; line-height: 32px; padding: 0 3px; margin: 0 0 10px 0; border-bottom: 1px solid #c9c9c9; }
div#content div#page div.center div.detail-maps div { width: 50%; background: none; height: auto; font-size: 11px; font-weight: bold; line-height: 14px; }
div#content div#page div.center div.detail-maps div h2 { text-transform: uppercase; color: #4a6c00; font-size: 13px; height: 26px; line-height: 26px; padding: 0 3px; margin: 0 0 10px 0; }
div#content div#page div.center div.detail-maps div a { color: #6ea100; padding: 0 0 0 30px; font-weight: bold; font-size: 12px; display: block; line-height: 28px; height: 28px; margin: 0 15px 0 0; background-position: 0px 50%; background-repeat: no-repeat; }
div#content div#page div.center div.detail-maps div a:hover { color: #474a41; text-decoration: underline; }
div#content div#page div.center div.detail-maps div p.alert { font-weight: normal; margin: 20px 20px 20px 0; color: #000; width: auto; padding: 5px 10px; background-color: #c9c9c9; border-top: 1px solid white; border-bottom: 1px solid #a8a8a8; }
div#content div#page div.center div.detail-maps div p.alert img { float: left; margin: 0 5px 0 0; }

div#content div#page div.center div.detail-footer { margin: 20px 0 20px; 0;  }
div#content div#page div.center div.detail-footer div { width: 50%; background: none; height: auto; font-size: 11px; line-height: 14px; } 
div#content div#page div.center div.detail-footer div.left p { margin: 3px 10px; }
div#content div#page div.center div.detail-footer div.left p a { color: #6ea100; }
div#content div#page div.center div.detail-footer div.left img { float: left; border-bottom: 1px solid #c1c1bf; margin: 0 10px 5px 0; }
div#content div#page div.center div.detail-footer div.right { font-weight: bold; color: #bd0000; }
div#content div#page div.center div.detail-footer div.right p { margin: 3px 10px; }
div#content div#page div.center div.detail-footer div.right p a { color: #6ea100; }

a.print { background-image: url("../_img/content-icon-print.gif"); }
a.chat { background-image: url("../_img/content-icon-chat.gif"); }
a.house { background-image: url("../_img/content-icon-house.gif"); }
a.drop { background-image: url("../_img/content-icon-drop.gif"); }
a.hivolt { background-image: url("../_img/content-icon-hivolt.gif"); }
a.tree { background-image: url("../_img/content-icon-tree.gif"); }
a.excl { background-image: url("../_img/content-icon-excl.gif"); }
a.corn { background-image: url("../_img/content-icon-corn.gif"); }
a.book { background-image: url("../_img/content-icon-book.gif"); }
a.car { background-image: url("../_img/content-icon-trabant.gif"); }

#char-select { font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin: 0 10px; }
#char-select a { display: block; float: left; padding: 0 3px; }

#mapa { display: block; }
