/* Estilos CSS para SILOEJEREZ.ORG website - 2009 */



/* Estilos globales */
.bgpagina {background-image: url(../img/bgpagina.jpg); background-repeat: repeat-x;}
form {margin: 0px;}
body 	{ background-color: #F7F7F7; margin: 21px 0px 10px 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		  color: #000000;overflow:auto;font-size:69%; line-height:140%;}
img 	{ border-width:0px;}
a 		{ text-decoration:none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666;}
a:hover { text-decoration:none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #7D2420;}
ul,ol	{ margin-top:0px;}
li 		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
td 		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

/* Enlaces */
.enlace {text-decoration: underline; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;}
.enlace:hover {text-decoration:underline; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: Silver;}

.enlacevol {text-decoration: none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: Gray;}
.enlacevol:hover {text-decoration: underline; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:Gray;}


/* Estilos parrafo escritura alineaciones ...*/
.titulo {font-family: Tahoma, Verdana, Arial, Helvetiva, sans-serif; font-size: 15px; font-weight: bold; background-color: #FFA500; width: 208px; height: 31px; color: White; vertical-align: middle; margin:10px 10px 10px 10px; padding-left: 10px;}
.titulobig {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; background-color: #FFA500; width: 670px; height:31px; color: White; vertical-align: middle; margin: 10px 10px 10px 10px; padding-left: 10px;}
.titulomed {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; background-color: #FFA500; width: 300px; height:31px; color: White; vertical-align: middle; margin: 10px 10px 10px 10px; padding-left: 10px;}
.titulocentral {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; background-color: #FFA500; width: 449px; height: 31px; color: White; vertical-align:middle; margin:10px 10px 10px 10px; padding-left: 10px;}
.tituloVoluntariado {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; background-color: Silver; width: 129px; height: 31px; color: #4A606B; vertical-align:middle; margin: 10px 10px 10px 10px; padding-left: 10px;}
.tituloNoticias {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; background-color: #FFA500; width: 130px; height: 31px; color: White; vertical-align:middle; margin: 10px 10px 10px 10px; padding-left: 10px;}
.parrafo {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; margin: 10px 10px 10px 10px;}
.parrafosomos {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:justify; margin:10px 12px 0 10px;}
.errorTxt {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: red;  margin: 10px 10px 10px 10px; padding-left: 10px;}

.caja {margin:4px 4px 4px 4px;}
.negrita {font-weight: bold;}
.derecha	{ text-align: right; }
.izquierda  { text-align: left; }
.centrado   { text-align: center; }
.justificado {text-align:justify; }
.cursiva 	{ font-style:italic; }

.bgazul {background-color: #207BB4;}
.rojo {color: #8B0000;}
.bgnaranja {background-color: #D38401;}
.bghumo {background-color: #F4F4F4;}
.gris {color: #ACACAC;}
.grisoscuro {color: #6F6F6F;}
.plata {color: Silver;}
.grisfecha {color: #7C7C7C;}
.blanco {color: #ffffff;}
.margen {margin:2px;}
.margenizq {margin-left:5px;}
.cajausuario {width: 166px; height: 110px;}
.anchonoticia {width: 166px;}
.bgpie {background-image: url(../img/bgpie.jpg); background-repeat: repeat-x;}
.bggrisclaro {background-color: #F7F7F7;}

.sombras { clear:both; width:910px; align:left; background:transparent url(../img/bgmid.gif);background-repeat: repeat-y; }

/* Noticias: titulos y subtitulos */
.noticiaTitulo {font-size: 14px; font-weight: bold; color: #000000; }
.noticiaSubtitulo {font-size:11px; font-weight: normal; color: #ffa500;}

/* formularios y condiciones legales */
.parrafolegal {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #F1F1F1;text-align: justify; width: 660px; padding: 10px; }
.cajatexto {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color: #F1F1F1; border: 1px solid Gray;}
.cajatextoVol {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FEFEFF; border: inset 1px #C6D4D5;}
.boton {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #E1E1E1; border: 1px solid Gray;}
.botonvol {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #D38401; border: ridge 1px #FCDFA7; color:White; width: 70px;} 
.ancho {width: 30px;}
.anchoform{ width: 70px;}

/* Para las ampliaciones de noticias, programas ... */

.paginafotos {width:680px;height:auto; background-color:#fff;}
.titulonot {font-weight:bold; padding:20 0 10 10;}
.texto {font-weight:normal; padding:0 10 10 10;}
.texto P {margin:10 0 10 0; text-align:justify;line-height:16px;}
.fotos {float:right; width:325px; height:230px; margin: 0 0 0 12; margin:10px;  }
.fotosup { width:325px; height:35px;background:transparent url(../img/bgfotossup.jpg) no-repeat; font-weight: bold; padding: 12 0 0 12;}
.fotomid { width:325px; background:transparent url(../img/bgfotosmid.jpg) repeat-y; padding:0 10 0 10; clear:both;}
.fotoinf{ width:325px; height:15px;background:transparent url(../img/bgfotosinf.jpg) no-repeat; padding:0 10 0 10;}

.mapa {float:right; width:325px; height:230px;  }
.mapasup { width:325px; height:35px;background:transparent url(../img/bgfotossup.jpg) no-repeat; font-weight: bold; padding:0px;}
.mapamid { width:325px; background:transparent url(../img/bgfotosmid.jpg) repeat-y; padding:0px; clear:both;}
.mapainf{ width:325px; height:15px;background:transparent url(../img/bgfotosinf.jpg) no-repeat; padding:0px;}



/* Maquetacion, contenidos ... */
.marcocontenido {margin: 2px;}
.marcotop {margin:10px; text-align: justify;}
.pagina 	{ margin:0 auto 0 auto; width:904px; background-color: #F7F7F7;}
.cabecera	{ float:left; width:709px; height:116px; }
.columnavoluntariado {float:left; width: 195px; overflow-x: hidden;}
.columnacontenido{float:left; width:709px; overflow-x: hidden;}			 
.columna	{ float:left; width:208px; padding-left: 5px; padding-top:5px; }
.columnacentral	{ float:left; width:491px; padding:0px; margin-top:4px; overflow-x:hidden; }
.columnaunica	{ float:left; width:689px; padding: 10px; }
.flotar {float:left;}
.flotarder {float: right;}

.piepag		{ width:910px; height: 30px; background-color: White; text-align:center;}
.error 		{ margin:20px; padding:20px; border:1px solid whitesmoke; }
.noFloat, .clear {clear:both;}

/*bordes*/
.bordeBlancoVol {border-left-color: White; border-left-style: solid; border-left: solid; border-left-width: 1px; border-right-color: White; border-right-style: solid; border-right: solid; border-right-width: 1px; border-top-color: White; border-top-style: solid; border-top: solid; border-top-width: 1px; border-bottom-color: White; border-bottom-style: solid; border-bottom: solid; border-bottom-width: 1px;}
.bordeBlancoRotuloVol { border-left-color: White; border-left-style: solid; border-left: solid; border-left-width: 1px; border-top-color: White; border-top-style: solid; border-top: solid; border-top-width: 1px;}
.bordeBlancoRotuloImg {border-right-color: White; border-right-style: solid; border-right: solid; border-right-width: 1px;border-top-color: White; border-top-style: solid; border-top: solid; border-top-width: 1px;}

/* impresion */
.imprimible {display:none;}
.visible {display:block;}