﻿* {

	margin: 0;

	padding: 0;

}

body {

	background-color: #6b6c4d;

	background-image: url(../imagenes/body_fondo2.jpg);

	background-repeat: repeat-x;

	background-position: bottom right;

}



/*************  CONTENEDOR DE: HEAD, BANNER, ARTICULOS, BARRA DER (MENSAJES, NOTICIAS, ENCUESTA, ENLACES) Y FIX  ************/



#contenedor {

	width: 774px;

	margin-right: auto;

	margin-left: auto;

	height: 100%;

	background-color: #D9DAC9;

	border-right-width: 10px;

	border-left-width: 10px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #56563e;

	border-left-color: #56563e;

}





/*************************************************************** CABEZERA  ************/



#head {

	height: 217px;

	width: 774px;

	float:left;

	background-repeat: no-repeat;

	background-image: url(../imagenes/header_fondo.jpg);

}



/*************************************************************** MENU PRINCIPAL SECCIONES. ************/



#botonera {

	float: left;

	height: 35px;

	width: 774px;

	background-repeat: no-repeat;

	background-image: url(../imagenes/botonera_fondo.jpg);

}

#botonera a {

	float:left;

	height: 35px;

	width: 385px;

	text-decoration: none;

}

#botonera a i {

	visibility:hidden;

}

a#inicio {

	margin-left:50px;

	left: 0;

	width: 113px;

}

a#historia {

	left: 0;

	width: 113px;

}

a#dirigentes {

  left: 0;

  width: 113px;

}

a#noticiasb {

  left: 0;

  width: 117px;

}

a#descargas {

  left: 0;

  width: 115px;

}

a#contacto {

  left: 0;

  width: 115px;

}

a#inicio:hover {

  background-image:url(../imagenes/inicio.jpg);

  background-repeat: no-repeat;

}

a#historia:hover {

  background-image:url(../imagenes/historia.jpg);

  background-repeat: no-repeat;

}

a#dirigentes:hover {

  background-image:url(../imagenes/dirigentes.jpg);

  background-repeat: no-repeat;

}

a#noticiasb:hover {

  background-image:url(../imagenes/noticias.jpg);

  background-repeat: no-repeat;

}

a#descargas:hover {

  background-image:url(../imagenes/descargas.jpg);

  background-repeat: no-repeat;

}

a#contacto:hover {

  background-image:url(../imagenes/contacto.jpg);

  background-repeat: no-repeat;

}

a#inicio:hover,

a#historia:hover,

a#dirigentes:hover,

a#noticiasb:hover

a#descargas:hover

a#contacto:hover {

  border: none;

}



/*************************************************************** MENU PATRULLAS  ************/



#patrullas {

	float: left;

	height: 58px;

	width: 774px;

	background-repeat: no-repeat;

	background-image: url(../imagenes/patrullas_fondo.jpg);

}

#patrullas a {

	float:left;

	height: 58px;

	width: 385px;

	text-decoration: none;

}

#patrullas a i {

	visibility:hidden;

}

a#bandada {

	margin-left:283px;

	left: 0;

	width: 45px;

}

a#manada {

	left: 0;

	width: 42px;

}

a#compania {

  left: 0;

  width: 42px;

}

a#tropa {

  left: 0;

  width: 43px;

}

a#ruta {

  left: 0;

  width: 45px;

}

a#bandada:hover {

  background-image:url(../imagenes/golondrina.jpg);

  background-repeat: no-repeat;

}

a#manada:hover {

  background-image:url(../imagenes/lobo.jpg);

  background-repeat: no-repeat;

}

a#compania:hover {

  background-image:url(../imagenes/trebol.jpg);

  background-repeat: no-repeat;

}

a#tropa:hover {

  background-image:url(../imagenes/insignia.jpg);

  background-repeat: no-repeat;

}

a#ruta:hover {

  background-image:url(../imagenes/ruta.jpg);

  background-repeat: no-repeat;

}

a#bandada:hover,

a#manada:hover,

a#compania:hover,

a#tropa:hover

a#ruta:hover {

  border: none;

}



/*************************************************************** CONTENIDO PRINCIPAL, ARTICULOS ************/



#noticias {

	height: auto;

	width: 500px;

	float: left;

	background-color: #FFF;

	background-image: url(../imagenes/articulos_fondo.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	border: 10px solid #d9dac9;

	border-top-color:#ffffff;

}

#noticias img {

	margin-top: 10px;

	margin-right: 10px;

	margin-left: 28px;

	margin-bottom: 5px;

	float:left; 

}

#noticias p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #666;

	text-decoration: none;

	margin-top: 15px;

	margin-left: 20px;

	margin-right: 20px;

	line-height: 20px;

	margin-bottom: 10px;

	text-indent: 30px;

}

#noticiasd table {

	margin:0 auto;

}



#noticias p:first-letter {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 20px;

	color: #333;

	font-style: normal;

	font-weight: normal;

}

#noticias i {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #666;

	margin-left: 20px;

}

#noticias a {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #000;

	text-decoration: underline;

}

#noticias a:hover {

	color:#990000;

	text-decoration: none;

}

#noticias h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 13px;

	color: #556C4F;

	text-decoration: none;

	margin-top: 10px;

	margin-left: 20px;

	text-align:left;

	background-color: #F0F0F0;

	width: 445px;

}

#noticias h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 18px;

	font-style: italic;

	color: #333;

	margin-top: 20px;

	margin-left: 20px;

	text-decoration: underline;

}

#noticias h3 {

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

	color: #333333;

	letter-spacing: 3px;

	font-size: 10px;

	margin-top: 5px;

	margin-left: 20px;

}



/*************************************************************** BARRA DERECHA  ************/



#barrader {

	height: 30px;

	width: 244px;

	float:left;

	text-align: center;

	padding-top: 3px;

	background-color: #FFF;

	border-right-width: 10px;

	border-right-style: solid;

	border-right-color: #D9DAC9;

	border-top-width: 10px;

	border-top-style: solid;

	border-top-color: #D9DAC9;

}

#barrader h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #556C4F;

	width: 244px;

	background-color: #FFFFFF;

}

#barrader_enlaces {

	height: 45px;

	width: 244px;

	float:left;

	text-align: center;

	background-color: #FFF;

	border-right-width: 10px;

	border-right-style: solid;

	border-right-color: #D9DAC9;

	background-image: url(../imagenes/articulos_fondo.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

}

#barrader_mensajeria {

	height: 300px;

	width: 244px;

	float:left;

	background-color: #FFF;

	border-right-width: 10px;

	border-right-style: solid;

	border-right-color: #D9DAC9;

	background-image: url(../imagenes/articulos_fondo.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

}

#barrader_encuesta {

	height: 190px;

	width: 244px;

	float:left;

	background-color: #FFF;

	border-right-width: 10px;

	border-right-style: solid;

	border-right-color: #D9DAC9;

	margin-bottom: 10px;

	background-image: url(../imagenes/articulos_fondo.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

}

#barrader_galerias {

	height: 160px;

	width: 244px;

	float:left;

	background-color: #FFF;

	border-right-width: 10px;

	border-right-style: solid;

	border-right-color: #D9DAC9;

	background-image: url(../imagenes/articulos_fondo.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	text-align: center;

}

#barrader_galerias p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	font-style: italic;

	color:#000;

}

#barrader_galerias img {

	text-align: center;

}



/*************************************************** FIX ADAPTABLE AL ALTO DEL CONTENIDO ************/





.fix {

	clear: both;

	display: block;

}





/*************************************************************** FOOTER ************/



#footer {

	height: 220px;

	width: 794px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: center;

	background-image: url(../imagenes/footer_fondo.jpg);

}

#footer_enlaces {

	text-align:center;

	font-size:8pt;

	font-family:georgia;

	color:#B0B396;

	margin-right: auto;

	margin-left: auto;

	height: 220px;

	width: 400px;

}



/*************************************************************** ENCUESTA ************/



.tusencuestas_encuesta {

	background-color: #ffffff;

	width:226px;

	height:150px;

}

.tusencuestas_pregunta {

	text-align:center;

	font-weight: bold;

	margin-top:10px;

}   

.tusencuestas_respuestas {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #666666;

	text-decoration: none;

	margin-left:20px;

	margin-right:20px;

	margin-top:10px;

}

.tusencuestas_inferior {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10px;

	color: #556C4F;

	margin-left:20px;

}

a.tusencuestas_inferior {

	margin-left:20px;

	font-size:9pt;

}

input.tusencuestas_inferior {

	font-family: verdana,tahoma,sans-serif;

	font-size: 10px;    

	color:black;

	text-decoration:normal; 

	border: 1px groove black;

	margin-left:20px;

	margin-top:10px;

}

/*************************************************************** FORMULARIO ************/


.texto_form {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #8F1419;
	vertical-align: top;
}
.boton_form {
	background-color: #8F1419;
	border: 1px solid #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: italic;
	padding: 5px;
}
.boton_form:hover {
	background-color: #CC3300;
}
.boton_form:active {
	font-size: 14px;
}
.campo {
	background-color: #CCCCCC;
	border: 1px dotted #000000;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #8F1419;
	width: 200px;
	vertical-align: top;
}
.campo:hover {
	background-color: #FFFFFF;
}

#formulario {
	margin-left: 20px;
}

