/* 1.COMUN
---------------------------------------------------------------------- */
body{
font-family:arial; 
line-height:1.2em;
text-align:left;
color: #666;
font-size: 100%;
background:#FFF;
}
p {text-align:left;}
.red {font-size:0.9em;color:#6699cc;line-height:1em;}
a.aviso {font-size:0.8em;color: #5e688c;text-decoration:none;}
#pagina {width:100%;max-width:1300px;margin:0 auto;padding: 4em 0 0 0;}
#cuerpo {width:90%;max-width:800px;margin:0 auto;}
#cuerpo h2 {color:#00abf0;padding: 0 0 0.5em 0;line-height:1em;}
#formulario {background:#f7f4f4;width:100%;max-width:30em;display:block;margin:0 auto;}
#formulario h3 {color:#666;text-align:center;padding:0.5em;background:#cccccc;}
#formulario p{text-align: right;}
#formulario p.centrar{text-align:center;font-size:0.9em;}
#formulario p.indicacion {font-size:0.8em;text-align:center;padding-bottom:1em;}
#footer {width:100%;margin:0 auto;display: inline-block;background:white;}
#footer p{text-align:center;color:#666;}
#footer a{width:100%;margin:0 auto;}

/* 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: #d95232;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;}


/* 4.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){
#pagina {padding: 6em 0 0 0;}
#formulario {width:100%;max-width:290px;}
#formulario p{text-align: right;font-size: 0.8em;}
#formulario h3 {line-height:1em;font-size: 1.1em;padding-left: 0.5em;}
#cuerpo h2 {font-size: 1.2em;}
#cuerpo p{font-size: 0.9em;}
#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.8em;}
.botones2 ul li a.monitores {padding: 0.5em 1em;}
}