/* CSS Document */
/* general y header 2007
======================================================*/
* {margin:0; padding:0}
body {
	background-position:top;
	background-repeat:repeat-x;
	color:#6E7677;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../img/00_general/body.png);
	padding-bottom:20px;
	font-size: 0.9em;
	line-height: 120%;
	}
#mstr {
	width:970px;
	margin:auto;
	}
#header {
	width: 970px;
	float: left;
}
#top {
	height:24px;
	text-align:center;
	}
#idio {
	width:78px;
	height:16px;
	margin-left:40px;
	margin-top:20px;
	float:left;
	}
#idio .flag {
	margin-right:3px;
	}
#logos_home {
	height:62px;
	width:653px;
	margin-left:295px;
	}
#logos_home .sobrarbe {
	margin-left:92px;
	}
a img {
	border:none;
}
/* menu 2013
======================================================*/
#ptns_secciones {
	height:30px;
	margin-top:1px;
	width: 970px;
	font-family: 'Raleway', sans-serif;
	font-family: 'Ropa Sans', sans-serif;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 11pt !important;
	font-weight: 700;
	}
#ptns_secciones ul, #ptns_secciones ul li {
	list-style: none;
	display: inline-block;
	height: 30px;
	}
#ptns_secciones ul li {
	width: 138px;
	text-align: center;
	margin: 0;
	float: left;
}
#ptns_secciones a {
	/*color:#FFF;
	opacity: 0.7;*/
	line-height: 30px;
	color: #e5e5e5;
	text-decoration: none;
	background-position: left top;
	display: block;
	width: 138px;
	height: 30px;
	}
#ptns_secciones a:hover {
	color:#FFF;
	opacity: 1;
	background-position: -138px top;
	text-shadow: 0 1px 1px #333;
	}
#ptns_secciones ul.p01_home a {
	background-image: url(../img/home_2013/ptns/01_azul_home.png);
	
}
#ptns_secciones ul.p02_gris a {
	background-image: url(../img/home_2013/ptns/02_gris_comarca2.png);
	
}
#ptns_secciones ul.p03_natura a {
	background-image: url(../img/home_2013/ptns/03_naturaleza2.png);
	
}
#ptns_secciones ul.p04_patrim a {
	background-image: url(../img/home_2013/ptns/04_patrimonio.png);
	
}
#ptns_secciones ul.p05_rutas a {
	background-image: url(../img/home_2013/ptns/05_rutas.png);
	
}
#ptns_secciones ul.p06_depor a {
	background-image: url(../img/home_2013/ptns/06_deportes.png);
	
}
#ptns_secciones ul.p07_guia a {
	background-image: url(../img/home_2013/ptns/07_guia.png);
	
}
#ptns_secciones ul.p08_agenda a {
	background-image: url(../img/home_2013/ptns/08_agenda.png);
	
}
/* conts 2013
======================================================*/
/*font-family: 'Raleway', sans-serif;*/
.banda {
	width: 960px;
	padding: 20px 0;
	float: left;
}
.bandatop {
	padding-top: 40px;
	}
#descubre {
	width: 280px;
	float: left;
}
#descubretop {
	width: 280px;
	height: 322px;
}
#descubre h2#h2desc {
	display: block;
	height: 37px;
	width: 275px;
	text-indent: -5000px;
	background: url(../img/home_2013/descubre_sobrarbe.png) left top no-repeat;
}
#descubre h3 {
	font-family: 'Raleway', sans-serif;
	font-size: 12pt;
	font-weight: 700;
	margin: 12px 0 2px 0;
	/*padding: 16px 0 8px 0;*/
	line-height: 28px;
	display: block;
	height: 28px;
	background: url(../img/home_2013/pestana3.png) left top no-repeat;
}
#descubre h3#h3rutas {
	color:#6D81B9;
	background-position: -60px 0;
	
}
/*#descubre h3#h3rutas .linea {
	width: 45%;
	display: block;
	float: right;
	border-bottom: 2px solid #6D81B9;
	line-height: 12px;
	color:#FFF;
}*/
#descubre h3#h3multi {
	color:#C55538;
	background-position: -120px 0;
}
/*#descubre h3#h3multi .linea {
	width: 65%;
	display: block;
	float: right;
	border-bottom: 2px solid #C55538;
	line-height: 12px;
	color:#FFF;
}*/
#descubre h3#h3rese {
	color:#B1B81D;
	background-position: -90px 0;
}
/*
#descubre h3#h3rese .linea {
	width: 55%;
	display: block;
	float: right;
	border-bottom: 2px solid #B1B81D;
	line-height: 12px;
	color:#FFF;
}
*/
#descubre p {
	font-size: 10pt;
	font-weight: 500;
	line-height: 110%;
	}
#descubre p a {
	color:#6E7677;
	text-decoration: none;
	}
#descubre p a:hover {
	color:#222;
	}
#descubre #multi, #descubre #multi li {
	display: inline-block;
	}
#descubre #multi a {
	color:#C55538;
	text-decoration: none;
	padding: 0 5px 0 8px;
	background: url(../img/home_2013/li_multi_roll.png) 0 7px no-repeat;
	}
#descubre #multi a:hover {
	color:#222;
	background-position: 0 -10px;
	}
.mas {
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/home_2013/mas.png) left top no-repeat;
}
#descubre a:hover .mas {
	background-position: left -18px;
}	
/*-------------------------------------*/
#proponemos {
	width: 280px;
	border-top: 1px solid #C1C4C5;
	padding-top: 20px;
	/*margin-top: 42px;*/
	padding-bottom: 5px;
	/*position: relative;
	top:230px;
	float: left;*/
}
#proponemos h2 {
	color: #BE5D4F;
	color:#56a4a6;
	color:#bec693;
	color:#6eabc7;
	font-family: 'Raleway', sans-serif;
	/*font-family:Georgia, times, serif;*/
	font-size: 18pt;
	font-weight: 700;
	padding-bottom: 15px;
}
#proponemos h3 {
	margin: 0;
	padding: 0;
	background: none;
	color:#464E51;
	font-family: Arial, sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 12px 0 15px 0;
	line-height: 105%;
	}
#proponemos h3 a {
	color:#464E51;
	text-decoration: none;
	}
#proponemos h3 a:hover {
	color: #BE5D4F;
	}

#proponemos a img:hover {
	opacity: 0.7;
}
#slider {
	width: 660px;
	height: 320px;
	background-color: #CCC;
	float: right;
}
#banda_news {
	width: 660px;
	float: right;
	clear: right;
	padding-top: 25px;
}
#news {
	width: 305px; /*290*/
	padding: 0 0 4px 25px;
	float: left;
	border-left: 1px solid #C1C4C5;
	background: url(../img/home_2013/agenda.png) 280px 0 no-repeat;
}
#news h2 {
	color: #e18f00;
	font-family: 'Raleway', sans-serif;
	font-size: 18pt;
	font-weight: 700;
	padding-bottom: 10px;
}
#news h4 {
	color:#333;
	/*max-width: 200px;*/
	padding-bottom: 5px;
	font-family: 'Open Sans Condensed',sans-serif;
	font-size: 11.5pt;
	}
#news h4 a {
	text-decoration: none;
	color:#6D81B9;
	color: #d66c00;
	}
#news h4 a:hover {
	color:#333;
	}
#news #newscroll {
	/*border-top: 1px dashed #CCC;*/
	border-bottom: 1px dashed #CCC;
	height: 180px;
	overflow: auto;
	padding: 5px 0;
	margin-bottom: 10px;
}
#news ul, #news ul li {
	list-style: none;
}
#news ul li {
	padding-bottom: 6px;
	}
#news .fecha {
	line-height: 14px;
	height: 12px;
	padding:4px 0 6px 18px;
	display: block;
	color:#ADB1B1;
	font-family: Verdana, sans-serif;
	background: url(../img/home_2013/reloj.png) left center no-repeat;
	font-size: 9pt;
}
#news .titular {
	font-size: 11pt;
	font-family: Arial, sans-serif;
}
#news .titular a {
	color:#333;
	text-decoration: none;
	}
#news .titular a:hover {
	color:#D64430;
	color: #d98600;
	text-decoration: none;
	}

#sipca {
	width: 295px; /*350*/
	float: right;
	/*border-left: 1px solid #C1C4C5;*/
	padding: 0 0 20px 5px;
}
#sipca h2 {
	color:#748EBF;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	font-size: 18pt;
	padding-bottom: 15px;
	float: left;
}
#sipca h2 .sob {
	color:#ADB1B1;
	font-size: 95%;
	font-weight: 600;
	padding-left: 8px;
	}
#sipca #sip_base {
	color:#6D7677;
	font-weight: 700;
	width: 170px;
	float: left;
	padding-bottom: 15px;
	font-size: 105%;
}
#sipca img {
	float: right;
}
#sipca img:hover {
	opacity: 0.7;
	}

#sipca p {
	width: 165px;
	float: left;
	font-size: 10pt;
	font-weight: 500;
	line-height: 120%;
}
#sipca a {
	color:#6E7677;
	text-decoration: none;
}
#sipca a:hover {
	color:#222;
	}
#sipca a:hover .mas {
	background-position: left -18px;
}
.taco {
	width: 184px;
	float: left;
	margin: 4px;
	background: url(../img/home_2013/taco.png) center bottom no-repeat;
	padding-bottom: 6px;
	}
.tacolor {
	background: #ECEAE4 url(../img/home_2013/taco_esq.png) right top no-repeat;
	width: 176px; /*184*/
	height: 220px;
	padding: 8px 4px 4px 4px;
	position: relative;
}
.tacolor:hover {
	background-color: #767676;
		  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
	}
.tacolor img {
	position: absolute;
	bottom: 4px;
}
.tacolor a {
	text-decoration: none;
	}
/*.tacolor:hover img {
	opacity: 0.8;
	}*/

.taco h3 {
	font-family: 'Raleway', sans-serif;
	color:#323C3E;
	font-weight: 700;
	font-size: 12pt;
	padding: 0 5px 5px 5px;
	}
.taco p {
	padding: 0 5px 10px 5px;
	font-family: 'Arial', sans-serif;
	color:#6F7677;
	font-weight: 500;
	font-size: 9pt;
	line-height: 110%;
	}
.taco img {
	/*margin: 4px;*/
}
.tacolor:hover a h3 {
	color:#FFF;
		  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tacolor:hover a p {
	color:#e6e6e6;
			  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



.ttaco {
	width: 184px;
	float: left;
	margin: 4px;
	background: url(../img/home_2013/taco.png) center bottom no-repeat;
	padding-bottom: 6px;
	}
.ttacolor {
	width: 176px; /*184*/
	height: 220px;
	padding: 8px 4px 4px 4px;
	position: relative;
	border:1px solid #CCC;
	border-radius: 4px;
	}
.ttacolor:hover {
	background-color: #767676;
		  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-color: #999;
	box-shadow: none;
	}
.ttacolor img {
	position: absolute;
	bottom: 4px;
}
.ttacolor a {
	text-decoration: none;
	}
.ttaco h3 {
	font-family: 'Raleway', sans-serif;
	color:#323C3E;
	font-weight: 700;
	font-size: 12pt;
	padding: 0 5px 5px 5px;
	}
.ttaco p {
	padding: 0 5px 10px 5px;
	font-family: 'Arial', sans-serif;
	color:#6F7677;
	font-weight: 500;
	font-size: 9pt;
	line-height: 110%;
	}
.ttaco img {
	/*margin: 4px;*/
}
.ttacolor:hover a h3 {
	color:#FFF;
		  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ttacolor:hover a p {
	color:#e6e6e6;
			  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}





.boton {
	width: 180px;
	height: 80px;
	margin: 5px;
	border:1px solid #CCC;
	box-shadow: 0 2px 2px #CCC;
	background: #FFF;
	float: left;
	text-decoration: none;
	opacity: 0.85;
	border-radius: 4px;
}
.boton:hover {
	border-color: #999;
	box-shadow: none;
	/*box-shadow: 0 2px 2px #999;*/
	opacity: 1;
	}
.boton.radio h4 {
	font-family: 'Raleway', sans-serif;	
	font-weight: 500;
	color:#333;
	padding-top: 10px;
	font-size: 14pt;
	line-height: 105%;
}
.boton.radio p {
	font-family: Arial, sans-serif;
	color:#FF6600;
}

.boton.radio img {
	float: left;
	margin: 0 10px 0 5px;
	}
.boton.continua p, .boton.espiello p, .boton.sobr 	p {
	color:#6E7677;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	line-height: 105%;
}
.boton.renovarte img {
	float: left;
	margin-left: 2px;
}
.boton.renovarte p {
	color:#6E7677;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	line-height: 105%;
	padding: 18px 3px 0 6px;
}
.boton.espiello, .boton.sobr {
	text-align: center;
}
.boton.sobr img {
	margin: 10px 0 6px 0;
	}
.boton:hover p {
	color:#4b4b4b;
	}
	
/*footer 2013
======================================================*/
#footer_home .foot_line, #footer_home .legal {
	line-height: 95%;
	padding-bottom: 10px;
	text-align: left;
}
#footer_home .footdatos {
	float: left;width: 550px;
	padding: 10px 0 0 0;
}
#footer_home #w3center {
	float: left;
	margin-left: 20px;
	width: 90px;
	padding-top: 10px;
}
#footer_home .faceb {
	float: right;
	/*padding: 10px 0 0 0;*/
	width: 260px;
	text-align: right;
	}
#footer_home .facebookfooter {
	font-size: 13px;
	padding-right: 44px;
	background: url(../img/home_2013/facebook.png) right top no-repeat;
	line-height: 110%;
	height: 40px;
	display:inline-block;
	text-decoration: none;
	margin: 10px 0;
	color:#666;
}
#footer_home .facebookfooter:hover {
	opacity: 0.7;
	}

/* footer 2007
======================================================*/
#footer_home {
	width:960px;
	float: left;
	margin-top:20px;
	font-size:0.7em;
	color:#666666;
	text-align:center;
	border-top:1px solid #CCCCCC;
	padding-top:10px;
	padding-bottom: 30px;
	}
#footer_home a {
	color:#333;
	text-decoration:none;
	}
#footer_home a:hover {
	color:#999;
	}