/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

/* ELEMENTOS GENERALES */

@font-face {
font-family: File;
src: url(Fuentes/File.otf);
}

@font-face {
font-family: Gotham;
src: url(Fuentes/Gotham-Book.otf);
}

body {
  background-color: white;
  font-family: "Gotham", sans-serif;
  padding: 0px 0px;
  font-size: 12pt;
  margin: 0;
  color: #000;
}

.file{
  font-family: "File"
}

h1{
  font-family: "File";
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 15pt;
  letter-spacing: 1pt;
}

.separador{
  /*margin:4ex;*/
}

/* ENCABEZADO */

/* No pega */

header{
  width: 100%;
  /*height: 50ex;*/
}

#logo-head{
  margin:0 auto;
  display:block;
  width: 70%;
  max-width: 30ex;
  height: 60%;
  padding: 0;
}

/* Vos ves, vos decidís */

#vos-ves{
  padding: 0 5% 1ex;
}

#vos-ves-png{
  width: 80ex;
  max-width: 100%;
  margin:0 auto;
  display:block;
}

/* DESCRIPCIÓN */

/* Amarillo */

#div-desc{
  background: #ff0;
}

#div-desc-txt{
  /* Por las dudas */
}

#par-desc{
  margin:0 auto;
  display:block;
  padding: 8ex 10% 5ex;
  line-height:1.5;
  max-width: 60ex;
  text-align: center;
}

.desc-no-pega{
  font-size: 46pt;
  line-height:0;
}

/* Preguntas */

#div-preg{
  background: #E7FFFD;
}

#div-preg-head{
  padding-top: 4ex;
}

#div-preg-txt{
  padding: 3ex 10%;
}

.preg{
  margin:0 auto;
  display:block;
  line-height:1.5;
  max-width: 80ex;
  text-align: center;
}

/* VIDEOS */

/* General */

.div-vid{
	/*display: flex;*/
	justify-content	: center;
	padding: 2ex 2ex 0ex;
	/*margin: auto;
	display:block;*/
}

.video{
	width: 42%;
	min-width: 40ex;
	justify-content	: center;
	margin: 3%;
	/*display:block !important;*/
}

.vid-h1{
	letter-spacing: 1pt;
}

/* Video 1 */

#bloq-vid1{
  background: #ff0;
  padding: 3ex 3ex 5ex;
}

/* Video 2 */

#bloq-vid2{
  background: #E7FFFD;
  padding: 3ex 3ex 5ex;
}

/* FOOTER */

/* General */

footer{
  /*background: #ff0;*/
  padding: 4ex 3ex 1ex;
}

/* Apoyo */

#apoyo, #GU{
  margin: auto;
  display:block;
  display: table;
  height: 12ex;
}

.logo-foot{
	margin: auto;
	padding: 2ex;
}

.txt-foot{
  /*display: table-cell;*/
  text-align: center;
  vertical-align: middle;
  float: none;
  text-transform: uppercase;
}

#txt-apoyo{
	/*padding-bottom:15%;*/
}

#logo-GU{
  max-height: 10ex;
  display: block;
}

#tu-ini{
  max-height: 8ex;
}

#inau{
  max-height: 6ex;
}

/* Institucional */

#inst-foot{
	padding: 0;
	background: #E7FFFD;
}

#inst-foot-cont{
	max-width:90%;
	margin: 0 5%;
}

#cred-GU{
	float:left;
	font-size: 10pt;
}

/* íconos redes sociales*/

#ico-redes{
	padding-bottom:3ex;
	float:right;
}

.lnk-foot{
	color: black;
	text-decoration: none;
}

.lnk-foot:hover{
	color: gray;
}

.fa/*ico-RS*/ {
	padding: 8px;
    font-size: 15pt;
    width: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 10%;
}

.fa:hover{
	background:gray;
}

/* Facebook */

.fa-facebook/*ico-fb*/ {
    background: #3B5998;
    color: white;
}

/* Twitter */

.fa-twitter/*ico-tw */{
    background: #55ACEE;
    color: white;
}