body{margin-top:2px; background-color:#EAF0E1;}
#container {width: 96%; margin-top:0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 11pt; font-family:Arial;}
#cabecera {width: 100%; height: auto; margin-top:10px;}
#cabecera_logo, #cabecera_logoc {float:left; padding-top:7px; height: 78px; background-color: #E1E6D2; box-shadow: 0px 0px 15px #000; border-radius: 15px 0px 0px 15px;}
#cabecera_tit, #cabecera_titc {float:left; padding-top: 7px; height: 78px; background-color: #E1E6D2; border-radius: 0px 15px 15px 0px;}
#cabecera_tit {width: 75%;}
#cabecera_logo {width: 25%;}
#cabecera_logoc {width: 35%;}
#cabecera_titc {width: 65%;}
#mdr, #mdr ul, #mdr ul li,
#mdr ul li ul, #mdr ul li ul li {
margin:0;
padding:0;
overflow: visible;
width: auto;
border-radius: 8px;
background: #808080;
box-shadow: 0px 5px 10px #E1E6D2;
}
#mdr{
list-style:none;
margin-bottom:10px;
display: inline-block;
text-align:center;
width:100%;
position:relative;
z-index:15;
}
#mdr li{
margin-top:3px;
margin-bottom:3px;
margin-right:3px;
margin-left:3px;
position:relative;
float:left;
}
#mdr a{
display:block;
padding:5px;
color:#A00002;
background:#ECECEC;
font-family:Arial;
text-decoration:none;
border-radius: 5px;
box-shadow: 0px 0px 6px #E1E6D2;
}
#mdr a:hover{
color:#A00002;
background:#246F49;
text-decoration:underline;
}
#mdr ul{
background:white;
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px;
z-index:20;
text-align:center;
}
#mdr ul li{
padding-top:0px;
float:none;
text-align:left;
width:auto;
}
.text1{font-size:12pt;}
#mdr ul a{white-space:nowrap;}
#mdr li:hover ul{left:0;}
#mdr li:hover a{background:#fff;text-decoration:underline;}
#mdr li:hover ul a{text-decoration:none;}
#mdr li:hover ul li a:hover{background:#CCCCCC;}
#d_m {float: left; width: auto; height: auto; padding-top: 15px;}
#c_nav {width:auto; height: 25px; padding-top: 15px; float: left;}
#c_nav2 {width:100%; height: 25px; padding-top: 15px; float: left;}
#d_m2 {float: right; width: auto; background-color:#808080; border-radius: 8px; clear:right;}
#d_m2 ul{margin: 0px; padding: 0px; list-style: none; line-height: normal; }
#d_m2 li{height: 15px; float: right; padding: 3px 3px; background-color:#ECECEC; margin :5px 5px 5px 5px; border-radius: 8px;}
#cont_present {width: 100%; height: auto; float: left; text-align:justify; padding: 4px 0px 4px 2px;}
#po, #pa, #pi {width:31%; padding-top:4px; height: auto; float:left; text-align: center;}
#po, #pa {margin-right:36px;}
#pi {margin-right:0px;}
#cont_info {width:50%; padding: 3px; height: auto; float: left; background-color: #E1E6D2; clear: both;}
#cont_info2 {width:100%; margin-top: 10px; padding: 3px; height: auto; float: left; background-color: #E1E6D2; clear: both;}
#cont_extras, #cont_ofertas {width:24%; padding-top:10px; margin-left:7px; height: auto; float: left; background-color: #E1E6D2;}
#cont_upt {width:50%; margin-top: 10px; height: auto; float: left; padding-top: 5px; font-size: 10pt; text-align: left;}
#cont_50 {width:50%; height: auto; float: left; padding-top: 5px; font-size: 10pt; text-align: center;}
a img {border: none;}
A:link.l1{font-size:12pt;color:#800000;font-style:normal;font-family:Arial;text-decoration:none}
A:hover.l1{font-size:12pt;color:#0000FF;font-style:normal;font-family:Arial;color:#0000FF;background-color:#EEEECC;text-decoration:underline}
A.l1{font-size:12pt;color:#C66355;font-style:normal;font-family:Arial;text-decoration:none;}
A:link.l2{font-size:11pt;color:#800000;font-style:normal;font-family:Arial;text-decoration:none}
A:hover.l2{font-size:11pt;color:#0000FF;font-style:normal;font-family:Arial;color:#0000FF;background-color:#EEEECC;text-decoration:underline}
A:link.b1{font-size:14pt;color:#800000;font-style:normal;font-family:Arial;text-decoration:none;font-weight:bold;}
A:hover.b1{font-size:14pt;color:#0000FF;font-style:normal;font-family:Arial;color:#0000FF;background-color:#EEEECC;text-decoration:underline;font-weight:bold;}
A.b1{font-size:14pt;color:#C66355;font-style:normal;font-family:Arial;text-decoration:none;font-weight:bold;}
A.l2{font-size:11pt;color:#C66355;font-style:normal;font-family:Arial;text-decoration:none}
A.tel{font-size:11pt;color:#180797;font-style:normal;font-family:Arial;text-decoration:none; cursor:default}
A.tel2{font-size:11pt;color:#000000;font-style:normal;font-family:Arial;text-decoration:none; cursor:default}
h1 {text-align: left; font-size: 14pt;}
h1, h2, h3, h4 {font-family:"Arial Black"; color: #2A4327; margin-top: 5px;}
h2, h3, h4 {font-size: 10pt; text-align: center;}
#c_b {width:100%; clear: both; padding-top: 5px; text-align: justify;}
#pie {width:100%; clear: both; padding-top: 20px; text-align: center;}
#cont_casa1 {width:52%; margin-top: 10px; height: auto;	float: left; background-color: #E1E6D2; padding: 2px 4px 0px 4px; clear:left;}
#cont_fotos1 {width:100%; margin-top: 20px; height: auto; float: left;  text-align:justify;}
#map {width:30%; margin-top: 10px; padding-top: 5px;  padding-left: 0px;  padding-right: 0px; margin-right: 4px; height: auto; float: left; text-align: center;}
#cont_map {width:48%; margin-top: 5px; height: auto; float:left; text-align: left; clear: left; text-align:justify; padding: 4px 4px 4px 4px;}
#llegar {width:68%; margin-top: 10px; height: 300px; float: right; text-align: center; padding: 4px 4px 4px 4px;}
#sit_coor {width:100%; margin-top: 10px; height: auto; float: left; background-color: #E1E6D2; padding-top: 5px; text-align: justify;}
#pre1 {width:52%; padding-top: 4px; padding-right: 4px; padding-left: 4px; margin-top: 10px; height: auto; float: left; text-align:center; clear:left;}
#pre2 {width:45%; padding-top: 4px; padding-right: 4px; padding-left: 4px; margin-top: 10px; height: auto; float: left; text-align:center; margin-left: 10px;}
#dis1 {width:52%; height: auto; float: left; text-align: center; clear:right; padding: 2px 4px 0px 4px;}
#dis2 {width:46%; height: auto; float: right; text-align: left; padding: 2px 4px 0px 4px;}
#dis3 {width:52%; height: auto; float: left; text-align: center;  clear:left; padding: 2px 4px 0px 4px;}
#dis4 {width:46%; height: auto; float: right; text-align: left; padding: 2px 4px 0px 4px;}
#faq {width:46%;  margin-top: 10px; height: auto; float: right; text-align: left; padding: 4px 4px 4px 4px;}
#rib1 {width:40%; padding-top: 4px; padding-right: 4px; padding-left: 4px; margin-top: 10px; height: auto; float: left; text-align:left; clear:left;}
#rib2 {width:57%; padding-top: 4px; padding-right: 2px; padding-left: 2px; margin-top: 10px; height: auto; float: left; text-align:center; margin-left: 10px;}
#cont_rib {width:99%; height: auto; margin-top:10px; float:left; text-align: left; background-color:#E1E6D2; padding: 4px 4px 4px 4px;}
#parr-l {width:49%; padding-top: 8px; padding-left: 4px; margin-right: 4px; height: auto; float: left; text-align:left; clear:right; }
textarea {resize: vertical; min-height: 100px; resize: horizontal; min-width: 300px;} 
.nob {border:none;}
.borde {border: 1px solid green;}
span.resaltar {background-color: #C0C0C0;}
span.a{font-size:10pt;}
span.b{font-size:12pt; font-weight: normal;}
span.n{font-size:11pt; font-weight: bold;}
span.ro{color:#FF0000;}
span.sub{text-decoration:underline;}
span.tachado{text-decoration:line-through;}
.text10{font-size:10pt;}
.text12n{font-size:12pt; font-weight:bold;}
.text12ns{font-size:12pt; font-weight:bold; text-decoration:underline;}
.text12{font-size:12pt;}
.text14{text-align: center; font-size:14pt; font-style: italic;}
.text14l{text-align: left; font-size:14pt; font-style: italic;}
.text_tit {font-size: 12pt; margin-top: 30px; text-align: center; font-family:"Arial Black"; color: #2A4327;}
.recort img:hover {border-radius: 20% 40%;  box-shadow: 0px 0px 15px #000; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;  }
.recort img {padding:5px; background: #E1E6D2; -webkit-transition: all 1s; -o-transition: all 1s; border-radius: 15px 15px 15px 15px; box-shadow: 0px 0px 10px #000;}
img.curva {border-radius: 15px 15px 15px 15px; box-shadow: 0px 0px 10px #000;}    
#singulares, #parques, #embalses, #hoces {width: 24%; margin-left: 5px; padding-left: 5px;}
.c_cur {float: left; height:auto; box-shadow: 0px 0px 15px #000; border-radius: 10px 10px 20px 20px; background-color: #E1E6D2; margin-top: 10px;}
.c_somb {box-shadow: 0px 0px 15px #000; border-radius: 15px 15px 15px 15px;}
#desc_lu {width:100%; height:auto; float: left; text-align: justify; padding-left: 2px;}
#f1, #f3, #f2, #f4 {width:50%; height: auto; float: left; text-align: center; margin-top: 10px;}
#f1, #f3 {clear:left;}
@-webkit-keyframes fadeIn {0% {opacity: 0;}
	50% { opacity: 0;	}
	100% { opacity: 1;}
}
#box {text-align: left; width: 100%;	margin: 5px auto 0 auto; background: #000; overflow: hidden; border: 5px solid #000; -webkit-box-shadow: #131313 0px 2px 10px; -moz-box-shadow: #131313 0px 3px 10px; box-shadow: #131313 0px 3px 10px;	 -webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s; -webkit-border-radius: 10px;}
ul#slider{-webkit-border-radius: 10px; margin: 0px; padding: 0px; list-style: none; position: relative; width: 565px; height: 376px; overflow: hidden;}
ul#thumb {overflow: none; margin: 0px 0px 0px 0px; 	padding: 0px; 	list-style: none; position: relative; background: #000; overflow: auto; width: 100%;}
ul#thumb a {-webkit-transition: opacity .2s ease-in-out; border: 1px solid #979797; width: 108px; 	height: 71px; 	display: block; overflow: hidden; float: left; margin: 3px 0px 0px 3px; opacity: 0.75;}
ul#thumb a:hover {opacity: 1;} 
ul#slider li {width: 100%; height: 390px; position: absolute;}
ul#slider li p {position: absolute; 	bottom: 0; left: 0; z-index: inherit; color: #fff; background: rgba(0, 0, 0, .5); width: 100%;}
ul#slider li p span {line-height: 1.2em; padding: 10px; display: block;}
@-webkit-keyframes moveTarget {0% {left:-700px;}100% { 	left:0px;}}
ul#slider li:target {-webkit-animation-name: moveTarget; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; top:0px; left: 0px; z-index: 10;}
@-webkit-keyframes moveIt {0% {left:0px;	}50% {left:700px;}100% { left:-700px;	z-index: 5;	}}
ul#slider li:not(:target) {-webkit-animation-name: moveIt; -webkit-animation-duration: 1.5s;  -webkit-animation-iteration-count: 1; top:0px; 	left: 0px; }
#dslid {width:45%; padding-top: 3px; padding-right: 4px; margin-top: 2px; height: auto; float: left; text-align:center; clear:right; margin-left: 10px; margin-right: 2px;}
@media screen and (max-width:1200px) {
#container {width: 100%;}
#d_m {padding-top: 15px; margin-right:5px;}
#po,#pa,#pi {width:30%;}
#cont_ofertas,#cont_extras {width:24%; margin-left:5px;}
img{ max-width:100%; height:auto;}
#cont_casa1{width:44%;}
#map {width:25%;}
#dslid {width:54%; padding-right: 0px; margin-left: 3px; margin-right: 0px;}
#pre1, #pre2 {width:48%;}
#dis3 {width:50%;}
#dis4 {width:45%;}
#faq {width:100%;}
#cabecera_logo, #cabecera_logoc { background-color: #E1E6D2; box-shadow: 0px 0px 15px #000; border-radius: 15px 0px 0px 15px;}
#cabecera_tit, #cabecera_titc {float:left; padding-top: 7px; height: 78px; background-color: #E1E6D2; border-radius: 0px 15px 15px 0px;}
#cabecera_tit {width: 75%;}
#cabecera_titc {width: 65%;}
A:link.l1{font-size:11pt;}
A:hover.l1{font-size:11pt;}
A.l1{font-size:11pt;}
#mdr li{margin-right:2px; margin-left:2px;}
#mdr a{padding:4px;}
#singulares, #parques, #embalses, #hoces {width: 24%; margin-left: 5px; padding-left: 1px;}
}
@media screen and (max-width:700px) {
#container {width: 100%; line-height: 20pt;}
#po {width:99%; padding-top: 4px; height: auto; float: left; clear: both; text-align: center; margin-right:0px;}
#pa,#pi  {width:99%; padding-top: 4px; height: auto; float: left; text-align: center; margin-right:0px;}
#cont_present {text-align: justify;}
#cont_info {width:100%; height: auto; text-align: justify;}
#cont_upt,#cont_25,#cont_50 {width:100%; float: left; text-align: left;}
#cont_ofertas,#cont_extras {width:47%; margin-top:10px;}
#cont_extras {margin-left:10px;}
#cabecera_logo, #cabecera_logoc {width: 100%; height: auto; box-shadow: 0px 0px 15px #000; border-radius: 15px 15px 0px 0px;}
#cabecera_tit, #cabecera_titc {width: 100%; height: auto; border-radius: 0px 0px 15px 15px;}
#cont_25 {font-size: 8pt;}
#cont_casa1,#cont_fotos1,#map {width:100%;}
#cont_map,#llegar {width:100%;}
#pre1,#pre2,#dis1,#dis2,#parr-l,#rib1,#rib2 {width:100%; margin: 5px 0px 0px 0px;}
#singulares,#parques,#embalses,#hoces {width: 100%; margin-left: 0px; padding-left: 0px;}
img{ max-width:100%; height:auto;}
h1 {margin-top: 5px; font-size: 12pt;}
.text_tit {font-size: 10pt; margin-top: 5px;}
#c_nav, #c_nav2 {height: auto; clear:left; float:left;}
#desc_lu {width:100%; height:auto; float: right; text-align: justify;}
#f1, #f3, #f2, #f4 {width:100%;}
#dslid{width:98%; margin:0px;}
#dis3, #dis4 {float: left; width:100%; margin: 5px 0px 0px 0px;}
#dis4 {line-height: 24pt;}
#faq {width:100%;}
A.tel{background-color:#EEEECC;cursor:auto}
A.tel2{font-size:11pt;color:#000000;font-style:normal;font-family:Arial;text-decoration:none; background-color:#EEEECC;cursor:auto}
}