    @media screen and (-webkit-min-device-pixel-ratio:0)

    {


  		#imgprincipal{
			top: 5px;
			position: relative;
		}
    }

		#imgprincipal{
			//top: 4px;
			//position: relative;
		}


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

.Estilo1 {
	font-size: 9px;
	color:  #B7CC0D;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 8px;
}
.Estilo1b {
	font-size: 12px;
	color:  #B7CC0D;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 8px;
}

.Estilo2 {
	font-size: 9px;
	color:  #95AA00;
	font-family:  Arial, Helvetica, sans-serif;
}

.Estilo15 {
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.Estilo15a {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Estilo15b {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.Estilo15c {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.Estilo16 {
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.Estilo17 {
	color: #B7CC0D;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.Estilo21 {font-family:  Arial, Helvetica, sans-serif;
font-size: 16px}
.Estilo35 {font-family: Arial, Helvetica, sans-serif;
padding-left:3px;
font-size: 13px}
.Estilo36 {font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #B7CC0D;
}


.btn {
	color: #B7CC0D;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight:bold;
    padding:3px;
    border:double;
}

a:link {
	text-decoration: none;
	color: #B7CC0B;
}
a:visited {
	text-decoration: none;
	color: #B7CC0B;
}
a:hover {
	text-decoration: underline;
	color: #B7CC0B;
}
a:active {
	text-decoration: none;
}




/* Scrollbar & content css */

div#scrollbar1{
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn1r	{ 
				position:relative;
   				height: 181px;
				width: 700px;
				float:left;
				background: #ffffff;
				overflow:hidden;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#444444;
				margin-left:40px;
				margin-right:18px;
				margin-top: 5px;
				text-align:justify;				
	}
	
	div#wn1	{
	position:relative;
	height: 181px;
	width: 700px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	margin-left:40px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;			
	}
	
	
div#wn1entero	{
	position:relative;
	height: 290px;
	width: 700px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	margin-left:40px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
	}
	



div#rutas	{
	position:relative;
	height: 150px;
	width: 700px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;
	margin-left:23px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
	line-height:10px;
	left: 40px;
	}


div#lipsumpueblos	{
	line-height: 10px;
}
div#wn2	{
	position:relative;
	height: 85px;
	width: 700px;
	overflow:hidden;
	margin-left:40px;
	margin-right:18px;
	margin-top:15px;
}
	div#wn2 img{
		border: 0px;
	}

div#wn3	{ 
    position:relative; 
    height: 73px;
	width: 570px;
    overflow:hidden;	
	margin-left:23px;
	margin-right:18px;
	margin-top:5px;
}
	div#wn3 img{
		border: 0px;
	}


div#scrollLinks {
	margin-top:7px;	
	margin-left:378px;
}
div#scrollbar1 { 
  position:relative;
  width:20px; height:181px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:20px; height:157px;
  background: #f0f4cf;
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:19px; height:20px;
  background-color:#b7cc0d;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1 img {
    display:block; 
    } 


div#wn1enterosinscroll	{
	position:relative;
	height: 200px;
	width: 400px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;
	margin-left:23px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
	}

div#wn1entero100	{
	position:relative;
	height: 175px;
	width: 700px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	margin-left:23px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
	}


div#wn1enteroescapadas	{
	position:relative;
	height: 290px;
	width: 760px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;
	margin-left:23px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
}
div#scrollbar1entero { 
  display:block; /* initially display:none; to hide from incapable */
  position:relative;
  width:20px; height:281px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1entero { 
  position:absolute; left:0; top:12px;
  width:20px; height:257px;
  background: #f0f4cf;
  }
  
/*fin scrolls*/


/* Easy Slider */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			


	#slider{
		position:relative;
		top:-2px;
		z-index:0;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		border:0;
		margin:0;
		padding:0;
		width:936px;
		height:284px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:282px;
		position:absolute;
		left:11px;
		top:363px;
		}	
	#nextBtn{ 
		left:925px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:282px;
		background:url(easyslider/images/left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(easyslider/images/right.png) no-repeat 0 0;	
		}												

/* // Easy Slider */




/*Calendario*/

/*Nombre del dia*/
.altn  {
	font-family : verdana,arial,helvetica;
	font-size : 10pt;
	color: #ffffff;
	background-color: #666666;
}

/*MES*/
.tit  {
	font-family : verdana,arial,helvetica;
	font-size : 10pt;
	color: #ffffff;
	background-color: #B7CC0D;
	font-weight: bold;
}
/*domingo y sabado*/
.fs	{
	font-family : verdana,arial,helvetica;
	background-color:	#EEEEEE;
	color:	#DD0000;
	font-weight: bold;
	text-align:	center;
    font-size: 10pt;
	}
 /*Dia actual*/
.da	{
	font-family : verdana,arial,helvetica;
	color:	#000000;
	font-weight: bold;
	text-align:	center;
    font-size: 10pt;
	}
 /*Dia normal*/   
.nn	{
	font-family : verdana,arial,helvetica;
	color:	#000000;
	text-align:	center;
    font-size: 10pt;
	}
.nnlink	{
	font-family : verdana,arial,helvetica;	
	color:	#B7CC0D;
	text-align:	center;
    font-size: 10pt;
	}
  
.alta {

	font-family : verdana,arial,helvetica;	
	color: #000000;
	border: double #B7CC0D;
	border-width:1px;
	text-align:	center;
    font-size: 10pt;
}
  
.altalink {

	font-family : verdana,arial,helvetica;	
	color: #B7CC0D;
	border: double #B7CC0D;
	border-width:1px;
	text-align:	center;
    font-size: 10pt;
}

a:link.calen{
	font-family : verdana,arial,helvetica;	
	color: #880000;
	font-size: 10pt;}
a:visited.calen{
	font-family : verdana,arial,helvetica;	
	color: #880000;
	font-size: 10pt;}
a:hover.calen{
	font-family : verdana,arial,helvetica;	
	color: #880000;
	font-size: 10pt;}
	
.calen{
	font-family : verdana,arial,helvetica;	
	color: #880000;
	font-size: 10pt;}
	
td#home_izq{
	padding-left:16px;
	padding-top:76px;
	background-repeat:no-repeat;
}
td#centro{
	padding-bottom:10px;
	padding-top:55px;
}


td{
	background-repeat:no-repeat;
}

div#elige{
	position:relative;
	left:40px;
	top: -5px;
	width: 300px;
}

div#promo1{
	position:relative;
	left:430px;
	bottom: 25px;
	height:60px;
	width: 250px;
}

div#citac{
	position:relative;
	left:60px;
	top: 5px;
	width:100px;
}
div#footer{
	position:relative;
	left:250px;
	width:500px;
	bottom:5px;
}

img{
	border-color:#FFFFFF;
}

div#flashmusica{
	padding-bottom:4px;
	padding-left:47px;
}

img#mapa{
	padding-left:20px;
}

img#menu1{
	padding-left:13px;
}

a:link.footer{	
	color: #FFFFFF;
}
a:visited.footer{	
	color: #FFFFFF;
}


div#container{
	background-image:url(img/fondo_container.png);
	background-repeat:repeat-y;
	width: 980px;
	padding-left: 11px;
	padding-right: 11px;
	position: relative;
}

#participa{
	position:relative;
	background-image:url(img/fondo_participa.jpg);
	width:450px;
	height:60px;
	margin-left:22px;
	margin-top:18px;
	float:left;
}

#ofertas{
	position:relative;
	float:right;
	width:450px;
	height:157px;
	margin-top:11px;
	margin-right:43px;
}


#visitas{

	background-image:url(img/fondo_comentarios_home.jpg);
	width:465px;
	height:86px;
	float:left;
	margin-left:12px;
	margin-top:15px;
}

div#pueblos	{ 
				position:relative;
				width: 700px;
				float:left;
				background: #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#444444;
				margin-left:40px;
				margin-right:18px;
				margin-top: 5px;
				text-align:justify;				
	}

#contacto{
	position:relative;
	float:left;
	width:452px;
	height:59px;
	left:20px;
	top:27px;
	z-index:1;
}
#participa_text{
	position:relative;
	top:25px;
	left:23px;
	width: 375px;
}
#visitas_text{
	position:relative;
	top:6px;
	left:15px;
	padding-bottom:13px;
}
#contacto_text{
	position:relative;
	top:10px;
	left:20px;
}
#video{
	position:relative;
	float:left;
	width:452px;
	height:335px;
	left:10px;
	top:10px;
	display:block;
}
#mapa{
	position:relative;
	float:left;
	width:452px;
	height:335px;
	left:25px;
	top:10px;
	display:block;
}

#likebox{
	position:relative;
	float:left;
	width:457px;
	height:280px;
	left:10px;
	top:20px;
	display:block;
}


#footer_home{
	width: 936px;
	height: 72px;
	clear:both;
	background-image:url(img/fondo_footer.png);
	position: relative;
}

#opciones_mapa{
	padding-left:20px;
}

#comentario{
	width:400px;
	border:double;
	border-color: #b7cc0b;
	position: relative;
	padding:20px;
	margin:25px;
	left:250px;

}

