* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    font-family: 'Crimson Text', serif; 
    background: url(..//imagenes/ciudades-y-lagunas-305.jpg);
    background-size:cover;
	background-attachment: fixed;
	background-position:0 0px;
	}

aside {
	background:#c0392b;
	color:#fff;
	position: fixed;
	top: 52px;
	margin-right: 10px;
}

#particles-js {
	width: 100%;
	height:100px;
	position: fixed;
    
}

header {
	width: 100%;
	background-color: #0B3861;
}

header .tittle {
	background-color: #0B3861;
}



.ads-box-right {
	align-content: center;
  	width: 180px;
 	height: 640px;
  	margin: 0px auto;
  	padding: 25px;
  	top: 50%;
	right: 20px;
	position:absolute;
	transition: right 300ms ease-out;
}

.ads-box-right .adsbygoogle {
	margin: 0px auto;
	right: 8px;
	position:absolute;
	transition: right 300ms ease-out;
}

h1 {
	color: white;
	font-size: 250%;
	text-align: left;
}

h3 {
	text-align: center;
	color: black;
}


h4 {
	text-align: justify;
}

.dropdown-menu {
	background-color: #0B3861;
}


.navbar li a {
	color: white;
	font-family: 'Roboto Slab', serif;
}


#navbarDropdown, #navlink {
	color: white;
}

p {
	text-align: justify;
}

.text-center img:hover {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	transition:all .5s ease-in-out;
}
.text-center {
	overflow:hidden;} {
	transition:all .5s ease-in-out;
}


.text-center div {
	width: 700px;
	font-size: 55px;
	position: absolute;
	top: 50%;
	margin-left: 38%;
	transform: translateX(-50%) translateY(-50%);
	color:#fff;
	background-color: rgba(0,0,0,0.4)
 }

.text-center div:hover {
	font-size: 62px;
	}

.text-center p {
	text-align: center;

 }

.row {
	padding: 25px;

 }

.productos {
	align-content: center;

 }

#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:150px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:500002;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
	text-align: center;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}


@media (max-width:480px) {
	.text-center div {
		width: 300px;
		font-size: 29px;
		top: 28%;
		margin-left: 45%;
	}
	
	.tittle h1 p {
		font-size: 80%;
	}
	
	.mensaje p {
		font-size: 100%;
	}
}
	
 	.text-center div:hover {
		font-size: 32px;
}

}

@media (max-width:768px) {
	.text-center div {
		width: 300px;
		font-size: 29px;
		top: 28%;
	}
	
 	.text-center div:hover {
		font-size: 32px;
}

}

@media (min-width:922px) {
	.ads-box-top {
		margin: 0;
	}
	
}