body {
	color:  #000;
	background:  #FFF;
	text-align:  center;
  	font-family: "Trebuchet MS", verdana, arial, sans-serif;
  	font-size:   0.7em;
  	margin:0.6em 0;
  	padding:0;
} 
img {
	border:0;
}
img.folleto{width:12em;}

a {
	text-decoration: none;
 	color:#000;
}

input{
	background-color:#E0E0E0;
}

h1, h2
{
	font:    oblique 1.5em Georgia, serif;
	margin:  0 0.6em;
	padding: 0.6em 0;
}

ul.errors {
	list-style-type: none;
	padding: 0;
}
ul.errors span {
	font-style: italic;
}
.erroresPortada {
	clear:both;
	text-align:center;
        font-weight:bold;
        font-size:larger;
        border:solid #009900;
        margin-top:1em;
        margin-bottom:2em;
}
.separadoIzquierdaSuave{
	margin-left:0.8em;
}
.separadoIzquierdaFuerte{
	margin-left: 26em;
}
.separadoAbajoSuave{
	margin-bottom:0.9em;
}

.cleaner{
	clear:both;
}
.centrado{
	 text-align:center;
}
.checkbox{
	background-color:white;
}
legend{
	font-weight:bold;
	color:#000;
}

.enmarcado{
	padding:0.3em;
}
.enColumna{
	display:block;
}

/***********************************/

/******* Estilos cabecera   ********/

/***********************************/
#selectorBuscador{
	font-size:1em;
	color:#009900; 
	font-weight:bold;
	margin:0;
	padding:0;
	vertical-align: middle;
}
.submitBuscador{
	font-size:1em;
	font-weight:bold;  
	background-color: #50B848;
	border: 1px solid #083061;
	color: #FFFFFF;
	margin:0;
	padding:0;
	vertical-align: middle;
	cursor: pointer;
}

/********************************************************************************************/

/****************************Clases generales************************************************/

/********************************************************************************************/
.oculto {
	display: none;
}
.anclaOculto {
	visibility: hidden;
}
.contenedor{
	text-align: left;
	width: 68em;
	margin:auto;
}

#inicio {
	width: 100%;
	color:#009900;
	font-size:0.9em;
	text-decoration: none;
	font-weight: bold;
	text-transform:uppercase;
	float:left;
}
#inicio a {
	color:#009900;
        padding-right: 0.1em;
        padding-left: 0.1em;
}

.noseparado{
	padding:0 0.3em 0 0.3em;
}
.separado{
        border-right-width: thin;
        border-right-style: solid;
        padding:0 0.3em 0 0.3em;
}
.separadoleft{
        border-left-width: thin;
        border-left-style: solid;
        padding:0 0.3em 0 0.3em;
}
.separado div{
        display: inline;	
}
#inicio form {
	display: inline;
	margin:0;
	padding:0;
}
#inicio .logo {
	float:left;
	margin-top:1.5em;
}
.logo img{
   width:12.5em;
}
.logoPrincipado img{
width:10.5em;
}
.logoPrincipado {
	float:right;
	margin-left: 2em;
}
#inicio ul {
	margin: 3.5em 0 0 0;
	padding: 0;
	float: right;
}
#inicio li {
	list-style-type: none;
	display: inline;
}
#inicio ul img {
	vertical-align: middle;
        width:1.45em;
        height: 1.45em;
}
/***** Opciones de inicio, buzon, mapa,etc...*****/
.enlacesmapaweb{
	text-decoration: none;
 	color:#00427A;
        font-size:1.25em;
}
/*****Imagen de cabecera*****/
.cabecera{
	width: 68em;
        padding: 0.5em 0 0.5em 0;
	clear: both;
}
.cabecera a {
	color: #FFF;
}
.cabecera img {
width: 68em;
}
/*****Secciones mas importantes: microsites y otras*****/
.secciones{
	width: 68em;
        height:21.4em;
}
.secciones a{
	color: #FFF;
}
#nodestacados {
	float:left;
	width:16.4em;
	height:20.4em;
	background-color:#50b848;
	position:relative;
	font-size:1em;
        margin-bottom:1em;
	font-weight: bold;
	text-transform:uppercase; 
}

#nodestacados ul {
	margin: 0 0 0 0.8em;
	padding: 0;
}
#nodestacados li {
	list-style-type: none;
}
#nodestacados ul>li>a{
        background-color:#50b848;
}
#destacados{
	float:right;
        height:20.4em;
	width: 51.3em;
	padding: 0;
	margin:0;
}
#destacados .caja {
	float:left;
	width:16.18em;
	height: 9.45em;
	background-color:#00427A;
	text-align:center;
	font-size: 1em;
	font-weight: bold;
	text-transform:uppercase;
	color:#FFFFFF;
	position:relative;
	padding: 0 0 0.2em 0;
	margin: 0 0 1em 0.86em;
	line-height: 140%;
	display:inline;
}

#destacados li.caja>a{
        background-color:#00427A;
}
.caja img{
        width:16.18em;
        height: 7.5em;
}

/*****Pie del home*****/
#pie{
	clear:both;
	width: 100%;
	padding:0.9em 0 0 0;
	text-align:center;
	margin:0.9em auto 0.9em auto;
	float:left;
	color:#009900;
}
#pie ul {
	margin: 0 0 0 9em;
	padding: 0;
}
#pie li {
	list-style-type: none;
	display: inline;
}
#pie a {
	text-decoration: none;
	color:#009900;
	font-size:1em;
	font-weight: normal;
}
/*****Enlace particular*****/
.enlace{
    text-decoration: none;
    color:black;
    font-size:1em;
}
.enlace:hover{
    text-decoration: underline;
    color:black;
    font-size:1em;
}
.errores {
	clear: both;
	text-align: center;
	margin:1em 0;
}

p.volverFicha {
	text-align: center;
	margin-top: 0;
	font-size: 1.2em;
}
p.volverFicha a {
	color: #00427A;
}
p.volverFicha a:hover {
	text-decoration: underline;
}
/****** Enlace atras y arriba *********/
.backtop {
	clear:both;
	width:100%;
}
.backtop img,.backtopFicha img,.flecha  a img,#navegacionFichasRuta img{
      width:1.05em;
}
.backtopFicha {
	clear:both;
	float:left;
	margin: 0.9em 0 0.1em;
	width:53.3em;
}

.floatleft{
	float:left;
}
.floatright{
        float:right;
}
.backtop .back {
	float:left;
	margin-left: 0.3em;
}
.backtop .top {
	float:right;
	margin-right: 0.3em;
}

/********************************************************************************************/

/****************************Clases para microsite y plantillas******************************/

/********************************************************************************************/
.titulo {
	text-align:center;
	margin:auto;        
	width:15.7em;
	height:8.4em;
	position:absolute;
	left:0;
	background-color: #00427A;
}
.capaTitulo {
	clear:both;
	height:7.4em;
        width:15.7em;
	padding: 0 0 0 0.3em;
}

.titulo h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family:georgia;
	font-style:italic;
	color:#FFFFFF;
}

h2.titulo2 {
	text-align:center;
}

h2.tituloBuscador {
	font-size:1.6em;
	font-family:georgia;
	font-style: italic;
	color:#514D3F;
	margin:0;
	padding:0;
}

.titulo2 {
	font-size:1.6em;
	font-family:georgia;
	font-style: italic;
	color:#514D3F;
}

.titulo3 {
	font-size:1.4em;
	font-family:georgia;
	font-style: italic;
	color:#514D3F;
}
.imagentitulo{
	width:51.4em;
	height:8.4em;
	position:absolute;
	right:0;
	background-color: #00427A;
}

.imagentitulo img{
       height:8.4em;
       width:51.4em;
}

.cabeceraMicrosite{
	width:68em;
	height:8.4em;
	padding:0 0 0 0;
        margin:0 0 0.2em 0;
	position:relative;
}

.cuerpo2{
        width:68em; 
}

.arbol {
	font-size: 1em;
	color:#00427A;
	width:15.7em;
	background-color:#DAE4EC;
	float:left;
	overflow:hidden;
	margin:0;    
}

.arbol ul {
	margin: 0;
	padding: 0 0 0 1.6em;
}

.arbol ul ul {
	padding-left: 0.5em;
}

.arbol li {
	list-style-type: disc;
	list-style-position: outside;
}

.arbol li li {
	list-style-type: circle;
}

.arbol a {
	text-decoration: none;
 	color:#00427A;
}

.arbol a:hover {
	text-decoration: underline;
}

.arbol2 {
	font-size: 1em;
	color:#355D17;
	width: 15.7em;
	background-color:#D2EAC1;
	float:left;
	position: relative;
	margin:0;
}

.arbol2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0.6em;
}

.arbol2 li {
	list-style-type: disc;
	list-style-position: inside;
}

.arbol2 li li {
	list-style-type: circle;
}

.arbol2 a {
	text-decoration: none;
 	color:#355D17;
}

.arbol2 a:hover {
	text-decoration: underline;
}
.contenidomicrosite {
	width:51.4em;
    float:left;
	border: 1px solid #50B848;
        margin-left:0.3em; 
}

.contenidomicrosite2 {
	width:51em;
	float:right;
	margin:0;  
}

.contenidoWebcam {
	width:49.5em;
    float:right;
	border: 1px solid #50B848; 
	padding: 0.9em;
}

.contenidoWebcam a {
	color: #009900;
}

.contenidoWebcam a:hover {
	text-decoration: underline;
}
.textocentro {
	padding:0.8em 0.8em 0 0.4em;
	float:left;
	width:31.2em;
	font-size:1.1em;
	color:#000;
}
.contenidomicrosite .textocentro img{
        width:5.5em;
}

.posicionRelativa{
        position:relative;
}

.colorVerde{
        color:#009900;
}

.textocentrosinderecha {
	padding:0.9em 0.9em 0 0.9em;
	color:#000;  
}
.mapayrecomendados {
	float:right;
	width:13.75em;   
	padding: 0.9em;
	margin-bottom:1.5em;
}
.mapayrecomendados h2 {
	font-size:1.6em;
	font-family:georgia;
	font-style: italic;
	margin: 0;
	padding: 0 1em;
}

.recomendados {
	margin-top:0.9em;  
 	background-color:#EAE5DC;
	color:#514D3F;
	font-size: 1em;
}

.recomendados ul {
	list-style-type: none;
	padding: 0 0.2em;
	margin: 0.1em 0 0;
}

.minimapa {
	background-color:#E5E6E8;
	color:#083061;
	font-size: 1em;
}

.minimapa p {
	margin: 0;
	padding: 0 0.4em;
	margin-top: 0.2em;
}

.minimapa img{
   width:11em;
   padding: 0.9em;
}

/********************************************************************************************/
/****************************Clases para las esquinas redondeadas****************************/
/********************************************************************************************/
/* set millions of background images */
.rbtop div { background: url(img/tl.gif) no-repeat top left;}
.rbtop { background: url(img/tr.gif) no-repeat top right;}
.rbbot div { background: url(img/bl.gif) no-repeat bottom left; bottom:0;left:0;position:absolute;}
.rbbot { background: url(img/br.gif) no-repeat bottom right; bottom:0;left:0;position:absolute;}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 8px;
font-size: 1px;
}

/********************************************************************************************/
/*****************Clases para las esquinas redondeadas sin absolute**************************/
/********************************************************************************************/
/* set millions of background images */
.rbbot2 div { background: url(img/bl.gif) no-repeat bottom left;z-index:100;}
.rbbot2 { background: url(img/br.gif) no-repeat bottom right;z-index:100;}

/* height and width stuff, width not really nessisary. */
.rbbot2 div, .rbbot2 {
width: 100%;
height: 8px;
font-size: 1px;
}

/********************************************************************************************/
/****************************Clases para las esquinas redondeadas****************************/
/********************************************************************************************/

/* set millions of background images */

.rbtop3 div { background: url(img/tr.gif) no-repeat top right;}
.rbbot3 div { background: url(img/br.gif) no-repeat bottom right;bottom:0;position:absolute;}

/* height and width stuff, width not really nessisary. */
.rbtop3 div,.rbbot3 div {
width: 100%;
height: 8px;
font-size: 1px;
}

/********************************************************************************************/
/****************************Clases para la barra de navegacion******************************/
/********************************************************************************************/

#menu {
	width:100%;
	height:8.8em;
}
#menuderecha{
        height:8.8em;
	float:left;
	width:25.5em;
}
.menuizquierda{
	float:left;
	width:42em;
	position:relative;
        height:8.8em;
}

#menunodestacados{
	float:left;
	width:29.5em;
	background-color:#50b848;
	font-size: 0.9em;
	font-weight:bold;
	height:10em;
}
.menulogin a {
	color: #000;
}

.menulogin{
	float:left;
	width:15.2em;
	color:#000;
	background-color:#FFFFFF;
	height:8.8em;
    font-size: 1em;
	border: 1px solid #50B848;
}

.menulogin form {
	margin: 0.9em 0;
}

.menulogin div {
	margin: 0.5em 0;
}
.menulogin div label {
	float: right;
	margin-right: 2.4em;
	margin-bottom: 0.5em;
	text-align:right;
}

.menulogin div label input {
	width: 6.5em;
}
.menulogin .botones {
	text-align:center;
	clear:both;
}
.botones a{
        font-weight:bold; 
}
#menu ul {
	text-transform:uppercase;
	float:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menunodestacados ul
{	
	padding: 0 0 0 1em;
}
#menunodestacados li>a
{	
        background-color:#50B848;
}
#menuderecha li {
        height:3em;
	width:13.7em;
	position:relative;
	background-color:#00427A;
	text-align:center;
	font-size: 0.9em;
	font-weight:bold;
	text-transform:uppercase;
	color: white;
	float: left;
	padding: 0;
	margin: 0 0 0.3em 0.3em;
}
#menuderecha li>a{
        background-color:#00427A;
}

/*************************************************************************/
/********************Clases para el pie de pagina*************************/
/*************************************************************************/
.logoW3C{
	float:right;
}
.logoW3C img{
      width:8em;
      height: 3em;
}
/*************************************************************************/
/********************Clases para las migas de pan*************************/
/*************************************************************************/
#migasdiv {
	color:#50B848;
	font-size: 1em;
	text-transform: uppercase;    
}
#migasdiv .migasMenu a {
	text-transform:uppercase;
	color:#50B848;
	padding-right: 20px;
	  background: transparent url(img/flechaadelante.png) right no-repeat;	
}
#migasdiv ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#migasdiv li {
	display: inline;
}
.comarca li{
        float:right;
}
#migasdiv .migaseleccionada, #migasdiv .migaseleccionada a {
	color:#000;
	text-transform: none;
}
.hspace{
      padding:0.8em;
      float:left;
}
#migasdiv .comarca a.resaltado{
      text-transform:uppercase;
	color:#50B848;
	padding-left: 20px;
	background: transparent url(img/flechaatras.png) left no-repeat;	
}


.contenedorLogin{

	width:100%;	

	color:#514D3F;

    position:relative;

	background-color:#D2EAC1;

	margin-bottom:1.5em;    

}

.login{

	font-size: 1em;

	color: #333333;

}

.login form {

	margin: 0.9em 0;

}

.login div {

	margin: 0.7em 0;

}

.login p{

	text-align:center;

	margin-bottom:1.5em;

	}

.login div label {

	padding: 0 2.5em 0.5em 0;

	float: right;

}

.login .botones {

	text-align:center;

	padding: 1em 0 0;

	clear:both;

}

#cajaLogin, #cajaPassword {

	font-size:1em;

}

.botonLogin{

	font-size:1em;

	font-weight: bold;

	background-color: #50B848;

	border: 1px solid #083061;

	color: #FFFFFF;

	cursor: pointer;

}

.botonLoginCabecera{

	font-size:1em;

	font-weight: bold;

	background-color: #50B848;

	border: 1px solid #083061;

	color: #FFFFFF;

	cursor: pointer;

}



/************************Pesta���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������±as ***************************/

/* set millions of background images */

.rbtopp div { background: url(img/tlp.gif) no-repeat top left;}

.rbbotp div { background: url(img/blp.gif) no-repeat bottom left; bottom:0;position:absolute;}



/* height and width stuff, width not really nessisary. */

.rbtopp div, .rbtopp, .rbbotp div, .rbbotp {

width: 100%;

height: 4px;

font-size: 1px;

}

/* set millions of background images */



.rbbot2p div { background: url(img/blp.gif) no-repeat bottom left;z-index:100;}



/* height and width stuff, width not really nessisary. */

.rbbot2p div, .rbbot2p {

width: 100%;

height: 4px;

font-size: 1px;

}

/************************Pesta���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������±as hijas ******************************/

.rbtopph div { background: url(img/tlph.gif) no-repeat top left;}

.rbbotph div { background: url(img/blph.gif) no-repeat bottom left; bottom:0;position:absolute;}



/* height and width stuff, width not really nessisary. */

.rbtopph div, .rbtopph, .rbbotph div, .rbbotph {

width: 100%;

height: 2px;

font-size: 1px;

}

/* set millions of background images */



.rbbot2ph div { background: url(img/blph.gif) no-repeat bottom left;z-index:100;}



/* height and width stuff, width not really nessisary. */

.rbbot2ph div, .rbbot2ph {

width: 100%;

height: 2px;

font-size: 1px;

}
div.folleto{
float:left;
width:15em;
text-align:center;
height:210px;
}