* {
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	padding-right: 5px;
}
body{
	margin-top:10px;
	margin-bottom:10px;
	background-color:#CCCCCC;
	text-align:center;
	background-image:url(images/background.gif);
}

  #center{
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 980px;
	text-align: left;
	background-color:#fff;
	text-align:left;
  }

  #middle{
	width:665px;
	background-color: transparent;
	display:block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
  }

   #header{
	background-color: #FFFFFF;
	height: 125px;
	width: 980px;
	display:flex;
	background-image: url(images/header.gif);
	font-size:24px;
   }

   #footer{
	background-color: #7b9619;
	position: relative;
	height: 45px;
	width: 980px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	overflow:hidden;
	background-position: center;
   }


#postal{
	color:#FFFFFF;
}

#fpostal{
	border: 1px solid #FFFFFF;
}



#content{
	background-image: url(images/background2.gif);
	background-repeat:repeat-y;
	margin: 9px 0px 0px 0px;
}
h1{
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size:21px;
	font-weight: bolder;
	font-variant: normal;
	color: #546a05;
	margin:12px 0px 0px 120px;
	position:absolute;
	display:block;
}
h2{
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size:16px;
	font-weight: bolder;
	font-variant: normal;
	color: #546a05;
	margin:38px 0px 0px 150px;
	display:block;
	position:absolute;
}

.informacion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:10px;
	color: #8e8e8e;
}

#logo{
	margin-left:16px;
	margin-top:9px;
	position:absolute;
}
#headerimage{
	margin-left:640px;
	margin-top:4px;
	position:absolute;
}
#navtop{
	margin-left:17px;
	margin-top:80px;
	position:absolute;
}
#navtop a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #546a05;
	text-decoration: none;
	display:inline;
	padding-bottom:6px;
}

#navtop a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D6D17F;
	background-position:center;
	text-decoration: none;
	display:inline;
	padding-bottom:6px;
}

#leftside{
	float: left;
	width: 157px;
	background-color: transparent;
}
#navlist{
	list-style-type: none;
	padding-left:6px;
	padding-top:14px;
}
#navlist a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #546a05;
	text-decoration: none;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 10px;
	display:block;
	padding-bottom:6px;
}
#navlist a:hover{
	color: #869352;
	text-decoration:underline;
}
#members{
	height: 208px;
	width: 130px;
	margin-left: 16px;
	margin-top: 20px;
	display:block;
	border: 1px solid #a7b96a;
	text-align:center;
}
.intext{
	height: 17px;
	width: 114px;
}
#submit{
	margin-top:15px;
	margin-bottom:15px;
	border: 1px solid #869352;
	background-color: #d8e6a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4a5e03;
	cursor: pointer;
}
#submit:hover{background-color: #fff;}
#members span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #728e0e;
	background-color:#d8e6a2;
	display:block;
	padding:3px;
}
#members span.info{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	background-color:#fff;
}
#members a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #546a05;
	text-decoration: none;
	display:block;
	padding-bottom:6px;
	text-decoration:underline;
}
#members a:hover{
	color: #869352;
}
#callbox{
	width:132px;
	height: 46px;
	background-image:url(images/callbox.gif);
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 20px 16px;
	text-align:center;
}
#callbox div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;	
	padding-top:10px;
}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #444444;	
	padding: 10px 10px 10px 0px;
}

#middle a,#rightside a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #8e8e8e;
}
#middle img{
	float:left;
	margin: 10px 10px 0px 0px;
}


#articulo{
	width:820px;
	background-color: transparent;
	display:block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#articulo a,#rightside a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #8e8e8e;
}
#articulo img{
	float:left;
	margin: 10px 10px 0px 0px;
}



#line{
	width:650px;
	height:2px;
	display:block;
	background-color: #fff;
	border-top:1px dashed #869356;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}


#line1{
	width:650px;
	height:2px;
	display:block;
	background-color: #F7F6DF;
	border-top:1px dashed #869356;
}


#line2{
	width:190px;
	height:5px;
	display:block;
	background-color: #fff;
	border-top:1px dashed #869356;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}


h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #6f8912;
	height:10px;
}
h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #6f8912;
	height:10px;
	padding: 5px 0px 5px 0px;
}
h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #6f8912;
	padding: 10px 0px 0px 0px;
	display:block;
}
#rightside{
	float: right;
	width: 200px;
	background-color: transparent;
}
#middleleft{
	float:left;
	width: 147px;
}
#middleright{
	float:right;
	width: 210px;
	padding: 0px 5px 5px 10px;
}
#forlinks{
	border-bottom: 1px dashed #4a5e03;
}
#forlinks a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #869352;
	text-decoration: underline;
	background-image:url(images/forbullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left: 10px;
	display:block;
	padding-bottom:6px;
}
#forlinks a:hover{color: #4a5e03;}
#middleright a{
	font-weight: bold;
	color: #4a5e03;
}
#middleright p a{	
	font-weight: normal;
	color: #8e8e8e;	
}
#middleleft a{
	font-weight: bold;
	color: #4a5e03;
}
#middleleft p a{	
	font-weight: normal;
	color: #8e8e8e;	
}
#rightside a{
	font-weight: bold;
	color: #4a5e03;
}
#rightside p a{	
	font-weight: normal;
	color: #8e8e8e;	
}
#cleaner{
	clear: both;
	background-color: #FFFFFF;
	height: 10px;
	width: 778px;
	overflow:hidden;
}
#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;
}
.celdagrande
 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#336600;
  font-size:11px;
  
 }
.celdaviso
 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#336600;
  font-size:12px;
 }
.Error
{
	font-size:10pt;
	color:#FF0000;
}
.notificacion 
   { 
	 font-size:small;
	 color:#009900;
   }

.noticia  {cursor:pointer;}

.formularios
 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: smaller; 
 }
 .celdamenu
{
	background:url("fondomenu.jpg") center top no-repeat;
	width:200px;
	height:40px;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:bottom;
	text-decoration: none;
	color:#000000;
	padding-top:10px;
	display:block;
}
.celdamenu:hover
{
	background:url("fondomenuhover.jpg") center top no-repeat;
	width:200px;
	height:40px;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color:#000000;
	padding-top:10px;	
	display:block;
}

#otrosarticulos a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
	line-height:90%;
}

.titulotabla 
{
	font-size:11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
    color:#000000;
	font-weight:bold;
}


.celdatabla 
{
	font-size:9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
}

.titulocolumna  
{
	font-size:10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
    color:#000000;
}



/* Estilos de loader */
/* Centra el loader */
.Cargando {
  position: fixed;
  z-index: 999;
  height: 0.8em;
  width: 0.8em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Crea el overlay */
.Cargando:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
}

/* :not(:required) hides these rules from IE9 and below */
.Cargando:not(:required) {
  /* hide "Cargando..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.Cargando:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 0.4em;
  height: 0.4em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.89) 1.5em 0 0 0,
					  rgba(0, 0, 0, 0.89) 1.4em 0.6em 0 0,
					  rgba(0, 0, 0, 0.89) 1.1em 1.1em 0 0,
					  rgba(0, 0, 0, 0.89) 0.6em 1.4em 0 0,
					  
					  rgba(0, 0, 0, 0.89) 0 1.5em 0 0,
					  rgba(0, 0, 0, 0.89) -0.6em 1.4em 0 0,
					  rgba(0, 0, 0, 0.89) -1.1em 1.1em 0 0,
					  rgba(0, 0, 0, 0.89) -1.4em 0.6em 0 0,
					  
					  rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
					  rgba(0, 0, 0, 0.5) -1.4em -0.6em 0 0,
					  rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0,
					  rgba(0, 0, 0, 0.5) -0.6em -1.4em 0 0,
					  
					  rgba(0, 0, 0, 0.89) 0 -1.5em 0 0,
					  rgba(0, 0, 0, 0.89) 0.6em -1.4em 0 0,
					  rgba(0, 0, 0, 0.89) 1.1em -1.1em 0 0,
					  rgba(0, 0, 0, 0.89) 1.4em -0.6em 0 0;

  box-shadow: rgba(0, 80, 120, 0.89) 1.5em 0 0 0,
              rgba(0, 75, 125, 0.89) 1.4em 0.6em 0 0,
              rgba(0, 70, 130, 0.89) 1.1em 1.1em 0 0,
			  rgba(0, 65, 135, 0.89) 0.6em 1.4em 0 0,
			  		  
			  rgba(0, 60, 140, 0.89) 0 1.5em 0 0,
			  rgba(0, 55, 145, 0.89) -0.6em 1.4em 0 0,
			  rgba(0, 50, 150, 0.89) -1.1em 1.1em 0 0,
			  rgba(0, 45, 155, 0.89) -1.4em 0.6em 0 0,
			  
			  rgba(0, 40, 160, 0.89) -1.5em 0 0 0,
			  rgba(0, 35, 165, 0.89) -1.4em -0.6em 0 0,
			  rgba(0, 30, 170, 0.89) -1.1em -1.1em 0 0,
			  rgba(0, 25, 175, 0.89) -0.6em -1.4em 0 0,
			  
			  rgba(0, 20, 180, 0.89) 0 -1.5em 0 0,
			  rgba(0, 15, 185, 0.89) 0.6em -1.4em 0 0,
			  rgba(0, 10, 190, 0.89) 1.1em -1.1em 0 0,
			  rgba(0, 5, 195, 0.89) 1.4em -0.6em 0 0;
}

/* Animación */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
 
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@media (max-width:980px)
 {
   #center { width:100% }

   #content { width:95%; padding-left:10px}  
   #middle { width:100%;padding-left:10px } 
   
   #rightside {display:none}
   #header {width:auto;overflow:hidden;position:relative}
     #navtop {display:none}
	 
   #footer {overflow:hidden;position:relative}
   
   .noticia  {font-size:16pt}
   
   .noticiaDetallada {font-size:16pt}

 }