@charset "utf-8";

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	line-height: 1.2;

}

.mainmenu ul {

	list-style-type: none !important;

	margin: 0 !important;

	padding: 0 !important;

	overflow: hidden !important;

}

.mainmenu li {

	list-style: none !important;

	height: 44px !important;

}

.mainmenu li a {

	list-style: none !important;

	padding: 5px 5px 35px 45px !important;

	background-color: rgba(0,0,0,.75) !important;

	color: white !important;

	margin-left: 5px !important;

	text-decoration: none !important;

}

.mainmenu li a:hover {

	background-color: #111111 !important;

	text-decoration: none !important;

	color: grey !important;

	transition: all .5s !important;

}

.maintext {

	height: 35vh;

}

.maintext h1 {

	font-size: 54px;

	color: black;

	text-align: center;

	font-weight: bold;

	line-height: 72px;

}

.subtitle {

	min-height: 20vh;

}

.subtitleleft {

	position: absolute;

	top: 20px;

}

.footer {

	right: 0;

	bottom: 0;

	left: 0;

	padding: 0px 15px 0 0;

	text-align: right;

}

.footer h5 {

	background-color: rgba(0,0,0,.75);

	color: white;

	width: 300px;

	float: right;

	padding: 5px;

	margin: 0;

}

.logo {

	position: absolute;

	top: 0px;

	left: 0px;

	background-color: rgba(0,0,0,.1);

	margin-left: 15px;

	text-align: center;

	padding: 2px

}

.navbar-brand img {

width: 99px;

height: 70px;

}

.seccion {

	height: 40vh;

	background-size: cover;

	background-position: top left;

}

.completo {

	background-size: cover;

	background-position: top left;

}

.boxed {

	display: inline-block;

	float: right;

	background-color: rgba(0,0,0,.75);

	color: white;

	padding: 5px 5px 5px 10px;

}

h3.boxed {

	font-weight: 100;

	font-size: 22px;

	background-color: rgba(0,0,0,.6);

}

h1.boxed {

	font-size: 54px;

	margin-bottom: 2px;

	background-color: rgba(0,0,0,.75);

	margin-top: 0

}

.infobox {

	margin: 20px 0px;

	background-color: rgba(0,0,0,.15);

	display: block;

	padding: 1px 15px;

	min-height: 230px;

}

.infobox h1, .infobox h4 {

	color: black

}

.infobox:hover {

	text-decoration: none !important;

}

.infobox h1 {

	margin-top: 10px;

	min-height: 40px;

	text-align: left

}

.bottomlink {

	text-align: center;

}

a.submenu {

	background-color: rgba(0,0,0,.0);

	color: white;

}

a.submenu:hover {

	background-color: rgba(0,0,0,.75);

	display: block;

	transition: background-color .15s;

	text-decoration: none;

}

.submenu h1 {

	margin: 14px;

}

.frase {

	max-width: 500px;

	background-color: rgba(0,0,0,.75);

	margin-left: 15px;

	color: white;

	padding: 10px 15px;

}

.frase h5 {

	text-align: right

}

.container-fluid.mitad {

	position: absolute;

	bottom: 0px;

}

.infobox.medio {

	margin: 0 80px;

	background-color: rgba(0,0,0,.75);

}

.infobox.medio h4 {

	color: white !important;

}

.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle, .navbar-collapse {

	background-color: transparent;

	border-color: transparent;

}

.navbar {

	border: 0px solid transparent;

	z-index: 3;

}

.navbar-collapse {

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0);

}

.navbar-header {

    height: 82px;

}

.white {

	background-color: white;

	position: absolute;

	bottom: 0;

	width: 100%;

}

.mitad {

	position: absolute;

	bottom: 0;

	width: 100%;

}

.bottomlink {

	position: relative;

	bottom: 51px;

	text-align: center;

	width: 100%;

	height: 0;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: white;

}

@media (max-width:767px) {

.mainmenu li a {

	padding: 12px !important;

}

.white, .mitad, .subtitleleft {

	position: relative !important;

}

.infobox.medio {

	margin: 8px !important;

}

.frase, .subtitle {

	margin-top: inherit;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}

}