@charset "utf-8";

body  {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #555555;
	background-image: url(img_general/pattern_oscuro.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	list-style-type: disc;
	line-height: 165%;
	
    }
h1 {
	margin-bottom: 50px;
	font-weight: bold;
	color: #339933;
}
a {
	color: #007500;
	outline:none;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight: bold;
	color: #909090;
	margin-top: 30px;
	font-variant: small-caps;
	margin-bottom: 20px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #008200;
	font-size: 120%;
	font-style: italic;
}
p {
	list-style-type: circle;

}
ul {
	list-style-type: square;
}



    .twoColFixLtHdr #container {
	width: 780px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	clear: none;
	top: auto;
	vertical-align: top;
    } 

    .twoColFixLtHdr #header {
	height: 171px;
	width: 780px;
	margin: 0px;
	text-align: center;
	background-color: #FFFFFF;
	padding: 0px;
	border-bottom-style: solid;
	border-bottom-color: #006600;
	border-bottom-width: thin;
    } 
.foto_rodeadaTexto_izda {
	float: left;
	margin-right: 13px;
	margin-bottom: 10px;
}
.boliche {
	margin-right: 3px;
}

.foto_rodeadaTexto_dcha {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.info_clases_sidebar_titulos {
	margin-top: 10px;
	margin-bottom: 7px;
}

.fechas {
	float: right;
	margin-right: 10px;
}




    .twoColFixLtHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    .twoColFixLtHdr #sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 200px;
	height: auto;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #006600;
	margin-top: 0px;
    }


    .twoColFixLtHdr #mainContent {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 240px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	background-color: #FFFFFF;
	background-image: url(img_general/mu%C3%B1eco_verde.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
    } 
#titulos_img {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}

    .twoColFixLtHdr #footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #006600;
	text-align: left;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #FFFFFF;
	clear: both;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #006600;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: #006600;
	margin: 0px;
    } 
    .twoColFixLtHdr #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
.imagenes_sidebar {
	float: none;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.imagenes_marco_sup_inf {
	padding-top: 15px;
	padding-bottom: 10px;
}