/* 1.COMUN
---------------------------------------------------------------------- */

body{
font-family:arial;
}
p {text-align:center;}
h1 {text-align:center;}
#pagina {width:100%;max-width:1300px;margin:0 auto; padding:40px 0 0 0;}
#header {background:#FFF url(https://www.albergueolocau.com/fotos/monitores.jpg) no-repeat center right; height:260px;text-indent: -9999px;}
#cuerpo {width:100%; max-width: 900px; margin:0 auto;}
#cuerpo p{text-align:left;color: #666;}
#cuerpo h2{text-align:center;color:#3b5998;}
#escrito {width:100%; margin:0 auto;float: left;}
#footer {width:100%;float:left;margin:0 auto;}
#footer p{text-align:center;color:#666;}


/* 2.MONITORES
---------------------------------------------------------------------- */


#monitores {width:100%; margin:0 auto;}
#monitores p{text-align: center;}
#monitores 
/* 3.BOTONES
---------------------------------------------------------------------- */
#slide{width:100%;height:70px;background: #cccccc;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:#666666 url(https://www.albergueolocau.com/fotos/inicio.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-facebook2 {background:#666666 url(https://www.albergueolocau.com/fotos/ifacebook2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-twitter2 {background: #666666 url(https://www.albergueolocau.com/fotos/itwitter2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-feed3 {background: #666666 url(https://www.albergueolocau.com/fotos/iblog2.png) no-repeat center;padding: 1.1em 1.1em;}
.botones ul li a.icon-mail {background: #666666 url(https://www.albergueolocau.com/fotos/imail.png) no-repeat center; padding: 1.1em 1.1em;}
.botones2 ul li a.instalaciones {background: #666666; padding: 0.9em 0.4em;}
.botones2 ul li a.situacion {background: #666666;padding: 0.9em 0.6em;}
.botones2 ul li a.monitores {background: #666666;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:80px 0 0 0;}
#header {display:none;}
#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;}
}