html, body {
width:100%;
padding:0;
margin:0;
}
body{
background: rgba(110,110,110,1);
background: -moz-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(61,61,61,1) 0%, rgba(128,128,128,1) 12%, rgba(148,148,148,1) 22%, rgba(61,61,61,1) 76%, rgba(26,26,26,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,110,110,1)), color-stop(0%, rgba(61,61,61,1)), color-stop(12%, rgba(128,128,128,1)), color-stop(22%, rgba(148,148,148,1)), color-stop(76%, rgba(61,61,61,1)), color-stop(100%, rgba(26,26,26,1)));
background: -webkit-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(61,61,61,1) 0%, rgba(128,128,128,1) 12%, rgba(148,148,148,1) 22%, rgba(61,61,61,1) 76%, rgba(26,26,26,1) 100%);
background: -o-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(61,61,61,1) 0%, rgba(128,128,128,1) 12%, rgba(148,148,148,1) 22%, rgba(61,61,61,1) 76%, rgba(26,26,26,1) 100%);
background: -ms-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(61,61,61,1) 0%, rgba(128,128,128,1) 12%, rgba(148,148,148,1) 22%, rgba(61,61,61,1) 76%, rgba(26,26,26,1) 100%);
background: linear-gradient(to right, rgba(110,110,110,1) 0%, rgba(61,61,61,1) 0%, rgba(128,128,128,1) 12%, rgba(148,148,148,1) 22%, rgba(61,61,61,1) 76%, rgba(26,26,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#1a1a1a', GradientType=1 );
/*background: white url(../images/fondo.jpg) no-repeat;
background-attachment: scroll;*/
background-size: cover;
}
header {
width: 80%;
margin-left: 10%;
margin-right: 10%;
background-color: #648E0A;
margin: 0 auto;
}
h1 {
font: bold 400% fantasy;
display:inline-block;
z-index:100;
}
h2 {
font: 120% verdana fantasy;
}
.main {
text-align:center;
}
.main span {
font: bold 100% verdana;
color: #636f6f;
text-align:right;
display:inline-block;
}
nav{
width:100%;
height: 50px;
margin-bottom: 2%;
text-align: center;
}
#menu {
padding-left: 0;
border-radius: 5px;
border-style: solid;
font: bold 100% verdana;
display: inline;
}
ul#menu li {
display: inline-block;
padding: 5px 22px 0;
}
#contenido {
position: relative;
display: inline-block;
width: 100%;
margin: 0;
}
#foto {
width: 50%;
display: inline;
float: left;
}
#video {
width: 50%;
display: inline;
float: right;
}
#foto img {
float: right;
margin-right: 5%;
}
#video iframe {
float: left;
margin-left: 5%;
width: 480px;
height: 270px;
}
#pie span {
font: bold 110% arial;
}
#pie {
margin-top: 15px;
border-top: solid;
}
.info{
display: inline-block;
width: 50%;
text-align: center;
}
.time{
width: 50%;
float: right;
text-align: center;
}