/* CSS Document */
body, html {
  height: 100%;
  margin: 0;
  font-family:'Open Sans', Arial, sans-serif;	
font-size:12px;	
}

.bg {
  /* The image used */
  background-image: url(../images/fondo2.jpg);

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pie_pagina{
	
	background-color:#1B467C;
	color:#FFF;
	height:200px;	
	
}

h1{
	
	font-weight:bold;
	color:#336699;
	padding-bottom:10px;	
	
}

th{

	background-color:#588FC7;
	color:#FFF;	
	
	
}

.select {
	display:table-cell; 
	max-width:300px;
	
}
.content {
	font-family:'Open Sans', Arial, sans-serif;
	color:#f5f5f5;
	font-size:15px;
	font-weight: bold;
	width: 100%;
	/*min-height: 100%;*/
	z-index: 0;
	position: absolute;
}

.box-wrapper {
		
    width: 525px;
    margin: 50px auto 50px;
    position: relative;
    z-index: 1;
}

.box {
	background: #ffffff;
	background: #33333394;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 25px;
	text-align:center;
	margin-top:50px;
} 	

.box-inner {
	width:96%;
	margin: 40px 2% 40px;
}

.site-description {
	line-height:1.5em;
	margin: 20px 0;
}

.sign-up-container {
	position: relative;
	width: 90%;
	margin: 20px auto;
}
.button {
  background-color: #4388cc;
  border: none;
  border-radius: 8px;
  color: white;
  padding: 4px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.9;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.button:hover {opacity: 2}


@media all and (max-width: 990px)
{

body, html {
  height: 100%;
  margin: 0;
  font-family:'Open Sans', Arial, sans-serif;	
  font-size:12px;	
}

.bg {
  /* The image used */
  background-image: url(../images/fondo2.jpg);

  height: 83%;
  width: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pie_pagina{
	
	background-color:#1B467C;
	color:#FFF;
	height:200px;	
	margin-top: 0%;
	
}

h1{
	
	font-weight:bold;
	color:#336699;
	padding-bottom:10px;	
	
}

th{

	background-color:#588FC7;
	color:#FFF;	
	
	
}

.select {
	display:table-cell; 
	max-width:300px;
	
}
.content {
	font-family:'Open Sans', Arial, sans-serif;
	color:#f5f5f5;
	font-size:15px;
	font-weight: bold;
	width: 100%;
	/*min-height: 100%;*/
	z-index: 0;
	position: absolute;
}

.box-wrapper {
    margin: -30px auto 50px;
    position: relative;
	width: 70%;
    z-index: 1;
}

.box {
	background: #ffffff;
	background: #33333394;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 25px;
	text-align:center;
	margin-top:50px;
} 	

.box-inner {
	width:96%;
	margin: 20px 2% 20px;
}

.site-description {
	line-height:1.5em;
	margin: 20px 0;
}

.sign-up-container {
	position: relative;
	width: 90%;
	margin: 20px auto;
}
.button {
  background-color: #4388cc;
  border: none;
  border-radius: 8px;
  color: white;
  padding: 4px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.9;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.button:hover {opacity: 2}

	
}