html, body {
    height: 100%;
}

@font-face {
    font-family: quicksandbold;
    src: url(../fonts/Quicksand_Bold.otf);
}
@font-face {
    font-family: quicksandbook;
    src: url(../fonts/Quicksand_Book.otf);
}

body {
	//font-family: 'Quicksand', sans-serif;
	font-family:quicksandbook;
	font-size:large;
}

h1,h3 {
	font-family:quicksandbold;
}
hr {
	border:0px;
}

.no-margin {
	margin:0px;
	padding:0px;
}
.verde {
	color:#00A19A;
}
.blanco {
	color:#ffffff;
}
.negro {
	color:#000000;
}
.fondogris {
	background-color:#dddddd;
}
.fondodegradado {
	background-image:url(../imagenes/degradado.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}
.fondodonde {
	background-image:url(../imagenes/fondodonde.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}
.fondorecepcion {
	background-image:url(../imagenes/recepcion.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}
.rayado {
	border-style:dashed;
	border-color:#00A19A;
}
.grande {
	font-size:x-large;
}
.enorme {
	font-family:quicksandbold;
	font-size:xx-large;
	font-weight:bold;
}
.negrita {
	font-weight:bold;
}

.menu {
	font-size:x-large;
	font-weight: bold;
}
.menu:hover {
	text-decoration:none;
}
.text-justify {
	padding:10px;
}
.img-hover:hover {
    opacity: 0.8;
}
.img-fullwidth {
	width:100%;
}
.img-fullheight {
	height:100%;
}
.img-fullsize {
	width:100%;
	height:100%;
}
.img-midsize {
	max-height:30%;
	max-width:30%;
}
.img-75pct {
	max-height:75%;
	max-width:75%;
}


header.carousel {
    height: 80%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}
header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.carousel-control {
	position: absolute;
	top: 48%;
	z-index: 5;
	display: inline-block;
}
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}
.carousel-caption h4 {
	background-color:rgba(0,0,0,0.3);
	border-radius:8px;
	padding:4px;
}

.sombra {
	box-shadow: 10px 10px 5px #888888;
}

footer {
	bottom:0px;
    margin-top: 50px;
	margin-bottom: 10px;
	font-size:small;
}

@media(max-width:1600px) {
	.menu {
		font-size:large;
		padding:20px;
	}
}
@media(max-width:1191px) {
	.menu {
		font-size:medium;
		padding:20px;
	}
}
@media(max-width:767px) {
	.grande {
		font-size:medium;
	}
	.enorme {
		font-size:large;
	}
	.email {
		font-size:small;
	}
}