/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time, nav{ display: inline }

/* Site-wide properties ======================================================== */
body{
	padding: 0px;
	margin: 0px;
	background-color: #000000;
	/*text-align: center;*/
    font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	background-image: url(../img/video_back.jpg);
background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
}
    
    /* Fibonacci based heading scale ratio */
    h1{ font-size: 4.4em; font-weight: normal; }
    h2{ font-size: 2.8em; font-weight: bold; }
    h3{ font-size: 1.6em; font-weight: bold;}
    h4{ font-size: 1.2em; font-weight: bold; }

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }
.inside2{ padding:3px;}

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }
	
.botones {
display: inline;
display:block;
float:left;
font-family:Verdana, Geneva, sans-serif;
background:#2A3F55;
/*border:#000 solid 1px;*/
}



.facebook a:hover,
.twitter a:hover  {
   background-position: -40px 0%;
}

.correo a:hover  {
   background-position: -261px 0%;
}

.correo a  {
   background: url(../webteasersgmedia/contactotrilliartcombutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 32px;
   width: 261px;
   font-size: 32px;
   line-height: 32px;
}

.correo  {
   visibility: visible;
   position: absolute;
   left: 5px;
   top: 517px;
   z-index: 2;
   width: 261px;
   height: 32px;
}

.twitter a  {
   background: url(../webteasersgmedia/twitbutbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 41px;
   width: 40px;
   font-size: 41px;
   line-height: 41px;
}

.facebook a  {
   background: url(../webteasersgmedia/facebutbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 40px;
   width: 40px;
   font-size: 40px;
   line-height: 40px;
}

.twitter  {
   visibility: visible;
   position: absolute;
   left: 795px;
   top: 513px;
  
   z-index: 3;
   width: 40px;
   height: 41px;
}


.facebook  {
   visibility: visible;
   position: absolute;
   left: 750px;
   top: 513px;
   z-index: 2;
   width: 40px;
   height: 40px;
}

/* Basic Structure ============================================================= */
#wrap{
    margin: 0 auto;
    position: relative;
    width: 960px; }
	
	
.elvideo {
		display:block;
		position:absolute;
		height:512px;
		width:850px;
		margin-left:-425px;
		margin-top: -288px;
		top:50%;
		left:50%;
		}
   
/*HEADER*/
   header{
        float: left;
        width: 100%; 
   }
    
    /* Content */
    article{
        float: left;
        width: 100%; 
		
	}
	
		
    /* Sidebar */
    aside{
        float: left;
        width: 33.3%; }
		
        
    /* Footer */
    footer{
        float: left;
        width: 100%;