/* ********************************************************************
	Garzón Patrimonial

	Colores:
		#22b7ff (azul cielo)
		#ffae5e (naranja pálido)
******************************************************************** */
*{margin: 0; padding:0;}
#header {
	font: 100% "Lucida Sans", Arial, Helvetica, sans-serif;
	padding: 1.75em 0;
	color: #22b7ff;
}
	#header h1 a img {border:none; margin-left: 1em;}
	#header h1 a {text-decoration: none;}

#container {
	font: 85%/160% Arial, Helvetica, sans-serif; /*  100%/120% = font-size/line-height, i.e. Tamaño letra / espaciado */
	margin-top: .25em;
	margin-bottom: 1.25em;
}
	.link {
		background-color: #22b7ff;
		padding: 1.5ex;
		margin: 1.25em 0;		
	}
	.link:hover { background-color: #ffae5e; }
	.link a, .link a:hover { color: #fff; }

#footer {
	margin-top: 3em;
	border-top: 1px solid #ededed;
	padding: 2ex 0;
	font: 75% Arial, Helvetica, sans-serif;
	text-align: right;
	color: #666;
	clear: both;
}
	#footer p{ margin-right: 1em; } /* El padding se suma en IE6, y así lo evitamos y conseguimos el efecto */

h1 {font-size: 200%;}
h2 {
	font-size: 135%;
	margin-bottom: 1ex;
	padding: .5ex .5ex .5ex 0;
}
h3 {
	font-size: 115%;
	margin-top: 2ex;
	padding: .5ex .5ex .5ex 0;
}
p { margin-bottom: 1ex;}
ul { margin: 1em 1.5em; }
li {
	list-style-type: none;
	padding-left: 20px;
	background: transparent url(../img/bullet2.jpg) 0 4px no-repeat;
}
table {
	border-collapse: collapse;
	margin: 1.5ex 2.5em;
	border: 1px solid #ccc;
}
th {
	padding: 1ex;
	background-color: #E7EBF7;
}
td { padding: .75ex; }

a{ color: #22b7ff; }
a:hover { color: #ffae5e; }

dl { margin: 1.5ex 2.5em;}
dt { margin-top: 2.5ex; font-weight: bold;}
dd { margin-left: 2.5em;}

.par { background-color: #f7f3f7;}

#container img.imglink {
	border: 5px solid #22b7ff;
	padding: 1px;
	margin: .5ex 0 2ex 0;
}

#container img.imglink:hover {
	border: 5px solid #ffae5e;
}

.block {
	float: left;
	width: 270px;
	padding: 1ex;
	margin: 0 1.5ex;
	opacity: .85;
}
	.selected { opacity: 1; }
.center_width {
	margin-left: auto;
	margin-right: auto;
	min-width: 800px;
	max-width: 960px;
}
.clear {clear: both;}

/*----------------------------------------[  Pág. interiores ]----------*/
#menu {
	width: 175px;
	float: left;
}
	#menu h2 { padding-top: 0; }
	#menu p { margin-bottom: 0;}
#main {
		margin-left: 200px;
		border-left: 1px solid #ccc;
		padding-left: 10px;
	}
	#main p {
		margin-bottom: 1.5ex;
	}
.img_comment {
		width: 40%;
		padding: 1ex;
		margin: 2.25ex 2ex;
		float: left;
		font-size: 90%;
	}
	.img_comment img {
		float: left;
		border: 5px solid #EFF3EF;/*#1E90FF;*/
		padding: 1px;
		margin-right: 2ex;
	}

/*----------------------------------------[ Navegación ]----------*/
#navlist {
margin: 1.5em 0 0 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #22b7ff;
font: 100% Arial, Helvetica, sans-serif;
}

#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 4px solid #22b7ff;
padding-bottom: 2px;
background: transparent;
color: #22b7ff;
}

#navlist a:hover { color: #22b7ff; }