html, body {height: 100%; margin:0; padding:0;}

.titol{
	color:#fff;
	text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
	font-size:40px;
	line-height:40px;
	font-family: 'Lato', Arial, sans-serif;
	text-align:center;
	}

.liniablava-bottom{
color: #FFF;
border-bottom:#09F solid 1px;
padding-bottom:6px;
}

.liniablava-bottom2{
color: #FFF;
border-bottom:#09F solid 1px;
padding-bottom:6px;
}

.bold{ font-weight:700;}

.liniablava-bottom:hover{
color: #09F;
border-bottom:#09F solid 1px;
padding-bottom:6px;
}

#titulo {
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-size:40px;
line-height:40px;
font-family: 'Lato', Arial, sans-serif;
margin: 10px auto;

text-align:center;
width:100%;
}

#palmares{
	line-height:25px;
	text-align:center;
	margin:20px auto;
	color:#FFF;
	text-transform:uppercase;
	}
	
#anys{
	line-height:25px;
	text-align:center;
	margin:30px auto;
	font-size:14px;
}

#anys a{
	color:#FFF;
}

#anys a:hover{
	color:#09F;
}

body {
	 background:no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	 background-color:#000;
	}

#header {
	height:100px;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	background-image:url(../images/logo-header.png);
	background-repeat:no-repeat;
	background-position:center;
	border-top:5px #0099FF solid;
	position: absolute;
	z-index:9999;
	}
	
#header-center {
	height:100px;
	width:200px;
	text-align:center;
	margin:auto;
	}
	
#header-top {
	height:5px;
	width:100%;
	background-color:#09F;
	}
	
#header-left{
	height:60px;
	width:100px;
	text-align:left;
	float:left;
	margin-left:70px;
	color: #666;
	padding-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:12px;
	text-shadow:1px 1px 1px #000000;
	}
	
#header-right{
	height:60px;
	width:140px;
	text-align:right;
	float:right;
	color: #CCC;
	padding-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:12px;
	text-shadow:1px 1px 1px #000000;
	margin-right:20px;
	}
	
#header-right a{
	color: #666;
	font-weight:100;
	text-decoration:none;
	}
	
#header-right a:hover{
	color: #ccc;
	font-weight:700;
	text-decoration:none;
	}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 100px;}  /* must be same height as the footer */

#center {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 500px;
	margin-top:-250px;
	width: 900px;
	margin-left:-450px;
	background-color:rgba(255,255,255,0);
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	text-align:justify;
}

#historia {
	width: 900px;
	margin:auto;
	margin-top:120px;
	background-color:rgba(255,255,255,0);
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	text-align:justify;
}

#blog {
	width: 900px;
	margin:auto;
	margin-top:120px;
	background-color:rgba(255,255,255,0);
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
}

#blog-left {
	width: 695px;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	text-align:justify;
	float:left;
	padding-right:5px;
}

#blog-left-titulo {
	width: 695px;
	color:#09f;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:17px;
	text-decoration:underline;
}

#blog-right {
	width:185px;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	float:right;
	padding-left:15px;
	border-left: solid 1px #09F;
}

#blog-right a {
	color:#09F;
}

#center2 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 600px;
	margin-top:-280px;
	width: 1000px;
	margin-left:-500px;
	background-color:rgba(255,255,255,0);
}

#center-fotos {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 600px;
	margin-top:-260px;
	width: 1000px;
	margin-left:-500px;
	background-color:rgba(255,255,255,0);
}

#center-videos {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 600px;
	margin-top:-200px;
	width: 1000px;
	margin-left:-500px;
	background-color:rgba(255,255,255,0);
}

#foto {
	width:200px;
	height:133px;
	padding:5px;
	float:left;
}
#foto i {
	
	display:none;
	position:absolute;
}
#foto a:hover {
	opacity:0.5;
}
#foto a:hover i {
	
	text-align:center;
	position: relative;
	color:#FFF;
	text-shadow: 1px 1px 1px #000000;
	top:-70px;
	left:0;
	display:block;
}

#video {
	width:330px;
	height:220px;
	padding:5px;
	float:left;
}

#video i {
	
	display:none;
	position:absolute;
}
#video a:hover {
	opacity:0.5;
	
}
#video a:hover i {
	
	text-align:center;
	position: relative;
	color:#FFF;
	text-shadow: 1px 1px 1px #000000;
	top:-110px;
	left:0;
	display:block;
}

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	z-index:9999;
	border-bottom:5px #0099FF solid;
	font-family: 'Lato', Arial, sans-serif;
	text-transform:uppercase;
	} 
	
#footer-center {
	width:900px;
	height: 100px;
	text-align:center;
	z-index:9999;
	margin:auto;
	padding-top:10px;
}

#footer-right {
	width:150px;
	height: 100px;
	text-align:center;
	padding-top:30px;
	z-index:9999;
	margin:auto;
	float:right;
	color: #CCC;
	font-size:11px;
}
#footer-right i {
	color: #CCC;
}
#footer-right i:hover {
	color: #39F;
}

#footer-left {
	width:150px;
	height: 100px;
	text-align:center;
	padding-top:30px;
	z-index:9999;
	margin:auto;
	float:left;
	color: #CCC;
	font-size:8px;
	letter-spacing:1px;
}

#footer-left img {
	opacity:0.7;
}
#footer-left img:hover {
	opacity:1;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
@media screen and (max-width: 1200px) { 

#footer-center {
	width:700px;
	height: 100px;
	text-align:center;
	z-index:9999;
	margin:auto;
	padding-top:10px;
}

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	z-index:9999;
	border-bottom:5px #0099FF solid;
	color: #CCC;
	font-size:10px;
	font-family: 'Lato', Arial, sans-serif;
	text-transform:uppercase;
}

#footer-right {
	width:120px;
	height: 100px;
	text-align:center;
	padding-top:30px;
	z-index:9999;
	margin:auto;
	float:right;
}

#footer-left {
	width:120px;
	height: 100px;
	text-align:center;
	padding-top:30px;
	z-index:9999;
	margin:auto;
	float:left;
}
	
}

@media screen and (max-width: 900px) { 

#center {
	position: absolute;
	left: 50%;
	top:0;
	height: 500px;
	margin-top:80px;
	width: 700px;
	margin-left:-350px;
	background-color:rgba(255,255,255,0);
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	text-align:justify;
}

#center2 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 450px;
	margin-top:-180px;
	width: 800px;
	margin-left:-400px;
	background-color:rgba(255,255,255,0);
}

#center-fotos {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 450px;
	margin-top:-220px;
	width: 800px;
	margin-left:-400px;
	background-color:rgba(255,255,255,0);
}

#center-videos {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 450px;
	margin-top:-210px;
	width: 800px;
	margin-left:-400px;
	background-color:rgba(255,255,255,0);
}

#foto {
	width:155px;
	height:103px;
	padding:5px;
	float:left;
}
#foto i {
	
	display:none;
	position:absolute;
}
#foto a:hover {
	opacity:0.5;
	
}
#foto a:hover i {
	
	text-align:center;
	position: relative;
	color:#FFF;
	text-shadow: 1px 1px 1px #000000;
	top:-60px;
	left:0;
	display:block;
}


#video {
	width:265px;
	height:180px;
	padding:5px;
	float:left;
}

#video i {
	
	display:none;
	position:absolute;
}
#video a:hover {
	opacity:0.5;
	
}
#video a:hover i {
	
	text-align:center;
	position: relative;
	color:#FFF;
	text-shadow: 1px 1px 1px #000000;
	top:-90px;
	left:0;
	display:block;
}

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	z-index:9999;
	border-bottom:5px #0099FF solid;
	color: #CCC;
	font-size:10px;
	font-family: 'Lato', Arial, sans-serif;
	text-transform:uppercase;
	} 

#footer-center {
	width:600px;
	height: 100px;
	text-align:center;
	z-index:9999;
	margin:auto;
	padding-top:20px;
}

#footer-right {
	width:100px;
	height: 100px;
	text-align:center;
	padding-top:30px;
	z-index:9999;
	margin:auto;
	float:right;
}

#footer-left {
	width:100px;
	height: 100px;
	text-align:center;
	padding-top:30px;
	z-index:9999;
	margin:auto;
	float:left;
}

}

@media screen and (max-height: 700px) { 

#center {
	position: absolute;
	left: 50%;
	top:0;
	height: 500px;
	margin-top:80px;
	width: 700px;
	margin-left:-350px;
	background-color:rgba(255,255,255,0);
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	text-align:justify;
}

#center2 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 450px;
	margin-top:-180px;
	width: 800px;
	margin-left:-400px;
	background-color:rgba(255,255,255,0);
}

#center-fotos {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 450px;
	margin-top:-220px;
	width: 800px;
	margin-left:-400px;
	background-color:rgba(255,255,255,0);
}

#center-videos {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 450px;
	margin-top:-210px;
	width: 800px;
	margin-left:-400px;
	background-color:rgba(255,255,255,0);
}

#foto {
	width:155px;
	height:103px;
	padding:5px;
	float:left;
}
#foto i {
	
	display:none;
	position:absolute;
}
#foto a:hover {
	opacity:0.5;
}
#foto a:hover i {
	
	text-align:center;
	position: relative;
	color:#FFF;
	text-shadow: 1px 1px 1px #000000;
	top:-60px;
	left:0;
	display:block;
}

#video {
	width:265px;
	height:180px;
	padding:5px;
	float:left;
}

#video i {
	
	display:none;
	position:absolute;
}
#video a:hover {
	opacity:0.5;
	
}
#video a:hover i {
	
	text-align:center;
	position: relative;
	color:#FFF;
	text-shadow: 1px 1px 1px #000000;
	top:-90px;
	left:0;
	display:block;
}


}