@charset "utf-8";
/* CSS Document */

/*-- Básico ----------------------------------------------------------*/

div { behavior: url(css/iepngfix.htc) }

body {
text-align:center;/*Para centrar con IE6*/
background-color:#b79f7d;
background-image:url(../images/GDS_bg_b.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.2 em;
color:#362712;
}

h1, h2, h3, p, form { margin: 0; padding: 0; }
.clear { clear: both; 
}

p {
padding:0px;
}

img {
border:none;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#362712;
}

a hover, a active{
color: #c20707;
}

.seccion {
font-size:14px;
line-height:1.2 em;
margin-bottom:12px;
}

.titulo{
font-size:20px;
font-weight:bold;
margin-bottom:.5em;
color:#c20707;
}

.titulares {
margin-left: .5em;
font-size:16px;
font-weight:bold;
color:#48351b;
}

.titulares2 {
margin-left: .5em;
font-size:15px;
font-weight:bold;
color:#c20707;
}

.pie_titulares {
margin-left: .7em;
font-size:12px;
font-weight:bold;
color:#bb3329;
}


.comentaris{
font-size:12px;
font-style:italic;
margin-bottom:12px;
}

.submenu{
padding: .2em .2em .2em 1em;
font-size:16px;
font-weight:bold;
color:#48351b;
background:#cea267;
border-bottom: 1px solid #b48544;
}

.submenu2{
padding: .2em .5em .2em .5em;
font-size:16px;
font-weight:bold;
color: #785c32;
background:#cea267;
border-right: 1px solid #b48544;
border-bottom: 1px solid #b48544;
}


.titulares a:link {
text-decoration:none;
color:#c20707;

}

.titulares a:hover {
color:#fff;
}

.titulares2 a:link{
font-size:16px;
text-decoration:none;
font-weight:bold;
color:#48351b;
}

.titulares2 a:hover {
color:#fff;
}

.bt_inici a{
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#362712;
padding: 0 0 2px 0;
}

.bt_inici a:hover{
color:#f0bb2d;
}


/*.pagina, .contenedor , .cabecera, .contenido, .baner, .pie, .menu , .contenido, .contenido .texto  {border: 1px solid #ccc; }*/


/*-- Layout ----------------------------------------------------------*/

.pagina{width:100%;}
.contenedor { width:980px;  margin:auto; text-align:left;}
.cabecera {clear: both; width:960px; height:200px;}
.bt_inici{
float:right;
padding-top: 2px;
margin-right: 35px;
}
#cse{
float:right; 
padding-top: 5px ;
}
.baner { clear: both; width:960px; height:380px;}
.contenido{clear: both;  float:left; width:960px}
.contenido .contenido_sup{clear: both;  float:left; width:960px; height:66px}
.contenido .contenido_cen{clear: both;  float:left; width:960px}
.contenido .contenido_inf{clear: both;  float:left; width:960px; height:200px;}
.contenido .contenido_cen .contenido_cen_principal {clear: both;  float:left; width:840px}
.contenido .contenido_cen .contenido_cen_submenu {
clear: both;  
float:left; width:860px; 
margin-bottom: 2em; 
}
.pie {clear: both; width:960px;clear:left; padding-bottom: 2em;}
.pie_enlaces {float:left; width:500px;}
.pie_copyright {float:right; width:320px;}
.menu { clear: both; width: 800px; padding: 105px 60px !important; }


/*-- Cabecera --------------------------------------------------------*/

.cabecera { background: url(../images/GDS_cabecera.jpg) top no-repeat;}



/*-- Menu ------------------------------------------------------------*/

.menu ul.menu_principal li { display: inline; float: left; }

.menu li a img {
background: url(../images/bt_MENU.png) no-repeat;
margin: 0 .5em;
}

.menu #bt_menu1 img{
height:22px;
width:132px;
background-position:0 0;
}
.menu #bt_menu1 a:hover img{
background-position:-152px 0;
}

.menu #bt_menu2 img{
height:22px;
width:122px;
background-position:0 -22px;
}
.menu #bt_menu2 a:hover img{
background-position:-152px -22px;
}

.menu #bt_menu3 img{
height:22px;
width:124px;
background-position:0 -44px;
}
.menu #bt_menu3 a:hover img{
background-position:-152px -44px;
}

.menu #bt_menu4 img{
height:22px;
width:128px;
background-position:0 -66px;
}
.menu #bt_menu4 a:hover img{
background-position:-152px -66px;
}

.menu #bt_menu5 img{
height:22px;
width:132px;
background-position:0 -88px;
}

.menu #bt_menu5 a:hover img{
background-position:-152px -88px;
}


/*-- Contenido -------------------------------------------------------*/

.contenido .contenido_sup{  background: url(../images/pergamino_central_01.png) top no-repeat;}
.contenido .contenido_cen{
	background: url(../images/pergamino_central_02.png) top repeat-y;
}
.contenido .contenido_inf{  background: url(../images/pergamino_central_03.png) top no-repeat;}

.contenido_cen_principal {
margin: 1em 3em 1em 4em ;
padding: 0 1em;
font-size:12px;
line-height:1.5em;
}

.contenido_cen_submenu ul.menu_seccion li { display: inline; float: left; }

ul.menu_seccion { 
width: 100%;
list-style: none;
margin: 0 0 0 6em;
padding: 0;
}

ul.menu_seccion li a:link, ul.menu_seccion li a:visited{ 
padding: .2em .5em .2em .5em;
display: block;
text-decoration: none;
font-size:16px;
font-weight:bold;
color:#48351b;
background:#cea267;
border-right: 1px solid #b48544;
border-bottom: 1px solid #b48544;
}

ul.menu_seccion li a:hover{ 
color:#c20707;
background:#d3b27a;
}

/*-- Listas ---------------------------------------------------*/

.contenido_cen ul.organitzacio_militar{
margin:0.5em 2em;
padding-left: 1.5em;
line-height: 2em;
list-style-image:url(../images/o_listas.png);
}

.contenido_cen ul.organitzacio_militar li a:link{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#362712;
}

.contenido_cen ul.organitzacio_militar li a:hover{
color:#c20707 !important;
}


.contenido_cen ul.organitzacio_militar li a:visited{
color:#87180a;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}





/*-- Titulares -------------------------------------------------*/

h1.introduccio{
width: 175px;
height: 30px;
background: url(../images/titulares/introduccio.png) no-repeat top left;
text-indent: -5000px;
}

h1.cronologia{
width: 175px;
height: 30px;
background: url(../images/titulares/cronologia.png) no-repeat top left;
text-indent: -5000px;
}

h1.anglaterra_conflicte{
width: 330px;
height: 30px;
background: url(../images/titulares/anglaterra_conflicte.png) no-repeat top left;
text-indent: -5000px;
}

h1.exercits_conflicte{
width: 288px;
height: 30px;
background: url(../images/titulares/exercits_conflicte.png) no-repeat top left;
text-indent: -5000px;
}

h1.camp_batalla{
width: 215px;
height: 30px;
background: url(../images/titulares/camp_batalla.png) no-repeat top left;
text-indent: -5000px;
}

h1.combat{
width: 110px;
height: 30px;
background: url(../images/titulares/combat.png) no-repeat top left;
text-indent: -5000px;
}

h1.consequencies{
width: 200px;
height: 30px;
background: url(../images/titulares/consequencies.png) no-repeat top left;
text-indent: -5000px;
}

h1.visita_camp_batalla{
width: 320px;
height: 30px;
background: url(../images/titulares/visita_camp_batalla.png) no-repeat top left;
text-indent: -5000px;
}

h1.organitzacio_militar{
width: 288px;
height: 30px;
background: url(../images/titulares/organitzacio_militar.png) no-repeat top left;
text-indent: -5000px;
}

h1.personatges{
width: 180px;
height: 30px;
background: url(../images/titulares/personatges.png) no-repeat top left;
text-indent: -5000px;
}

h1.equipament{
width: 175px;
height: 30px;
background: url(../images/titulares/equipament.png) no-repeat top left;
text-indent: -5000px;
}

h1.soldats{
width: 128px;
height: 30px;
background: url(../images/titulares/soldats.png) no-repeat top left;
text-indent: -5000px;
}

h1.reclutament{
width: 190px;
height: 30px;
background: url(../images/titulares/reclutament.png) no-repeat top left;
text-indent: -5000px;
}

h1.entrenament{
width: 195px;
height: 30px;
background: url(../images/titulares/entrenament.png) no-repeat top left;
text-indent: -5000px;
}

h1.instruccio{
width: 170px;
height: 30px;
background: url(../images/titulares/instruccio.png) no-repeat top left;
text-indent: -5000px;
}

h1.vida_quotidiana{
width: 235px;
height: 30px;
background: url(../images/titulares/vida_quotidiana.png) no-repeat top left;
text-indent: -5000px;
}

h1.guarnicio_campanya{
width: 290px;
height: 30px;
background: url(../images/titulares/guarnicio_campanya.png) no-repeat top left;
text-indent: -5000px;
}

h1.baixes{
width: 235px;
height: 30px;
background: url(../images/titulares/baixes.png) no-repeat top left;
text-indent: -5000px;
}

h1.infanteria{
width: 160px;
height: 30px;
background: url(../images/titulares/infanteria.png) no-repeat top left;
text-indent: -5000px;
}

h1.granaders{
width: 160px;
height: 30px;
background: url(../images/titulares/granaders.png) no-repeat top left;
text-indent: -5000px;
}

h1.miquelets{
width: 150px;
height: 30px;
background: url(../images/titulares/miquelets.png) no-repeat top left;
text-indent: -5000px;
}

h1.artilleria{
width: 150px;
height: 30px;
background: url(../images/titulares/artilleria.png) no-repeat top left;
text-indent: -5000px;
}

h1.cavalleria{
width: 155px;
height: 30px;
background: url(../images/titulares/cavalleria.png) no-repeat top left;
text-indent: -5000px;
}

h1.dragons{
width: 140px;
height: 30px;
background: url(../images/titulares/dragons.png) no-repeat top left;
text-indent: -5000px;
}

h1.fortificacions{
width: 215px;
height: 30px;
background: url(../images/titulares/fortificacions.png) no-repeat top left;
text-indent: -5000px;
}

h1.fonts_primaries{
width: 225px;
height: 30px;
background: url(../images/titulares/fonts_primaries.png) no-repeat top left;
text-indent: -5000px;
}

h1.publicacions{
width: 195px;
height: 30px;
background: url(../images/titulares/publicacions.png) no-repeat top left;
text-indent: -5000px;
}

h1.jocs_material{
width: 325px;
height: 30px;
background: url(../images/titulares/jocs_material.png) no-repeat top left;
text-indent: -5000px;
}

h1.reenactment{
width: 200px;
height: 30px;
background: url(../images/titulares/reenactment.png) no-repeat top left;
text-indent: -5000px;
}

h1.enllacos{
width:145px;
height: 30px;
background: url(../images/titulares/enllacos.png) no-repeat top left;
text-indent: -5000px;
}

h1.credits{
width:130px;
height: 30px;
background: url(../images/titulares/credits.png) no-repeat top left;
text-indent: -5000px;
}

h1.avislegal{
width:145px;
height: 30px;
background: url(../images/titulares/avislegal.png) no-repeat top left;
text-indent: -5000px;
}

h1.bibliografia{
width:175px;
height: 30px;
background: url(../images/titulares/bibliografia.png) no-repeat top left;
text-indent: -5000px;
}


/*-- Galeria ---------------------------------------------------*/

.galeria {
  /* En el navegador Internet Explorer versión 6 y anteriores no funciona la propiedad "max-width" */
  max-width: 850px;
}
.galeria img {
  float: left;
  padding: .3em;
}


/*-- Pagina ----------------------------------------------------*/
.pagina {background: url(../images/degradado_bg_pag.jpg) bottom repeat-x !important;}

.pie .copyright {
float:right;
}

.pie ul.menu_pie li {
display:inline;
float:left;
}

ul.menu_pie {
width:100%;
list-style:none;
margin:0;
padding:.2em .5em;
}

ul.menu_pie li a:link,ul.menu_pie li a:visited {
display:block;
text-decoration:none;
font-size:9px;
font-weight:700;
color:#cea267;
padding:.2em .5em;
}

ul.menu_pie li a:hover {
color:#fff;
}

.texto_pie {
font-size:10px;
color:#fff;
}

.textoenlaces {
text-decoration:none;
color:#cea267 !important;
}

.textoenlaces a {
font-size:13px;
font-weight:400;
text-decoration:none;
color:#cea267 !important;
margin:0;
padding:.2em .5em;
}

.textoenlaces a:hover {
color:#f0bb2d !important;
}

.textoenlaces2 {
font-size:12px;
text-decoration:none;
color:#cea267 !important;
}

.textoenlaces2 a {
font-size:11px;
font-weight:400;
text-decoration:none;
color:#f0bb2d !important;
margin:0;
padding:0;
}

.textoenlaces2 a:hover {
color:#fff !important;
}