/*fuentes*/
@font-face
{
font-family: fontfer;
src: url('font/WoodenNickelNF.ttf'); /* , url('fuentes/Channel.eot')IE9+ */
}
.serif {
  font-family: "Times New Roman", Times, serif;
}

.sansserif {

}

.monospace {
  font-family: "Lucida Console", Courier, monospace;
}
body {
  font-family: Arial, Helvetica, sans-serif;
   font-size: calc(1em + 0.5vw);
  
  /*	font:0.8em "Courier New", Courier;*/
margin: 0px;
background:black;
color:white;
}

a {
	text-decoration:none; 
/*	color:#0A0FA2;*/
}
#pantalla{
	position: relative;
	top:0px;
	width: 100%;
/*	max-height: 99%;
	max-width: 98%;
	height: auto;
	width: auto;
*//*	background: red;*/
}
/* MENU MENU */
#top{
	position: fixed;
	top:0;
	left:0;
	/*padding:0.5%;*/
	font-size:25px;
	width: 100%;
	background: #ffffff1b;
	z-index: 100;
}
.men {
 font-size:0.5em;
    /*margin-top: 1%;*/
    text-align: center;
    float: right;
    width: 10%;
    padding-top: 1%;
        color: #ffffff;
    cursor: pointer;
    /*margin-left: 2.4%;
   /* border-radius: 4px;
    box-shadow: 2px 2px 5px black;*/
    }
    
.menM {
    font-size: 0.5em;
    text-align: center;
    padding-top: 11%;
    color: #ffffff;
    cursor: pointer; 
      }
#icoMenu{
position: fixed;
    top: 0.5vh;
    right: 1vw;
    cursor: pointer;
    display: block;
    max-width: 4vw;
    max-height: 4vh;
    width: auto;
    height: auto;
    
}
.logoM{
	float: left;
	width: 50%;
	font-size:2.5vw;
	font-family: fontfer,Courier;
	letter-spacing: 0.15em;
    word-spacing: 0.25em;
    color:#eeeeee
	}
.menuW{
	display:none;
    background-color: #ffffff45;
    position: fixed;
    top: 0px;
    padding: 4vw;
    right: 0px;
}	
.menuM{
	
}
	
/* MENU MENU FIN */


#centro{
/*	background: green;*/
	position: absolute;
	height:100%;
	top:0;
	width: 100%;
}
#contenido{
	position: relative;
	width: 75%;
	margin: auto auto;
	top:50%;
	transform:translateY(-50%);
}
#contenidoG{
	position: relative;
	width: 75vw;
	height:99vh;
	margin: auto auto;
	top:6vh;
}

.trasparente{
	opacity: 0.3;
	position: absolute;
	height:100%;
	width: 100%;
		
}
.fondo{
background: url("img/logowebNuevo.jpg");
background-repeat: no-repeat;
background-position:top;
background-size: contain;
/*margin: 2%;*/	
}

.fotogalP{
	float:left;
	margin: 1%;
	display: block;
	width: 31.3%;
}
.fotogalG{
  	position:fixed;
  	display: block;
    max-width: 95%;
    max-height: 90%;
    width: auto;
    height: auto;
    margin:auto auto;
    border:4px solid white;
	left:50%;
	transform:translateX(-50%);
	
	/*object-fit: contain;
	
	margin:auto auto;*/
}
#fuera{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	display: none;
	
}
#xx{
	font-size:4vh;
	position:fixed;
	top:10px;
	right:10px;
	cursor: pointer;
}
#adelante{
	font-size:7vh;
	position:fixed;
	right:30%;
	cursor: pointer;
}
#atras{
	font-size:7vh;
	position:fixed;
	left:30%;
	cursor: pointer;
	
}
#insta{
	position:fixed;
	bottom:1vh;
	left:1vw;
	width: 5vw;
	height: auto;
	cursor: pointer;
}
#insta2{
	width: 5vw;
	height: auto;
	margin: auto auto;
	cursor: pointer;
}
#sube,#borra{
	position:fixed;
	top:8vh;
	right:1vw;
	width: auto;
	height: auto;
	max-height:5vh;
	max-width:5vw
	cursor: pointer;
}
#sube{
	top:17vh;
}
.falso{
	float:left;
	margin: 1%;
	display: block;
	width: 31.3%;
	opacity: 1;
}
.verdadero{
	float:left;
	margin: 1%;
	display: block;
	width: 31.3%;
	opacity: 0.3;
}
#barraaceptacion{
	position: fixed;
	bottom: 0px;
	right: 0px;
}
.ok{
	cursor: pointer;
}