/* 1.COMUN
---------------------------------------------------------------------- */
body{background:white;font-family:arial;}
p {text-align:center;}
h1 {text-align:center;}
#pagina {width:100%;height:100%;margin:0 auto;padding:3.8em 0 0 0;}
#header {height:42em;background:url(https://www.albergueolocau.com/fotos/header5.jpg) no-repeat center top;}
#cuerpo {width:22em;margin:0 auto;height:10em;padding-top: 10em;}
#cuerpo a{color:white;font-size: 1.1em;text-align: center;text-decoration: none;display: inline-block;width:9em;height: 1em;padding:6em 0 2em 0; border-radius: 8em;}
#cuerpo a.coles{background: rgba(0, 0, 0, 0.3) url(https://www.albergueolocau.com/fotos/casa.png) no-repeat center;margin-right: 1.7em;}
#cuerpo a.coles:hover{background: rgba(250, 250, 250, 0.1) url(https://www.albergueolocau.com/fotos/casa.png) no-repeat center;transition:all 2000ms ease;}
#cuerpo a.pasardia{background: rgba(0, 0, 0, 0.3)  url(https://www.albergueolocau.com/fotos/correr.png) no-repeat center;}
#cuerpo a.pasardia:hover{background:rgba(250, 250, 250, 0.1) url(https://www.albergueolocau.com/fotos/correr2.png) no-repeat center;transition:all 2000ms ease;}
#footer {display: inline-block;width: 100%;background: #FFF;margin:0 auto;}


/* 2.BOTONES
---------------------------------------------------------------------- */
#slide{width:100%;height:70px;background:#cccc99;position:fixed;top: 0%;left:0%;z-index:1000;}
.botones { position: fixed;top: 0%;left: 30%;margin-left: -175px;width: 100%;z-index: 2000;}
.botones2 { position: fixed;top: 0%;left: 70%;width: 100%;z-index: 2000;}
.botones ul, .botones2 ul {list-style: none;}
.botones ul li, .botones2 ul li {display: inline;}
.botones ul li a, .botones2 ul li a{display: inline-block;color:#fff;background: #000;text-decoration: none;font-size: 1em;}
.botones ul li a { border-radius:2em;}
		
.botones ul li a.inicio {background:#999966 url(https://www.albergueolocau.com/fotos/inicio.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-facebook2 {background:#999966 url(https://www.albergueolocau.com/fotos/ifacebook2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-twitter2 {background: #999966 url(https://www.albergueolocau.com/fotos/itwitter2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-feed3 {background: #999966 url(https://www.albergueolocau.com/fotos/iblog2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-mail {background: #999966 url(https://www.albergueolocau.com/fotos/imail.png) no-repeat center; padding: 1.1em 1.1em;}
.botones2 ul li a.instalaciones {background: #999966; padding: 0.9em 0.4em;}
.botones2 ul li a.situacion {background: #999966;padding: 0.9em 0.6em;}
.botones2 ul li a.monitores {background: #999966;padding: 0.9em 0.5em;}
.botones ul li a.inicio:hover {background:#E5E4F9 url(https://www.albergueolocau.com/fotos/inicio.png) no-repeat center;}
.botones ul li a.icon-facebook2:hover {background:#3b5998 url(https://www.albergueolocau.com/fotos/ifacebook2.png) no-repeat center;}
.botones ul li a.icon-twitter2:hover {background: #00abf0  url(https://www.albergueolocau.com/fotos/itwitter2.png) no-repeat center;}
.botones ul li a.icon-feed3:hover {background: #336666 url(https://www.albergueolocau.com/fotos/iblog2.png) no-repeat center;}
.botones ul li a.icon-mail:hover {background: #E5E4F9 url(https://www.albergueolocau.com/fotos/imail.png) no-repeat center; }
.botones2 ul li a.instalaciones:hover {background: #E5E4F9;}
.botones2 ul li a.situacion:hover {background: #E5E4F9;}
.botones2 ul li a.monitores:hover {background: #E5E4F9;}

/* 3.MEDIA QUERIES
---------------------------------------------------------------------- */
@media only screen and (max-width: 1050px){
.botones2 {left: 65%;}}
@media only screen and (max-width: 900px){
    #header {background:url(https://www.albergueolocau.com/fotos/header6.jpg) no-repeat center top;}
.botones2 {left: 60%;}}
@media only screen and (max-width: 800px){
.botones2 {left: 50%;}}
@media only screen and (max-width: 620px){
#pagina{margin-top: 2em;}
#header {height:25em;background:url(https://www.albergueolocau.com/fotos/header7.jpg) no-repeat center top;}
#cuerpo {width:18em;padding-top: 5em;}
#cuerpo a{width:8em;height: 1em;padding:5.5em 0 1.5em 0;}
#cuerpo a.coles{margin-right: 0;}
#slide{height:110px;}
.botones { position: fixed;top: 0%;left: 50%;margin-left: -170px;}
.botones2 { position: fixed;top: 3.2em;left: 50%;margin-left: -175px;}
.botones ul li a { border-radius:2em;}
.botones ul li a.inicio {padding: 1.5em 1.5em;}
.botones ul li a.icon-facebook2 {padding: 1.5em 1.5em;}
.botones ul li a.icon-twitter2 {padding: 1.5em 1.5em;}
.botones ul li a.icon-feed3 {padding: 1.5em 1.5em;}
.botones ul li a.icon-mail {padding: 1.5em 1.5em;}
.botones2 ul li a.instalaciones {padding: 0.5em 0.4em;}
.botones2 ul li a.situacion {padding: 0.5em 0.6em;}
.botones2 ul li a.monitores {padding: 0.5em 0.5em;}
}