/* Propiedades del BODY */

BODY { 
	text-align: center ; 
	margin: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
}


/* Definición de Capas */

#general {
	WIDTH: 100% ;
	margin: 0 auto 0 auto;
	padding: 0px;
}

#superior {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
	background-color: #bbe573 ;
	height: 7.5em;
}

/*	width: 728px ; */
#cabecera {
	width: 98% ;
	margin: 0 auto 0 auto;
	margin-left: 0.5em;
	padding: 0.4em;
	border: 0px;
}

/*  especificaciones para el logo   */
#logo { }

/* #anuncio  { float: right  ; margin: 0.5em 20em 0 0 ; padding: 0 ; } */
#anuncio  { float: right ; margin: 0.4em 4em 0 0em ; padding: 0 ; }

#busqueda { float:right ; padding: 3.6em 2em 0 0em ; height: 3.5em ; width: 20em ; } */

#cuerpo {
	width: 98% ;
	clear: both ;
	padding: 0;
	background-color: #ffffff ; 
}

#menu {
	float: left;
	width: 100% ;
	text-align: center;
	clear: both ;
	background: #DAE0D2 url("http://www.elcampamentobase.es/objetos/bg.gif") repeat-x bottom;
}

/*	border-width: thin ; */
/*	border-style: dashed ; */
#migas {
    display: block;
    height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    background: transparent url('http://www.elcampamentobase.es/objetos/button_right.png') no-repeat scroll top right; 
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	margin: 0.4em; 
}

#migas span {
    background: transparent url('http://www.elcampamentobase.es/objetos/button_left.png') no-repeat ; 
    display: block;
    height: 22px;
    padding: 7px 0 3px 18px;
} 

#migas span span {
    background: transparent url('http://www.elcampamentobase.es/objetos/button_center.png') repeat-x ; 
    display: block;
    height: 22px;
    padding: 0px 0 3px 0px;
} 

#contenido {
	width: 80%;
	margin: auto;
	float: left;
}

#ultimosarts {
	width: 49%;
	float: left;
}

#blogrss {
	width: 49%;
	float: left;
}

/* .articulo y .texto tienen que tener el mismo "margin" y el mismo "width" */
.articulo {
	margin: 0.8em;
	width: 98%;
	clear: both;
	background: url("http://www.elcampamentobase.es/objetos/nt.gif") repeat ;
}

.img {
	float: left;
	width: 170px;
	height: 100px;
}

.intro {
	padding: 0.4em;
	min-height: 90px;
}

.texto {
	margin: 0.8em;
	width: 98%;
	clear: both;
	background: url("http://www.elcampamentobase.es/objetos/nt.gif") repeat;
}
.alto {
	background: url("http://www.elcampamentobase.es/objetos/tr.gif") no-repeat top right;
}
.alto div {
	background: url("http://www.elcampamentobase.es/objetos/tl.gif") no-repeat top left;
}
.bajo div {
	background: url("http://www.elcampamentobase.es/objetos/bl.gif") no-repeat bottom left;
}
.bajo {
	background: url("http://www.elcampamentobase.es/objetos/br.gif") no-repeat bottom right;
}
.alto, .alto div, .bajo, .bajo div {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

#linea {
	text-align: right;
	margin: 0px;
	padding: 0 5px 0 0;
	height: 0.8em;
	float: right;
}

#extra {
	float: left;
	width: 185px;
	margin: 0.4em auto;
	background: url("http://www.elcampamentobase.es/objetos/nt.gif") repeat;
}

#reloj {
	padding: 0.6em;
	margin: auto;
	width: 180px;
}
#refs{
	padding: 0.6em 0.3em ;
	margin: auto;
}

#busca{ width: 98% ;
	float:left ;
	margin: 0.8em;
	background: url("http://www.elcampamentobase.es/objetos/nt.gif") repeat;
}

#buscador {
	width: 530px;
/*	width: 600px; */
	margin: auto;
/*	margin-left: 0.5em; */
}

.pie {
	float: left;
	width: 98%;
	text-align: center;
	margin: 0.5em;
	background: url("http://www.elcampamentobase.es/objetos/nt.gif") repeat;
}

.politicas {
	font-siza: x-small;
}

.izqda {
	text-align: left;
	margin: 10px 14px 10px 14px; 
}

#infor{ width: 100% ; }


#tablon { 
	float:left ;
	}

/* esto es para que el menú sea con pestañas y los submenús aparezcan cuando se selecciona el menú padre */
#menu ul {
	list-style: none;
	display: inline;
	padding: 10px 10px 0;
}

/*	float: left; */
/*	color: #40A035; */
#menu li {
	color: #40A035;
	padding:0 0 0 9px;
	background: url("http://www.elcampamentobase.es/objetos/left.gif") no-repeat left top;
	display: block;
}

#menu #activo, #menu #activo li {
	display: inline;
	color: #EDFBEB;
	background-image: url("http://www.elcampamentobase.es/objetos/left_on.gif");
}

#menu #activo a {
	background-image: url("http://www.elcampamentobase.es/objetos/right_on.gif");
	padding-bottom: 5px;
}


/*
	position: absolute;
	top: 195px;
	left: 0;
*/
/* se ocultan los submenus */
#menu li ul {
	display: block;
	visibility: hidden;
	width: 100%;
}

#menu ul li > #menu ul {
	top: auto;
	left: auto;
}

/* se hacen visibles los submenus */
#menu ul li:hover ul, #menu ul li.over ul { 
	visibility: visible;
}


/* Propiedades para las cabeceras */

h1 {
	font-family: "Comic Sans MS" ;
	font-size: 1.4em ;
	color: maroon ;
}

h2 {
	font-family: "Comic Sans MS" ;
	font-size: 1em ;
	color: maroon ;
}

h3 { font-size: 1.2em ; text-align:left ; font-variant: small-caps ; }

h4 { font-size: 0.7em ; text-align:center ; text-decoration: none ; text-indent: 5px ; }

/* Definición de Tablas */

/* tabla para las noticias */
table.noticias { width: 99% ; }

table.noticias td { width: 32% ; border: #999999 thin solid ; vertical-align: top ; }


/* Diferentes tipos de links */

A 	  { font-family:"Comic Sans MS"; text-decoration: none ; }
A:link    { color: #40A035 ; }
A:visited { color: #ae0b20 ; }
A:hover   { color: #FFFFFF ; background-color: #999999 ; text-decoration: underline ;}
A:active  { color: #FFFFFF ; background-color: #999999 ; }

#texto a:link    { color: #40A035 ; }
#texto a:visited { color: #ae0b20 ; }
#texto a:hover   { color: #FFFFFF ; background-color: #999999 ; text-decoration: underline ;}
#texto a:active  { color: #FFFFFF ; background-color: #999999 ; }

#menu ul li a {
/*	float: left; */
	display: block;
	text-decoration: none;
	color: #40A035;
	background: url("http://www.elcampamentobase.es/objetos/right.gif") no-repeat right top;
/* el padding para la izquierda es también de 15 (como la dere), pero al haber puesto 9 en el elemento "li" hay que descontarlo aquí */
	padding: 5px 15px 4px 6px;
	font-weight: bold;
}

#menu #activo li, #menu #activo li a, #menu li ul li, #menu li ul li a {
	background: #DAE0D2 url("http://www.elcampamentobase.es/objetos/bg.gif") repeat-x bottom;
}

#menu li ul li a {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

#menu a:hover {
	color: #B73CBB;
}
#menu a:visited {
	color: maroon;
}

ol { text-align: left ; }

.listaizq { text-align: left ; }


/* Tipos de párrafos */

p          { font-family:"Comic Sans MS"; font-size: 1em ; text-align:justify ; text-indent:0px  ; margin:10px 14px 10px 14px ; }
p.lema     { font-size: 1.2em ; font-weight: 600 ; text-align:left ; font-variant: small-caps ; padding : 1em 0 0 0 ; }
p.centrado { text-indent:0px ; text-align:center ; }
p.derecha  { text-indent:0px ; text-align:right  ; }
p.minidere { text-indent:0px ; text-align:right  ; font-size: 0.7em ; }
p.entrevis { font-size:18px ;
	text-indent:0px ;
	text-align:center ;
	margin:11px 14px 11px 14px ;
	color: maroon;
}
p.frances  { font-family:"Comic Sans MS"; font-size:14px ; text-align:justify ; text-indent:-10px  ; margin:10px 14px 10px 14px ; }

p.nota	   { margin: 0 1em 0 5em ; text-indent:0px ; text-align:right ; font-size: 1.15em ; }

p.notapie  { margin: 0 1em 0 5em ; text-indent:0px ; text-align:right ; font-size: 0.85em ; }


#pie p    { font-family:"Comic Sans MS"; font-size:12px ; text-align:justify ; text-indent:0px  ; margin:10px 14px 10px 14px ; }

/* Características de las imágenes */

img { 
	border-style: none ;
	vertical-align: middle ;
}

#cabecera img  { 
	float: left ; 
	padding: 0.5em 1.5em 0em 1em ;
	margin: 0px;
	border: 0px;
}

#migas {
	font-size: 0.7em ;
	text-align: justify ;
}

#texto ol { text-align: justify ;
	margin: 0px 5px 0px 0px ;
	}

/* Para la cita del día: me defino una capa y redefino los estilos por defecto */

#citadia {
	float: right;
	padding: 0 2em 0 0;
}

/* .cita { font-family: "Times New Roman", Times, serif; font-size: 10pt; color: #000000 ; } */
/* .autorcita { font-family: "Times New Roman", Times, serif; font-size: 10pt; font-weight: bold} */
.cita      { font-family: "Comic Sans MS", Times, serif ; font-size: 0.9em ; text-align: right ; }
.autorcita { font-family: "Comic Sans MS", Times, serif ; font-size: 0.9em ; font-weight: bold ; }