body, html {
	height: 100%;
}

body{font-family: Helvetica, Arial, sans-serif; color:#979797; margin:0; padding:0; background-color:rgba(255,255,255,1.00);}
@fontface{
	font-family: bebas;
	src:url(../../../fonts/bebas_neue/BebasNeue.otf);}
	
#modal{ position:absolute; background-color:rgba(0,0,0,0.70);height:100%; width:100%; z-index:98;}
#modalInvisible{ position:absolute; background-color:rgba(0,0,0,0.00);height:100%; width:100%; z-index:97;}
	
#anuncio{
	background-color:#FFFFFF;
	border:solid thin #E3E3E3;
	border-radius:10px;
	padding:30px;
	position:absolute;
	text-align:center;
	height:auto;
	width:40%;
	left:0;
	right:0;
	top:30%;
	margin:auto;
	z-index:99;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.20);
}

#anuncios{
	background-color:#FFFFFF;
	border:solid thin #E3E3E3;
	border-radius:10px;
	padding:30px;
	position:absolute;
	text-align:center;
	height:auto;
	width:450px;
	left:0;
	right:0;
	top:35%;
	margin:auto;
	z-index:99;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.20);
}
.show{display:block;}
.hide{display:none;}


.inicio_btn{
	font-size:1.2em;
	color:#979797;
	height:50px;
	width:200px;
	border:solid #979797;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(0,0,0,0.00);
	cursor:pointer;
	
}

.inicio_btn:hover{
	background-color:rgba(255,255,255,0.40);
	color:rgba(202,202,202,1.00);
	border:solid rgba(202,202,202,1.00);
}
#imagenes div {
	height: 284px;
	cursor: pointer;
    box-shadow: 0 0 0 rgba(0,0,0,.5);
    z-index: 2;
    background: #CCCCCC;
    border-left: 1px solid white; 
    border-bottom: 1px solid white;
    position: relative; 
    overflow: hidden;
}
#imagenes div:first-child, #imagenes div:nth-child(7) {
	border-left: none;
}
#imagenes div:hover {
	background: #2e5299
}
#imagenes div img {
    border: none;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;


}
#botonera{
    text-align: center;
    padding: 20px;
}
.opacity {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.link {
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    background: #d54500;
    padding: 5px 10px;
    border-radius: .5em;
}
.link:hover {
    background: #999;
}
#images img{
	height:130px; 
	width:130px;
}
.header img, .modal img {
	display: block !important;
}
.header {
	position: relative;
} 
.header .close-modal {
	position: absolute;
	    right: 20%;
    top: 35%;
}