body, html {height: 100%; margin: 0;}
body {font-family: 'Raleway', sans-serif;}

/* 1200px --- */
@media (min-width: 1200px) {
	
}

/* 992 --- 1200px */
@media (min-width: 992px) and (max-width:1199px) {
	
}

/* 768 --- 992px */
@media (min-width: 768px) and (max-width:991px) {
	
}

/* --- 768px */
@media (max-width:767px) {
	
}

a {color: #333;}


#paginaContenedor {height: 100%;}
#marcoContenedor {
	opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s;
	width: 550px; height: auto; max-width: 100%; background-color: #fff; text-align: center;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}

.opacidad {opacity: 0.95 !important;}

#logo {max-width: 75%; width: 650px; padding: 50px;}
#titulo {font-size: 18pt; color: #333;}