/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
ol, ul{
	list-style:none;
}
/* End reset */

html, body{
	background:url(../../../images/bg.jpg) top repeat-x #808080;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
a{
	text-decoration:none;
}
.clearfix{
	width:0px;
	height:0px;
	display:block;
	clear:both;
}
.tabla{
	border:1px solid #666;
}
.tabla td{
	border:1px solid #666;
	padding:5px;
}
#wrapper{
	background:#FFF;
	margin:0 auto;
	max-width:1000px;
	width:100%;
	min-width:320px;
}
#logo{
	border-top:5px solid #630751;
	float:left;
	padding:10px 0 10px 20px;
}
nav{
	float:right;
	margin-top:70px;
}
nav a{
	color:#5A5A59;
	float:left;
	font-size:12px;
	margin:5px 20px 5px 0;
}
nav a span{
	font-size:14px;
	font-weight:bold;
}
nav a div{
	clear:both;
}
#title{
	background:url(../../../images/shadow.png) top repeat-x #898988;
	color:#FFF;
	font-size:12px;
}
#numero{
	background:url(../../../images/shadow.png) top repeat-x #AAA;
	float:left;
	padding:10px 0;
	text-align:center;
	width:282px;
}
#title span{
	float:right;
	padding:10px 20px;
	text-align:center;
}
#bannimg img{
	height:auto;
	width:100%;
}
#content_text{
	background:url(../../../images/shadow.png) top repeat-x;
	color:#595959;
	padding:20px 30px;
	text-align:justify;
}
.title{
	font-weight:bold;
	text-transform:uppercase;
}
.subtitle{
	background:#630751;
	color:#FFF;
	padding:10px 20px;
	text-align:center;
}
.image{
	font-size:10px;
}
.article{
	float:left;
	min-height: 110px;
	margin-bottom:20px;
	width:50%;
}
.article_2{
	float:left;
	margin-bottom:20px;
	width:70%;
}
.article_img{
	float:left;
	width:45%;
}
.article_img img{
	height:auto;
	width:100%;
}
.article_info{
	float:left;
	font-size:12px;
	margin:0 10px;
	width:50%;
}
.article_info_2{
	float:left;
	font-size:12px;
	margin:0 10px;
	width:60%;
}
.article_title{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.article_info a{
	color:#521A4E;
	font-weight:bold;
	text-transform:uppercase;
}
#article_img{
	float:left;
	height:auto;
	margin-right:20px;
}
#article_img img{
	width:100%;
}
#footlinks{
	float:left;
	margin:24px 0;
}
#footlinks a{
	color:#5A5A59;
	float:left;
	font-weight:bold;
	height:31px;
	margin:0 0 0 30px;
	padding-right:60px;
	padding-top:15px;
}
.lnkinformes{
	background:url(../images/informes.png) top right no-repeat;
}
.lnkanteriores{
	background:url(../images/anteriores.png) top right no-repeat;
}
.lnkdirectorio{
	background:url(../images/directorio.png) top right no-repeat;
}
#mapa{
	background:url(../images/mapa_bg.png) top left no-repeat;
	color:#5A5A59;
	float:right;
	font-size:12px;
	height:75px;
	padding:10px 0;
	width:384px;
}
#mapa span{
	border-right:2px solid #FFF;
	float:left;
	font-weight:bold;
	height:43px;
	padding-right:10px;
	padding-top:32px;
	margin-left:25px;
	margin-right:10px;
}
#mapalnks{
	float:left;
	margin-top:7px;
	width:240px;
}
#mapalnks a{
	color:#5A5A59;
	float:left;
	margin:2px 0;
	width:120px;
}
#delasalle{
	background:url(../../../images/shadow.png) top repeat-x #5A5A5A;
	padding:20px 0;
	text-align:center;
}
@media screen and (max-width:935px){
	nav a{
		margin-right:10px;
	}
}
@media screen and (max-width:910px){
	#footlinks a{
		margin-left:10px;
	}
}
@media screen and (max-width:890px){
	#logo{
		float:none;
		margin:0 auto;
		padding:10px 0;
	}
	nav{
		float:none;
		margin:0 auto 20px 20px;
	}
	#numero{
		float:none;
		width:100%;
	}
	#title span{
		display:block;
		float:none;
	}
	.article_img{
		float:none;
		margin:0 auto;
		width:95%;
	}
	.article_info{
		float:none;
		width:95%;
	}
}
@media screen and (max-width:860px){
	#footlinks{
		display:block;
		float:none;
	}
	#footlinks a{
		margin:0 0 0 10%;
	}
	#mapa{
		display:block;
		background:#e3e5e9;
		float:none;
		width:100%;
	}
	#mapa_wrap{
		margin:0 auto;
		width:380px;
	}
}
@media screen and (max-width:630px){
	header{
		border-top:5px solid #630751;
	}
	#logo{
		border:none;
		margin:0 auto;
		width:262px;
	}
	nav{
		margin:0;
		overflow:hidden;
	}
	nav a{
		border-top:1px solid #CCC;
		clear:both;
		display:block;
		float:none;
		height:14px;
		margin:0;
		padding:8px 20px;
		width:100%;
	}
	nav a span{
		float:left;
	}
	nav a div{
		clear:none;
		float:left;
		margin:1px 0 0 10px;
	}
	#article_img{
		float:none;
		margin:0;
		margin-bottom:20px;
		width:100%;
	}
	#footlinks a{
		margin:0 0 0 5%;
	}
}
@media screen and (max-width:480px){
	.article{
		width:100%;
	}
	#footlinks a{
		display:block;
		float:none;
		height:40px;
		margin:0 auto;
		width:120px;
	}
}
@media screen and (max-width:320px){
	#mapa_wrap{
		overflow:hidden;
		width:320px;
	}
	#mapa span{
		padding-right:5px;
		margin-left:5px;
	}
	#mapalnks{
		width:200px;
	}
	#mapalnks a.shortlnk{
		width:70px;
	}
}