body{
	
	padding-left: 0em;
	 padding-right:	0em;
	 padding-top:	0em;
	 font-family: Georgia, "Times New Roman", 
		Times, serif;
	 color:black;
}
.header{
	padding-left: 0em;
	 padding-right:	0em;
	 padding-top:	14em;
	background-image: url("logo.png");
	background-position:20% 100%;
	background-repeat: no-repeat;
}
p {
margin-left: 300px;
margin-right: 200px;
margin-top: 0px;
margin-bottom: 0px;
}
.bordered {
    margin-left:300px;
    margin-top:20px;
    width: 150px;
    height: 150px;
    padding: 10px;
    border: 1px solid gray;
    border-radius: 8px;
}
#navegador ul{
   margin: 75px 0 0 0;
   width: 100%;
   list-style-type: none;	
   background-color: #1c65b4;
   text-align: center;
   padding: 5px;
} 
#navegador li{
   display: inline;
   text-align: center;
   margin: 0px 10px 0px 0px;
}
#navegador li a{
   padding: 2px 7px 2px 7px;
   color: #FFF;
   background-color: #1c65b4;
   border: none;
   text-decoration: none;
}
#navegador li a:hover{
   background-color: #053d79;
   color: #ffffff;
} 
#navegador li ul{
   display: none; 
   width:170px;
   left:46%;
   background-size: 80px 75px;
   position: absolute;
   text-align: left;
   line-height: 16pt;
   margin-top:0px;
}
#navegador li:hover > ul{
   display: block;
}
#navegador ul ul li {
 position: relative;
 float:none;
}
.slider{
width: 100%;
margin: auto;
overflow: hidden;
}	
.slider ul{
display: flex;
padding: 0;
width: 400%;
animation: cambio 10s infinite;
}
.slider li{
width: 80%;
list-style: none;
}
.slider img{
margin-left: 26%;
width: 45%;
height:80%;
float: left; 
}
@keyframes cambio{
0%{margin-left: 0;}
20%{margin-left: 0;}
25%{margin-left: -100%;}
45%{margin-left: -100%;}
50%{margin-left: -200%;}
70%{margin-left: -200%;}
75%{margin-left: -300%;}
100%{margin-left: -300%;}
}

* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
table {
  border-collapse: separate;
  background:#989898;
  border-color: #04429b;
  border-radius: 10px;
  margin-left: 20%;
  margin-top: 10px;
}
thead th {
	font-family: Georgia, "Times New Roman", 
	Times, serif;
	color:#ffffff;
  font-size:16px;
  font-weight:400;
}

tbody tr td {
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  color:#ffffff;
  font-size:16px;
  padding:20px 20px 20px 20px;
}
.contacto{
margin-left: 20%;
margin-right: 200px;
margin-top: -450px;
margin-bottom: 0px;
}
.contacto label{
	display: block;
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 294px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow: 0 0 0 3px #EEF5F7;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow: 0 0 0 3px #DDE9EC;
}
.button {
    /* Para posicionar los botones a la misma posición que los campos de texto */
    padding-left: 70px; /* mismo tamaño a todos los elementos label */
}
button {
    /* Este margen extra representa aproximadamente el mismo espacio que el espacio
       entre los labels y sus campos de texto */
    margin-left: .4em;
	border: 1px solid #CED5D7;
	box-shadow: 0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	background: #E4F1F6;
	background: -moz-linear-gradient(top, #E4F1F6 0%, #CFE6EF 100%);
	background: -webkit-linear-gradient(top, #E4F1F6 0%, #CFE6EF 100%);
}
.contacto input[type='sumbit']{
	border: 1px solid #CED5D7;
	box-shadow: 0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #E4F1F6;
	background: -moz-linear-gradient(top, #E4F1F6 0%, #CFE6EF 100%);
	background: -webkit-linear-gradient(top, #E4F1F6 0%, #CFE6EF 100%);
}
.contacto input[type='sumbit']:hover{
	background: #EDFCFF;
	background: -moz-linear-gradient(top, #EDFCFF 0%, #CFE6EF 100%);
	background: -webkit-linear-gradient(top, #EDFCCF 0%, #CFE6EF 100%);
}
.contacto input[type='sumbit']:active{
	background: #CFE6EF;
	background: -moz-linear-gradient(top, #CFE6EF 0%, #EDFCFF 100%);
	background: -webkit-linear-gradient(top, #CFE6EF 0%, #EDFCFF 100%);
}

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left:-2%; /* Establecemos la barra en la izquierda */
	top: 8%; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 2px 10px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #5bf978;}
	.social ul li .icon-pinterest {background: #d74017;}
	.social ul li .icon-mail {background: #4173c2;} 
	.social ul li a:hover {
		padding: 2px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}

address{
font-family: 'arial';
margin-top: 1em;
padding-top: 1em;
background: #989898;
border-top: thin dotted #ffffff}