


body{
	background: #000000 url(imagenes/fondo.jpg) top center no-repeat;
}

/**** CSS --- principal  ****************************************************************/


#menu{
	background: url(imagenes/menu_fondo.jpg) top center repeat-x;
	height: 44px;
}

			#menu a#inicio{
				background: url(imagenes/m_inicio.png) top left no-repeat;
				height: 44px;
				width: 63px;
				display: block;
				overflow: none;
				margin: 0 0 0 12px;
				_margin: 0 0 0 6px;
				text-decoration: none;
				float: left;
			}

			#menu a#medios{
				background: url(imagenes/m_medios.png) top left no-repeat;
				height: 44px;
				width: 97px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#acerca{
				background: url(imagenes/m_acerca.png) top left no-repeat;
				height: 44px;
				width: 118px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#accion{
				background: url(imagenes/m_accion.png) top left no-repeat;
				height: 44px;
				width: 118px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#agenda{
				background: url(imagenes/m_compromisos.png) top left no-repeat;
				height: 44px;
				width: 148px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#unete{
				background: url(imagenes/m_unete.png) top left no-repeat;
				height: 44px;
				width: 87px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#galeria{
				background: url(imagenes/m_galeria.png) top left no-repeat;
				height: 44px;
				width: 101px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#blog{
				background: url(imagenes/m_blog.png) top left no-repeat;
				height: 44px;
				width: 79px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#movil{
				background: url(imagenes/m_movil.png) top left no-repeat;
				height: 44px;
				width: 104px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#inicio:hover,
			#menu a#acerca:hover,
			#menu a#accion:hover,
			#menu a#agenda:hover,
			#menu a#medios:hover,
			#menu a#unete:hover,
			#menu a#blog:hover,
			#menu a#movil:hover,
			#menu a#accion:hover,
			#menu a#movil:hover,
			#menu a#galeria:hover,
			#menu a#inicio.onu,
			#menu a#acerca.onu,
			#menu a#accion.onu,
			#menu a#agenda.onu,
			#menu a#medios.onu,
			#menu a#unete.onu,
			#menu a#accion.onu,
			#menu a#movil.onu,
			#menu a#galeria.onu,
			#menu a#blog.onu{
				background-position:0 -44px;
			}			
						
			
	

#barra{
	background: url(imagenes/03.png) right top no-repeat;
	height: 9px;
	margin: 0px;
	padding: 0px;
}

#main{
	background: url(imagenes/main.jpg) top right repeat-y;
	margin: 0px;
	padding: 0px;
}

			#main #left{

			}
			
			#main #right{
				background: url(imagenes/02.png) top right no-repeat;
			}
			
			#main #right #social{
				height: 160px;
			}

			#main #right #social #tels{
				/*background-color: #ae0;*/
				text-align: center;
				width: 230px;
				margin: 10px 0 0 0;
				font-weight: bold;
			}


#foot_barra{
	background: url(imagenes/foot.png) top center repeat-x;
	height: 31px;
	_behavior: url(incluye/iepngfix.htc);
}

		#foot_barra #left{
			float: left;
			margin: 5px 0 0 10px;
			color: #fff;
			font-size: 11px;
			font-family: tahoma;
		}

				#foot_barra #left a{
					text-decoration: none;
					color: #fff;
				}

				#foot_barra #left a:hover{
					color: #ff0;
				}

		#foot_barra #right{
			float: right;
			margin: 5px 10px 0 0;
			color: #fff;
			font-size: 11px;
			font-family: tahoma;
		}

#footer{
	height: 9px;
}


div.thanks{
height:437px;
background: url(imagenes/01.png) right top no-repeat;
}

div.vid{
width: 320px;
height: 265px;
position: relative;
top: 150px;
left: 482px;
}

a{text-decoration: none;color: #2c50a2;	}
a:hover{color: #ff8a00;}


/* //////////////////////////////////////////////////////  */


.entry{width:290px;margin:0 auto;padding: 0 0 10px 0;background: url(imagenes/hline.gif) bottom center repeat-x;}
.entry .fechatiempo{width:70px;float: left; margin:0 5px;text-align:center;}
.entry .mensaje{width:200px;float: left;margin:0 5px;}

.hline{background: url(imagenes/hline.gif) bottom center repeat-x; }

a.pager{ font-size: 12px; display: block; width: 20px; height: 20px; border: solid 1px #ccc;  float: left; line-height: 20px; text-align: center; margin: 15px 5px 0 0;}
a.pager.on, a.pager.on:hover{ font-weight: bold; border: solid 1px #333; color: #000; }
a.pager:hover{ border: solid 1px #ff8a00; }
a.pager.orilla, a.pager.orilla:hover{ border: solid 1px #eaeaea; color: #ccc; background-color: #eaeaea; }


/*////////////////////////////////////////////*/

.soft-gray{background-color:#eee;}
.light-gray{background-color:#ddd;}
.gray{background-color:#ccc;}
.dark-gray{background-color:#aaa;}
.heavy-gray{background-color:#999;}

a.whitelink{color:#fff;}
a.whitelink:hover{color:#aaa;}
