body{
	font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
}

.custom-background{
	background-color: #000814;
	background-image: url("../img/background-2.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: scroll;
}

img.header{
	display: block;
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	
}

#nav-bar{
	display: block;
	width: 55%;
	margin-left: auto;
	margin-right: auto;
}

#nav-bar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000;
}

#nav-bar li{
	float: left;
}

.blanco {
	color: white;
	text-decoration: none;
}

#nav-bar li a:link, a:visited{
	display:block;
	font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	padding: 8px;
	background-color: #000;
	text-align: center;
	text-decoration: none;
	padding: 14px 16px;
	color: white;
}

#nav-bar li a:hover {
	background-color: #111;
}

#nav-bar li a.active{
	background-color: #222;
}

h3 {
	display: block;
	font-size: 2.17em;
}

h4 {
	display: block;
	font-size: 1.67em;
	color: white;
}

p{
	color: white;
}

.tittle{
	font-weight: 400;
	color: white;
	margin: 0;
	padding: 20px 0 0 0;
}

#main-content{
	display:block;
	width: 55%;
	margin-left: auto;
	margin-right: auto;
}

.presentation{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 866px;
	margin-top: 50px;
	z-index: 100;
}

.presentation-back{
	position: relative;
	left: 20%;
	margin-top: -38%;
	z-index: -50;
}

.presentation-info{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8%;
	text-align: left;
	max-width: 250px;
	padding-left: 90px;
	z-index: 100;
	color: white;
}

.presentation-front{
	position: relative;
	left: 20%;
	top; -69%;
	max-width: 35%;
	z-index: 150;
	margin-top: -60px;
}

img.element1{
	width: 100%;
	height: auto;
	max-width: 100%;
}

img.element2{
	width: 60%;
	height: auto;
}

img.element3{
	width: 40%;
}


.footer{
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px;
    width: 100%;
    max-width: 1024px;
    margin-bottom: 0px;
    background-color: #000090;
    opacity: 0.6;
    color: white;
}

.site-info{
	text-align: center;
}


a.external{
	color: #fea520;
	text-decoration: none;
}

.site-info a:link, a:visited{

}

.footer-text{
	text-align: center;
	color: white;
}


.panel-izq {
	float: left;
  padding-left: 15px;
	padding-right: 15px; 
	height: auto;
	width: 45%;
	color: white;
	overflow: hidden;
}

.panel-der {
	float: left;
	height:auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 45%;
	overflow: hidden;
}

.clearspace{
	clear: both;
}

.page{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 990px;
	margin-top: 50px;
	z-index: 100;
}

.bloque-izq{
	float:left;
}

.bloque-der{
	float:right;
}

.bloque-cen{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bloque-thmb{
	/* width: 30%; */
	width: 200px;
	border: 2px solid #fff;
}

.thumb-izq{
	margin: 0px 15px 0px -15px;
	padding-bottom: 0;
	height: 248px;
	border-image: 0;
}

.thumb-der{
	margin: 0px -15px 0px 15px;
	padding:0;
	height: 248px;
	border-image: 0;
}

.gallery{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 990px;
	margin-top: 50px;
	z-index: 100;
}

.gallery ul{
	
}

.gallery li{
		list-style: none;
		display: inline-block;
		width: 200px;
		margin: 0 20px 20px 0;
		float:left;
}

.video{
	width: 641px;
	height: 359px;
	margin-left: auto;
	margin-right: auto;
}

.center-text{
	text-align: center;
	color: white;
}