/*css document*/
@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);



#global { width: 64em; margin: auto; padding: 1.250em; background-color: darkgrey; height: 86.200em; } 
body {background-image: url(tp/imagenes/asfalto1.jpg);}
#logocentrado {position: absolute; margin: auto; }

header {background-color: darkgrey; position: relative; top: -0.625em; left: -0.125em; height: 6.75em; width: 100%; }

a { text-decoration: none; color: white;}

#botonera1 {  position: absolute; background-color: #212121; width: 7em; padding: 0.188em 0em 0.188em 0em; text-align: center; font-family: Oswald, sans-serif; color: white; font-size: 100%; top: 4.600em; left: 15em; }
#botonera1:hover {color: lightgray; background-color: black; }

#botonera2 {  position: absolute; background-color: #212121; width: 7em; padding: 0.188em 0em 0.188em 0em; text-align: center; font-family: Oswald, sans-serif; color: white; font-size: 100%; top: 4.600em; left: 23em;}
#botonera2:hover {color: lightgray; background-color: black; }


main { clear: both; position: relative; display: inline-block; background-color: white; width: 100%; height: 74em; }


nav { width: 95%; height: 15.000em; margin: auto;  padding: 0; overflow: hidden; }
nav ul { list-style: none; padding: 0; }
nav ul li { margin: 0em; padding: 0; display: inline-block; height: 15.000em; }
nav ul li img { width: 15.000em; height: 15.000em; padding: 0px; z-index:0; }
nav ul li:hover span.text-content { opacity: 1; }

span.text-content { background: rgba(0, 0, 0, 0.7); font-family: Oswald, sans-serif; font-size: 30px; font-weight: 700; line-height: 35px; color: white; cursor: pointer; display: table; height: 240px; width: 240px; position: absolute; top:0px; opacity: 0; z-index:100;    -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; }

span.text-content span { display: table-cell; text-align: center; vertical-align: middle; }
span.text-content hr { width: 180px; margin: auto; margin-top: 10px; margin-bottom: 10px;}




#videoaside { position: relative; left: 0em; width: 95%; height: 32em; margin: auto; background-color: black; padding: 1.2em 0.5em 0.1em 0.5em; box-sizing: border-box; top: 2em;}
#videoaside1 {width: 98%; position: absolute; top: 0.100em; left: 0.469em;}
video { position: absolute; width: 85%; top: 2em; left: 4em; }  


#textos {position: absolute; top: 100em; font-family: oswald, sans-serif; }
#todo {position: absolute; top: -50em; width: 18em; left: 2em; }
#equipo {position: absolute; top: -50em; width: 18em; left: 44em; }
#comitente {position: absolute; top: -50em; width: 18em; left: 23em; }


#gif {position: absolute; top: 64.500em; left: 20.700em; }





footer { clear: both; position: relative; left: 0em; width: 100%; top: 1.500em; padding: 1em 1em 1em 1em; box-sizing: border-box; color: white; background-color: black; font-family: Oswald, sans-serif; font-size: 10pt;  }