/* CSS Document */

.colorCycle {

animation-name: homeCycle;
animation-duration:60s;
animation-direction:alternate;
animation-iteration-count:infinite;

-webkit-animation-name: homeCycle;
-webkit-animation-duration:60s;
-webkit-animation-direction:alternate;
-webkit-animation-iteration-count:infinite; }

@keyframes homeCycle
{
0% {background-color:rgba(0,173,202,0.6);}
15% {background-color:rgba(245,102,0,0.6);}
30% {background-color:rgba(173,113,196,0.6);}
45% {background-color:rgba(63,165,42,0.6);}
60% {background-color:rgba(36, 76, 98, 0.6);}
75% {background-color:rgba(228, 47, 103, 0.6);}
}

@-webkit-keyframes homeCycle
{
  0% {background-color:rgba(0,173,202,0.6);}
  15% {background-color:rgba(245,102,0,0.6);}
  30% {background-color:rgba(173,113,196,0.6);}
  45% {background-color:rgba(63,165,42,0.6);}
  60% {background-color:rgba(36, 76, 98, 0.6);}
  75% {background-color:rgba(228, 47, 103, 0.6);}
}

html {
  position: relative;
  min-height: 100%;
}
body {
  color:#fff;
  background: url(../img/uxsp-2017-bg-1440.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container {

}

#header {padding: 0 15px 150px 15px;
  width: auto;
  max-width: 855px;
  text-align: center;}

h1 {margin:100px 0px 50px 0px;}
h2 {font-weight:300; margin:30px 0 100px 0; font-size:2.8em; font-family:Poppins;}
h3 {font-weight:300; margin-bottom:30px;}
p {font-size:1.3em; margin-bottom:3em; font-weight:200}
  p.destacado { font-size: 1.5em}
  p.destacado a {color:#fff; font-weight: 400} 

a {color:#ccc; border-bottom:1px solid #ccc}
a:hover {color:#fff; text-decoration:none;border-bottom:1px solid #fff }
  a.highlight {background-color:rgba(0,0,0,0.4); font-weight: 400; color: #fff}

a.button {border-radius:5px; text-align:center; padding:1em; background-color:rgba(0,0,0,0.6); color:#fff; border-bottom:none; margin-bottom:4em; font-size:1.5em;}
a.button:hover {background-color:rgba(0,0,0,0.9);}

iframe {margin-bottom:30px;}

#logo {
	width: auto;
	max-width:40%;
	height:auto;
	max-height:60%;
	}

.ediciones ul {margin:0; padding:0;}
.ediciones ul li {list-style:none; display:inline; font-size:2em; font-weight:100; float:left; margin:10px 10px;}
.ediciones ul li a {display:block; width:250px; line-height:100px; border:1px solid #ccc; vertical-align:middle;}
.ediciones ul li a:hover {border-color:#fff;}

#footer {

  width:100%;
  padding:15px;
  font-size:1.3em;
  font-weight:200;
  }
  #footer ul {
	  margin:10px 0 0 0;
	  }
  #footer li {
	  color:#CCC;
	  display:inline;
	  list-style-type:none;
	  line-height:42px;
	  }
  #footer .icons{
	  padding-right:50px;
	  }

	  #footer p {margin-bottom:inherit; color:#CCC;}

	    #footer .icons a {
	  border-bottom:none;
	  display: block;
  text-indent: -9999px;
  width: 26px;
  height: 26px;
  background-size: 26px 26px;
  float:right;
  margin-left:20px;

	  }

.twitter {
  background:url(../img/twitter.svg);
}

.linkedin {
  background:url(../img/linkedin.svg);
}

.disclaimer {text-align:center; margin:20px 0 50px 0; font-size:0.8em; color:rgba(255,255,255,0.5);}
.disclaimer a { color:rgba(255,255,255,0.7); border-bottom:1px solid rgba(255,255,255,0.7);}

.misc {margin:40px 0 0 0; font-size:0.6em;}


@media (max-width : 1024px) {

body {
  background:url(../img/uxsp-2017-bg-1024.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#header {max-width: 700px;}

h2 {margin:30px 0 30px 0; font-size:2.5em;}

.ediciones ul {margin-left:-20px;}
.ediciones ul li {margin:20px 20px -15px 20px; display:block;}
.ediciones ul li a {width:295px; line-height:100px; margin:20px auto;}

#footer .icons{
	  padding-right:inherit;
	  }

  #footer li {
	  display:list-item;
	  margin-left:0;
	  }

    #footer .icons a {
	  border-bottom:none;
	padding-left:32px;
	text-indent:inherit;
  background-size: 22px 22px;
  background-repeat:no-repeat;
  background-position:center left;
  margin-left:0;
  width:inherit;
  height:inherit;
  float:none;

}

#footer li.doubts {line-height:1.4em; margin-top:1.5em;}

}

@media (max-width : 768px) {

body {
  background:url(../img/uxsp-2017-bg-768.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#header {
  max-width: 600px; padding:20px;
}

h2 {margin:30px 0 30px 0; font-size:2em;}

.ediciones ul li a {width:90%; line-height:80px; margin:10px auto;}
.ediciones ul li {width:100%; margin:0;}

#footer {font-weight:300;}

#footer ul {margin:0; padding:20px;}

a.button {font-size:1.3em;}

.ediciones ul li {font-size:2em; font-weight:100; float:left; margin:0px 10px;}

#logo {max-width:50%;}

}