body {
	font-size: 15px;
	font-family: sans-serif;
	line-height: 125%;
	color: #222222;
	background-color: #e7e7e7;
	margin: 0px;
}

h1 {
	font-size: 160%;
	text-align: left;
	margin-bottom: 30px;
	margin-top: 0px;
	font-family: sans-serif;
	color: #603623;
	font-weight: 600;
	line-height: 120%;
}


h2 {
    color: #603623;
    font-size: 140%;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 30px;
    text-align: left;
    line-height: 120%;
}


h3 {
    color: #603623;
    font-size: 120%;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 20px;
    text-align: left;
    line-height: 120%;
}

p, li {
	margin-top: 0px;
	margin-bottom: 0.67em;
}

a {
	color: #88291A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input, select, textarea { font-family: sans-serif; font-size: 100%; }

img { max-width: 100% !important; height: auto; }

td { vertical-align: top; }

#container {
	width: 960px !important;
	margin: 0px auto 0px auto;
	border-left: 0px solid #333333;
	border-right: 0px solid #333333;
	background-color: #ffffff;
}

#pad { padding: 0px 20px 0px 20px; }

#main_table {
	width: 100%;
	background-color: #ffffff;
}

#header {
	position: relative;
	/* height: 90px; */
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #ffffff;
}

#navigation {
	background-color: #603623;
	color: #ffffff;
	text-align: right;
	font-size: 85%;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	width: auto;
}

#navigation a {
	color: #ffffff;
	text-decoration: none;
}

#navigation span.tab {
	padding: 2px 8px 2px 8px;
	border-radius: 4px;
}

#navigation span.tab:hover, #navigation span.tab:hover a {
	background-color: #D8CCC8;
	color: #603623;
}

#navigation span.tab a {
	color: #ffffff;
}

#navigation span.tab a:hover {
	color: #603623;
}

#avisos { margin-bottom: 20px; background-color: #ECE1DB; padding: 8px; border-radius: 4px; color: #111111; }

#left_column {
	width: 160px;
	font-size: 90%;
	padding-right: 20px;
	border-right: 0px dotted #bbbbbb;
}

#left_column h3 {
	margin: 0px;
	padding: 0px;
	font-size: 140%;
	color: #000000;
}

#stretcher {
	padding: 8px;
	padding-top: 20px;
	min-height: 440px;
}

#main_body {
	width: 740px !important;
	max-width: 740px !important;
	padding: 40px 20px 20px 0px;
	text-align: left;
}

#right_column {
	padding: 20px 0px 20px 0px;
	padding-top: 20px;
	width: 140px !important;
	max-width: 140px !important;
	font-size: 90%;
	padding-left: 20px;
	border-right: 0px dotted #bbbbbb;
	text-align: left;
}

#right_column h3 {
	margin: 0px;
	padding: 0px;
	font-size: 140%;
	color: #000000;
}

#footer {
	height: 30px;
	background-color: #222222;
	color: #AAAAAA;
	font-size: 90%;
	padding: 12px;
	text-align: center;
	height: 100px;
	margin-top: 50px;
}

#footer a {
	color: #ffffff;
	text-decoration: underline;
}

.divider {
	margin-top: 12px;
	margin-bottom: 12px;
	border-top: 1px solid #bbbbbb;
	width: 80%;
}

.box {
	border: 2px solid #8F8FAF;
	background-color: #DDDDFF; padding: 8px;
	border-radius: 6px;
}

.code {
	font-family: Monospace;
	color: #aa66aa;
}

.toptop { margin-top: 0px; }
.bottombottom { margin-bottom: 0px; }

.separador { display: block; clear: both; height: 0px; width: 100%; border-bottom: 1px dotted #999999; margin-top: 28px; margin-bottom: 20px; }

.apartado_columna_derecha {
	background-color: #603623;
	color: #ffffff;
	text-align: center;
	font-size: 100%;
	font-weight: 600;
	padding: 4px 0px 4px 4px;
	border-radius: 4px;
	margin: 20px 0px 10px 0px;
}

.fuente { font-family: sans-serif; }

.marron { color: #603623; }

.tip { font-size: 95%; }

.cita, p.cita, div.cita { padding-left: 3em; padding-right: 3em; font-style: italic; }

.pie_de_foto { font-size: 85%; text-align: center; margin-bottom: 20px; }

#meta_modificacion { display: blocK; clear: both; margin-top: 40px; font-size: 80%; color: #777777; text-align: right; }


/* --- Widget RSS --- */
.rsswidget_container { padding: 0px 30px 0px 30px; border: 0px solid #ccbbbb; font-size: 100%; margin-top: 1.0em; }
.rsswidget_container a {  }
.rsswidget_titulo_feed { display: none; visibility: hidden; }
.rsswidget_item { margin-top: 12px; }
.rsswidget_first_item { margin-top: 0px; }
.rsswidget_fecha { font-size: 85%; color: #cc0000; margin-top: 20px; }
.rsswidget_titulo a { color: #111111; font-size: 115%; text-decoration: none; font-weight: 600; }
.rsswidget_titulo a:hover { color: #111111; text-decoration: underline; }
.rsswidget_texto { font-size: 90%; color: #333333; }
.rsswidget_texto a:hover { color: #ff6600; }




/* --- Versión desktop --- */
#container { position: relative; margin: 0px auto 0px auto; background-color: #ffffff; width: 960px !important; font-size: 15px; }
#pad {}
#busqueda { float: right; }
#version { color: #ffffff; background-color: #555555; border-radius: 3px; padding: 3px; font-size: 80%; }
#terminar { margin: 0px; border: none; border-style: none; box-shadow: none; outline: none; }
#logo { width: 456px; height: 115px;  }
#navigation { text-align: right; }
#portada { width: 780px; height: 193px; margin-bottom: 20px; }
#mapa { width: 768px; height: 602px; clear: both; margin: 20px 0px 20px 0px; }


.social { height: 32px; padding: 0px; text-align: right; }
.compartir_icon { margin-left: 10px; width: 32px; height: 32px; }


/* --- Todas las resoluciones inferiores al estándar de 960px --- */
@media only screen and (max-width: 480px), only screen and (min-width: 800px) and (orientation: portrait), only screen and (min-width: 768px) and (orientation: portrait) {
	td { display: block; margin-bottom: 20px; }
	img, iframe { display: block; clear: both; float: none; max-width: 100% !important; height: auto; }
	iframe { width: 100% !important; height: auto !important; }
	h1, h2, h3 { line-height: 125%; }
	ul, ol { padding-left: 14px; }
	table, tbody, tr, th, td { display: block; width: 100% !important; }
	#logo, #portada, #mapa { width: 100%; height: auto; }
	#logo { width: 456px; height: auto; padding-bottom: 20px; }
	#container { width: 100% !important; min-width: 320px; font-size: 16px; }
	#pad { padding: 10px; }
	#main_body { width: 100% !important; max-width: 100% !important; margin-top: 0px; padding: 20px 0px 0px 0px !important; }
	#main_body img { display: block; clear: both; float: none; width: 100% !important; height: auto !important; max-width: 100% !important;  }
	#main_body div { float: none !important; display: block !important; clear: both !important; }
	#right_column { width: 100% !important; max-width: 100% !important; padding: 0px; }
	#right_column img { margin-left: auto; margin-right: auto; }
	#version { background-color: #0000ff; }
	#busqueda { float: none; margin-bottom: 20px; }
	#q { max-width: 50%; }
	#navigation { text-align: left; }
	#footer { height: auto; font-size: 85%; }
	#social { float: none; display: block; width: auto; margin-bottom: 20px; text-align: center; }
	#main_body img.compartir_icon { display: inline; clear: none; margin-left: 10px; width: 48px !important; height: 48px !important; }
	.invisible_movil { display: none; visibility: hidden; }
	.visible_movil { display: block; visibility: visible; }
	.rsswidget_container { padding: 0px; }

	#main_body div {
	    float: none !important;
	    display: block !important;
	    clear: both !important;
	    max-width: 100% !important;
	    width: 100% !important;
	}

	div.social { text-align: center; }
	.compartir_icon { margin: 0px 5px 0px 5px; width: 24px; height: 24px; }
}