* {margin:0;padding:0;}

/* Questa prima regola body è per la homepage, va bene */
body {background-color: #E0DDCA;}

#home #content {padding-top:15px;width:100%;}

.game_vendetta div#logo {background:transparent url(/img/header_bg.jpg) no-repeat scroll center center;}

.game_space4k div#logo {background:transparent url(/img/logo_space.jpg) no-repeat scroll center center;}

div#logo {height:150px;position: relative;}

div#logo h1 {position:absolute;top:0;height:0;width: 100%;height:100%;}

div#logo h1 a {display: block;height: 100%; width: 100%;text-indent: -3000px;}

.frmReclutamiento .totalTropas {width: 30px;}

/* Home - Login */

#login_box {background:transparent url(/img/login_bg.jpg) no-repeat scroll left top;

height:64px;

margin:0 auto;

text-align:center;

width:449px;}

#login_box div {padding-top:15px;}

/* --- SFONDO LATERALE --- */
body {
    background-color: #000000; /* Lo sfondo sarà solo NERO solido */
    /* OLD: background: #000000 url(/img/side_background.jpg) repeat-y center top; */
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    font-size:62.5%;
    text-align:center;
    color: #0c0b09;
    margin-bottom: 1em;
}

#col_left {background:transparent url(http://s10.vendetta.es/vendetta/vendetta/img/left_bg.jpg) repeat-y scroll right top;

float:left;

height:100%;

width:19%;}

#col_right {background:transparent url(http://s10.vendetta.es/vendetta/vendetta/img/right_bg.jpg) repeat-y scroll left top;

float:left;

height:100%;

width:19%;}

/* --- SFONDO CHIARO CENTRALE --- */
#wraper {
    margin:0 auto;
    overflow: hidden;
    width:800px;
    background-color: #E0DDCA; /* Sfondo chiaro per coprire il centro */
}



#menu {list-style-type:none;

margin:0 auto;}

#menu li {line-height:18px;font-size:10pt;

font-weight:bold;}

#menu li.last a {border:0 none;}

.game_vendetta #menu li.titulo {background:transparent url(/img/bgmenu.png) repeat-x scroll 0 0;}

.game_space4k #menu li.titulo {background:transparent url(/img/bgmenuspace.png) repeat-x scroll 0 0;}

#menu li.titulo {

color:#FFFFFF;

height:44px;

line-height:44px;

padding-left:30px;

text-align:left;}

.game_vendetta #menu li a, .game_vendetta #menu li form {border-bottom:1px solid #A6A18B;}

.game_space4k #menu li a, .game_space4k #menu li form {border-bottom:1px solid #24201F;}


/* --- Testo del menu più grande e NERO (NON grassetto) --- */
#menu li a, #menu li form {
    display:block;
    font-size: 14px; 
    font-weight:normal; /* NON GRASSETTO */
    color: #000000; /* NERO */
    margin:0 auto;
    padding: 8px 0 8px 20px; 
    text-align:left;
    width:80%;
}

#menu li.separator{background-color:#6E0000;

height:6px;

margin:10px auto;}





/* --- Titoli content box sfondo rosso, testo bianco --- */
.titulo, h2, .c {
    padding:10px 0;
    text-align:center;
    background-color:#7D2221; /* Sfondo rosso */
    color:#FFFFFF; /* Testo bianco */
    font-weight:bold; 
}

h2 {
clear:both;
font-size:10pt;
margin:0 auto;
}

/* --- Sfondo chiaro per l'area contenuto con testo NERO (NON grassetto) --- */
#content {
    background-color:#E0DDCA;
    font-size:10pt;
    text-align:center;
    color: #000000; /* Testo NERO */
    font-weight: normal; /* NON GRASSETTO */
}



a:hover {

color:#444444;

}

/* Link neri e NON grassetto (tranne quelli speciali) */
a {
    font-size:10pt;
    font-weight:normal; 
    text-decoration:none;
    color: #000000; 
}



.game_vendetta a {color: #7e2223;} /* QUESTA E' LA REGOLA CHE CAUSA IL PROBLEMA */

/* --- CORREZIONE: Link bianchi nelle intestazioni rosse --- */
.c a {
    color: #FFFFFF !important; /* Forza il bianco */
    text-decoration: underline; /* Sottolinea per far capire che è cliccabile */
}
/* --- FINE CORREZIONE --- */

.game_space4k a {color: #084B8A;}


/* --- Colore sfondo menu abbinato al contenuto --- */
.game_vendetta #menu_div {background-color:#E0DDCA;}
.game_space4k #menu_div {background-color:#8F8F8F;}

/* --- Larghezza menu aumentata --- */
#menu_div {
    width:220px;
    float: left;
}



#header{background:transparent url(http://s10.vendetta.es/vendetta/vendetta/img/header_bg.jpg) no-repeat scroll center center;

height:141px;

margin-bottom:10px;}

.hab {clear:both;

font-size:10pt;

margin:5px auto;}

.left {float: left;}

.right {float: right;}

td {text-align:center;}



.hab_container {clear:both;

margin:10px auto;

overflow:hidden;

text-align:left;

width:96%;}

.hc_left {float:left;

width:80%;}

.hc_img{float:left;}

.hc_desc {float:right;

font-size:9pt;

width:78%;}

.hc_next {float:right;

text-align:center;

width:19%;}



a.positive:hover, a.negative:hover {color: auto;}

.game_vendetta .positive {color:#00C000;font-weight:bold;}
.game_space4k .positive {color:#2EFE2E;font-weight:bold;}
.game_vendetta .neutro {color:#F68B00;font-weight:bold;}
.game_space4k .neutro {color:#FFE900;font-weight:bold;}
.negative {color:#C00000;font-weight:bold;}
         
.frmContent {margin: auto;}



.frmContent label, .frmContent input {

display: block;

float: left;

margin-bottom: 10px;

}



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

/* --- Larghezza contenuto diminuita --- */
#content {
    float:right;
    padding-top:60px;
    text-align:left;
    width:570px; 
}

.login_0 #content {padding-top:5px;}

.frmContent input {

width: 150px;

}

/* --- Larghezza barra risorse diminuita --- */
 #barraRecursos {
    border-collapse:collapse;
    border-bottom:5px solid #000000;
    position:absolute; 
    text-align:center;
    width:570px; 
}

.game_space4k #recursosTitulo {background: transparent url(/img/bgmenuspace.png) repeat-x scroll 0pt 0pt;}

.game_vendetta #recursosTitulo {background: transparent url(/img/bgmenu.png) repeat-x scroll 0pt 0pt;}

/* --- Testo barra risorse NON grassetto --- */
#recursosTitulo {color: white ! important; font-weight: normal; height: 44px;}

.frmContent label {

text-align: right;

width: 50%;

padding-right: 20px;

}



br {

clear: left;

}



.boton {

margin:auto;

text-align:left;

width:300px;

}



.menu_recursos {list-style-type: none;margin: 20px;}

.menu_recursos li {display: inline;margin: 10px;}

td.f {

background-color:#FF3F3F;

color:#000000;

font-size:10pt;

font-weight:bold;

text-align:center;

}

table {width: 100%;}

/* --- Cornice nera più spessa per i box --- */
.game_vendetta .content_box {
    background-color:#E0DDCA;
    border: 2px solid #000; /* Cornice nera da 2px su tutti i lati */
}

.game_space4k .content_box {background-color:#848484;border-bottom:4px solid #084B8A;}

.content_box {
    margin-bottom:15px;
    padding:3px 5px;
}


.content_box .content_box_text {

overflow:hidden;

padding-top:10px;

text-align:center;}



.game_vendetta .content_box .content_box_text {color:#5F5347;}

.game_space4k .content_box .content_box_text {color:#ffffff;}



th {

font-size:10pt;

text-align:center;

}



th {

padding:5px;

}


/* --- Colore tabelle abbinato --- */
.game_vendetta table {background-color:#E0DDCA;}

.game_space4k table {background-color:#848484;}

table {

border-collapse:collapse;

border-spacing:0;

}

textarea {height:100px;

width:90%;}

#listadoTropas {height:100px;width:300px;}



table.tooltip {

background-color:#FFFFE1;

color:#000000;



font-size:12px;

padding:2px;

}

#topbar {}

.game_space tr.highlightrank {background: transparent url(/img/bgmenuspace.png) repeat-x scroll 0pt 0pt;}

.game_vendetta tr.highlightrank {background: transparent url(/img/bgmenu.png) repeat-x scroll 0pt 0pt;}

tr.highlightrank {color: white ! important;}

tr.highlightrank a {color:#FFFFFF;} 

#techtree {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #FFFF80;

    background-color: #200000;

}



a:link#techtree {

    color: #FFFF80;

}



a:hover#techtree {

    color: #FFFFF2;

}



.okMessage {background-color: #C3FF68; border-bottom: 4px solid #A1C820;text-align: center; font-color: white; font-weight: bold;padding: 3px 5px;margin-bottom: 15px;}
.errorMessage {background-color: #FF9F9F;border-bottom: 4px solid #AF0000;font-weight: bold;margin-bottom: 15px;padding: 3px 5px;text-align: center;}

.simpleForm {margin:0 auto;

width:50%;}

.simpleForm div div{margin-bottom:5px;overflow:hidden;}

.simpleForm div label{display:block;float:left;width:200px;}

.simpleForm div input{float:left;}

.simpleForm .submit {float:none;margin:0 auto;}

.newMsg {background: #A6A18B url(/img/comments.png) no-repeat scroll 10px center;}

ul.errors {text-align:center;width:100%;}

.width66 {width: 66%;}

.width33 {width: 33%;}



.game_vendetta .redMenu {background: url(/img/bgmenu.png) repeat-x scroll 0pt 0pt transparent;}

.game_space4k .redMenu {background: url(/img/bgmenuspace.png) repeat-x scroll 0pt 0pt transparent;}

.redMenu {color: white ! important; font-weight: bold; height: 44px;margin-bottom:5px;}

.redMenu li {list-style-type:none;float: left;}

.redMenu li a {color:#FFFFFF;

display:block;

line-height:44px;

padding:0 5px;}

#menuHome li {width: 25%; text-align: center;}



#map {}

#map table {width: 544px;height:480px;margin: 0 auto;}

.game_vendetta #map table th.c0 {background: transparent url(/img/T00.gif) no-repeat 0 0;}
.game_vendetta #map table th.c1 {background: transparent url(/img/T10.gif) no-repeat 0 0;}
.game_vendetta #map table th.c2 {background: transparent url(/img/T20.gif) no-repeat 0 0;}
.game_vendetta #map table th.c3 {background: transparent url(/img/T30.gif) no-repeat 0 0;}

.game_space4k #map table th.c0 {background: transparent url(/img/planeta1.png) no-repeat 0 0;}
.game_space4k #map table th.c1 {background: transparent url(/img/planeta2.png) no-repeat 0 0;}
.game_space4k #map table th.c2 {background: transparent url(/img/planeta3.png) no-repeat 0 0;}
.game_space4k #map table th.c3 {background: transparent url(/img/planeta4.png) no-repeat 0 0;}

#map table th {background-color:transparent;

height:32px;

padding:0;

width:32px;}

.game_vendetta #map table {background: url("/img/map2.png") no-repeat scroll 0 0 transparent;}
.game_space4k #map table {background: url("/img/galaxy.jpg") no-repeat scroll 0 0 transparent;}

#map table th a {display:block;

height:100%;

width:100%;}
.game_vendetta .loading {background: transparent url(/img/loading.gif) no-repeat center center;}
.game_space4k .loading {background: transparent url(/img/loadingspace.gif) no-repeat center center;}

.visionGlobal #barraRecursos {display: none;}
.tip{background-color: #FFFFE1;border: 1px solid #444444;color: #000000;display: none;font-size: 11px;
font-weight: bold;padding: 5px;position: absolute;white-space: nowrap;z-index: 100000;}
.tip li {list-style-type: none;}

.msgRow {border-bottom: 1px solid #24201F;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;}
.msgRow input {float: left;
    width: 5%;}
.msgTxtW {float: left;
    width: 94%;}
.msgTxt {margin: 5px 0;}
#msgChecksAction {margin-bottom: 15px;}
#chatBar {background-color: #FFFFFF;
    bottom: 0;
    position: fixed;
    width: 200px;}
#openChat {
border-top: 1px solid #CCCCCC;
    display: block;
    height: 25px;
    line-height: 25px;}    
#chatUserList {display: none;}
#chatUserList ul {list-style-type: none;}
#chatUserList ul li {}
#chatUserList ul li a {display: block;
    font-weight: normal;
    padding: 3px 0;}      
    
    .shareBattle, .shareAlliance, .sharePlayer {margin: 5px auto;width: 300px;}
    .clear {clear: both;}

    /* Stile per il nuovo box avvisi */
.notice_box {
    background-color: #FFFCDB; /* Stesso colore degli altri box */
    border-bottom: 4px solid #7D2221; /* Stesso bordo */
    margin-bottom: 15px;
    padding: 3px 5px;
    text-align: center;
}

.notice_box h2 {
    background-color: #24201F; /* Stesso sfondo del titolo */
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
}

.notice_box p {
    color: #5F5347; /* Stesso colore del testo */
    padding: 10px;

/* Stile per il nuovo bottone di registrazione */
a.bottoneRegistrati {
    display: inline-block;
    padding: 10px 18px;
    background-color: #7D2221; /* Rosso scuro dei titoli */
    color: #FFFFFF; /* Testo bianco */
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #000; /* Bordo nero come i box */
    border-radius: 5px; /* Angoli leggermente smussati */
    text-transform: uppercase;
    box-shadow: 0 4px 0 #333; /* Ombra per effetto 3D */
    transition: all 0.1s ease;
}

a.bottoneRegistrati:hover {
    background-color: #a13a3a; /* Rosso più chiaro al passaggio */
    color: #FFF;
    box-shadow: 0 2px 0 #333; /* Ombra ridotta */
    transform: translateY(2px); /* Effetto "premuto" */
}
/* Stile per i link usati come titoli dei box 
(sovrascrive le altre regole dei link) 
*/
a.linkTitoloBox, 
a.linkTitoloBox:link, 
a.linkTitoloBox:visited {
    color: #FFFFFF !important; /* Forza il testo bianco */
    font-weight: bold;
    text-decoration: none;
}

a.linkTitoloBox:hover {
    color: #DDDDDD !important; /* Colore leggermente più chiaro al passaggio */
    text-decoration: underline;
}
}
/* --- STILI TOOLTIP MAPPA --- */

table.tooltip {
    background-color: #FFFFE1; /* Sfondo giallo chiaro */
    border: 1px solid #000000; /* Bordo nero */
    color: #000000; /* Testo nero */
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    white-space: nowrap;
}

td.tooltip {
    background-color: #FFFFE1;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    white-space: nowrap;
}

.tooltip_title {
    font-weight: bold;
    background-color: #E0DDCA; /* Sfondo come il resto del menu */
    color: #7D2221; /* Rosso scuro */
    padding: 3px;
}

.tooltip_shadow {
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
/* --- STILI TOOLTIP MAPPA (MonnaTip) --- */
p.tip {
    background-color: #FFFFE1 !important; /* Sfondo giallo chiaro (FORZATO) */
    border: 1px solid #000000 !important; /* Bordo nero (FORZATO) */
    color: #000000 !important; /* Testo nero (FORZATO) */
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 5px !important;
    white-space: nowrap !important;

    /* Aggiunte per sicurezza */
    position: absolute;
    z-index: 9999;
    display: none;
}