body {
	margin: 0px;
	padding: 0px;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	background-color: #063;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}


a{ text-decoration: none }


.limpio{
	float: none;
	clear: both;
}

div.container{
	width: 993px;
	background-color: transparent;
	position: relative;
	z-index: 2;
}

/*  INICIO CABECERA     */
div.cabecera{
	height: 142px;
	overflow: hidden;
	background-color: #000;
	background-image: url(../img/bg_top.gif);
	background-repeat: repeat-x;
	background-position: 0px 48px;
}
    
    h1 a.enlacePortada{
	overflow: hidden;
	text-indent: -9999px;
	height: 24px;
	width: 133px;
	float: left;
	background-color: transparent;
	background-image: url(../img/h1_consorcio_eder_ribera_navarra_app-trans.gif);
	background-repeat: no-repeat;
	margin-top: 86px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	padding: 0px;
}
    
    ul.mainMenu{
	float: left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	padding: 0;
}
        ul.mainMenu li{ display: inline; list-style: none; float: left; margin-right: 10px; }
            ul.mainMenu li.last{ margin-right: 0 }
          
            ul.mainMenu li a{
			background-color: transparent;
			display: block;
			background-image: url(../img/main_menu-trans.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			width: 101px;
			height: 124px;
			overflow: hidden;
			text-indent: -9999px;
}
            ul.mainMenu li a:hover{ text-indent: -9999px; }

				ul.mainMenu li.appIphone a{
				background-position: 0px 30px;
				background-repeat: no-repeat;
}

				ul.mainMenu li.appIphone a:hover{
				background-position: 0px -74px;
				background-repeat: no-repeat;
}
				ul.mainMenu li.appAndroid a{ background-position: -106px 30px; }
				ul.mainMenu li.appAndroid a:hover{ background-position: -106px -74px; }
						
				ul.mainMenu li.contacto a{ background-position: -213px 30px; }
				ul.mainMenu li.contacto a:hover{ background-position: -213px -74px; }
				
				ul.mainMenu li.registro a{ width: 154px; background-position: -317px 30px; }
				ul.mainMenu li.registro a:hover{ background-position: -317px -74px; }
                
    div.login{
		float: right;
		height: 124px;
		display: block;
		width: 194px;
		background-color: transparent;
		background-image: url(../img/main_menu-trans.gif);
		background-repeat: no-repeat;
		background-position: -475px 30px;
		margin-top: 0px;
		margin-right: 25px;
		margin-bottom: 0;
		margin-left: 0;
		text-decoration: none;
}
    div.login:hover{
	background-position: -475px -74px;
	cursor: text;
}
/*  FINAL CABECERA    */

/*  INICIO LOGIN     */

#area-registro input[type=text] {
	font-family:arial;
	width:143px;
	height:23px;
	padding:0px;
	color:#92979d;
	position:absolute;
	background-color: transparent;
	background-image: url(../img/input.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}	
#area-registro input[type=password] {
	font-family:arial;
	width:143px;
	height:23px;
	padding:0px;
	color:#92979d;
	position:absolute;
	background-color: transparent;
	background-image: url(../img/input.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}	
#area-registro{
font-size:11px;
color:#ffffff;
 
}
#area-registro2 input[type=text] { font-family:arial;  width:130px; height:18px; padding:0px 0px 0px 0px;  background:#fdfbfc;   border:1px solid #edebed;    color:#92979d;  border-style: solid; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; position:relative}	
#area-registro2 input[type=password] { font-family:arial;  width:130px; height:18px; padding:0px 0px 0px 0px;  background:#fdfbfc;   border:1px solid #edebed;    color:#92979d;  border-style: solid; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; position:relative}	
#area-registro2{
font-size:11px;
color:#ffffff;
margin-left:10px;
padding-bottom:5px;
}


.link-area {font-weight:bold;margin-left:235px;text-align:center; display:inline-block; float:left; line-height:27px; background-color:#7c2c83; padding:0 21px 0 15px; text-decoration:none; border-radius:25px;	-moz-border-radius:25px; -webkit-border-radius:25px; cursor:pointer; position:relative; color:#fff;}
.link-area:hover {font-weight:bold;background-color:#7c2c83;text-align:center; text-decoration:none; color:#fff; border:1px solid #e2e1e1}

#apUsr {
	position:absolute;
	width:141px;
	height:22px;
	z-index:5;
	top: 68px;
	right: 54px;
}
#apPass {
	position:absolute;
	width:141px;
	height:22px;
	z-index:6;
	top: 102px;
	right: 54px;
}
/*  FINAL LOGIN    */



/*  INICIO SLIDE     */
.video {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 993px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 383px;
	PADDING-TOP: 0px;
	background-color: transparent;
}
#slider {
}
#slider UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px;
}
#slider LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px;
}
#slider LI {
	WIDTH: 993px;
	HEIGHT: 383px;
	OVERFLOW: hidden;
	background-color: transparent;
}
P#controls {
	POSITION: relative; MARGIN: 0px;
}
#prevBtn {
	POSITION: absolute; TEXT-INDENT: -8000px; MARGIN: 0px; WIDTH: 38px; DISPLAY: block; HEIGHT: 38px; OVERFLOW: hidden; TOP: 130px; LEFT: 23px; background-color: transparent;
}
#nextBtn {
	POSITION: absolute; TEXT-INDENT: -8000px; MARGIN: 0px; WIDTH: 38px; DISPLAY: block; HEIGHT: 38px; OVERFLOW: hidden; TOP: 130px; LEFT: 5px;  background-color: transparent;
}
#nextBtn {
	LEFT: 935px;
}
#prevBtn a {
	WIDTH: 38px;
	DISPLAY: block;
	HEIGHT: 38px;
	background-image: url(../img/arrows-trans-prev.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#prevBtn a:hover {
	background-position: 0px -47px;
	background-color: transparent;
}

#nextBtn a {
	WIDTH: 38px;
	DISPLAY: block;
	HEIGHT: 38px;
	background-image: url(../img/arrows-trans.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#nextBtn a:hover {
	background-position: 0px -47px;
	background-color: transparent;
}
/*  FINAL SLIDE    */




/*  INICIO REDES     */
    ul.enlaces{
	list-style: none;
	float: right;
	clear: both;
	margin-top: 21px;
}
    ul.enlaces li{
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 8px;
}
                ul.enlaces li.last{ margin-right: 0px; }
            ul.enlaces li a{
			float: left;
			display: block;
			height: 30px;
			width: 30px;
			text-indent: -9999px;
			background-color: transparent;
			background-image: url(../img/iconos_redes_sociales-trans.png);
			background-repeat: no-repeat;
			overflow: hidden;
}
                ul.enlaces li.twitter a{
				background-position: -11px -11px;

}
                    ul.enlaces li.twitter a:hover{ background-position: -11px -89px }
				
				ul.enlaces li.facebook a{
				background-position: -42px -11px;
				margin-left: -4px;
}
                    ul.enlaces li.facebook a:hover{ background-position: -42px -89px }
					
				ul.enlaces li.youtube a{ background-position: -78px -11px; margin-left: -4px; }
                    ul.enlaces li.youtube a:hover{ background-position: -78px -89px }
					
				ul.enlaces li.flickr a{ background-position: -113px -11px; margin-left: -3px; }
                    ul.enlaces li.flickr a:hover{ background-position: -113px -89px }
					
					

        div.derecha{ margin-left: 44px }
                

                    
        a.ayuntamiento{ background: url(../images/logo-ayuntamiento-trans.png); margin: 20px 0 0 1px; height: 52px; width: 150px }
		
		        a.contacto{
	background: url(img/buzon-sugerencias.jpg) no-repeat;
	margin: 0px 0 0 407px;
	height: 138px;
	width: 82px
}

div.ocio{ margin-top: 0px }


        div.masInfo h3{ background: transparent url(img/mas-informacion-final-trans.png) no-repeat left 0; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; width: 320px; margin-top: 30px; padding: 4px 7px 1px 5px }
            ul.masInfo{ color: #fff; list-style: none; line-height: 16px; margin: 17px 0 0 5px }
                ul.masInfo a, ul.masInfo a:visited{ color: #fff }
                ul.masInfo span.naranja.bold{ padding: 0 3px }

/*  INICIO CUERPO     */
div.content{
	background-color: #B9B1AF;
	margin: 0px;
	padding: 0px;
	height: 82px;
}

div.contentIzq, div.contentCent, div.contentDrch{ padding: 0 }
    div.contentIzq{ padding-left: 6px; width: 158px }
    div.contentCent{ margin-left: 3px }
    div.contentDrch{ margin-left: 11px }
/*  FINAL CUERPO      */


/*  INICIO COLUMNA CENTRAL  */
div.cabeceraSeccion{
	margin-top: 0px;
	height: 82px;
	overflow: hidden;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.cabeceraSeccion p{ color: #8a8a8a }

div.tituloSeccion{
	overflow: hidden;
	margin-left: 50px;
	margin-top: 21px;
	margin-right: 0px;
	padding: 0px;
	width: 487px;
}
    div.tituloSeccion h2{
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(../img/h2_app_guia_turistica_de_ribera_navarra-trans.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
}

div.tituloSeccion p{ color: #000; font-size: 14px; margin: 6px 10px }

div.cabeceraSlide{
	height: 383px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

/*  FINAL COLUMNA CENTRAL  */

/*  LISTADO DE EVENTOS    */
div.eventos{
	background-color:#fff; overflow:hidden;	
}

ul.listadoEventos{
	margin: 18px 0 0 50px;
}
    ul.listadoEventos li{ float: left; list-style: none; margin-right: 17px; width: 211px; padding: 0; }
        ul.listadoEventos li.last{ margin-right: 0 }

  ul.listadoEventos li h3{ display: block; margin: 0; padding: 0px; width:211; height: 101px; overflow: hidden; }
	
	ul.listadoEventos li h3.app{
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

	ul.listadoEventos li h3.consorcio{
	
}

	ul.listadoEventos li h3.rebiraNavarra{
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

	ul.listadoEventos li h3.reynoNavarra{
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

    ul.listadoEventos li p{
	color: #4D4D4D;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	font-family:"Helvetica", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 12px;
}

    ul.listadoEventos li p a{
	color: #4D4D4D;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	font-family:"Helvetica", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

    ul.listadoEventos li p a:hover{
	color: #999;
	text-decoration: none;
}
/* FINAL LISTADO DE EVENTOS    */