/* 1.COMUN
---------------------------------------------------------------------- */
body{
font-family:arial;
color:#3b5998;
}
p {text-align:center;}
h1 {text-align:center;}
#contenedor {width:100%; max-width:1024px;margin:0 auto;padding:7em 0 0 0;}
#cuerpo {width:100%; margin:0 auto;}
#cuerpo p{text-align:center;}
p a.link {background:#e0611e;color:#FFF;border-radius:10px;padding:5px;text-decoration:none;}
p a.link:hover {background:#FFF;color:#e0611e;}
#footer p{text-align:center;}

/* 2.BOTONES
------------------------------------------------------------------------------------------------ */
#slide{width:100%;height:70px;background: #99ccff;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: #6699cc url(https://www.albergueolocau.com/fotos/inicio.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-facebook2 {background:#6699cc url(https://www.albergueolocau.com/fotos/ifacebook2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-twitter2 {background: #6699cc  url(https://www.albergueolocau.com/fotos/itwitter2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-feed3 {background: #6699cc url(https://www.albergueolocau.com/fotos/iblog2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-mail {background: #6699cc url(https://www.albergueolocau.com/fotos/imail.png) no-repeat center; padding: 1.1em 1.1em;}
.botones2 ul li a.instalaciones {background: #6699cc; padding: 0.9em 0.4em;}
.botones2 ul li a.situacion {background: #6699cc;padding: 0.9em 0.6em;}
.botones2 ul li a.monitores {background: #6699cc;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){
.botones2 {left: 60%;}}
@media only screen and (max-width: 800px){
.botones2 {left: 50%;}}
@media only screen and (max-width: 620px){
#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;}
}