@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

*{

	margin:0;
  }

body{

	background-color: #e3e3e3;
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300; 	
   }

header{

	display:inline-block;
	padding:20px;

   }

nav ul{

	background-image:url(../images/bg.jpg);
	font-size:0;
	padding:0;
   }

nav ul li{

	box-sizing: border-box;
	display:inline-block;
	font-size:16px;
	padding:5px;
	height:40px;
	vertical-align: middle;
	width:20%;
	text-align: center;

   }

nav ul li:hover{

	background-image: url(../images/bg2.jpg);

   }

.active{
	background-image: url(../images/bg2.jpg);
	color: #000000;
}
nav ul li a{
	padding-top: 5px;
	vertical-align: middle;
	color:white;
	text-decoration: none;

   }


nav ul li img{

	padding: 0px;
	margin: 0px;
}

td, tr{
	color: #000000;
}

th{
	width: 980px;
	font-size: 16px;
	background-color: #a7d62b;
	color: #ffffff;
	padding: 10px;
	margin: 5px;
}

td{
	font-size: 15px;
	background-color: #f3f3f3;
	padding: 3px;
}

.titulo_v{
	text-align: center;
}
.descripcion{
	text-align: justify;
	padding: 5px;
}
#img_todas{
	width: 200px;
	margin-left: 60px;
	display: inline-block;
}
#version{
	width: 100px;
}
#titulo_t{
	width: 100px;
}

#f_des, #f_pub{
	width: 100px;
}

#opciones{
	width: 80px;
}
#eliminar{
	vertical-align: middle;
	text-align: center;
}
#slider{
	max-width: 100%;
}
.img_responsive img{
	max-width: 100%;
}

#contenedor{

	margin:0 auto;
	max-width:1000px;
	background-color: #ffffff;
	-webkit-box-shadow: -1px 1px 33px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 33px 3px rgba(0,0,0,0.75);
	box-shadow: -1px 1px 33px 3px rgba(0,0,0,0.75);

   }

#agregar_nuevo, #agregar_nuevo_salir{
	margin-left: 60px;
	padding: 10px;
}

#agregar_nuevo_salir{
	margin-left: 560px;
}

#agregar_nuevo a{
  	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding-top: 6px;
}

#caracteristicas p{
	text-align: left;
}

#webs{

	padding:20px;
	text-align:center;
	max-width: 100%;

   }

#webs article{

	color:black;
	display:inline-block;
	max-width:450px;
	margin:10px;
	padding:10px;
	vertical-align: top;

   }

#webs input, #webs textarea{
	width: 400px;
}

#webs textarea{
	max-width: 400px;
	height: 100px;
	max-height: 400px;
}

#article_inicio{

	color:black;
	display:inline-block;
	max-width:600px;
	margin:5px;
	padding:5px;
   }

#barra_lateral, #versiones_anteriores{

	color:black;
	display:inline-block;
	max-width:270px;
	margin:10px;
	padding:10px;
	text-align: justify;
	vertical-align: top;
   }

#articulo_grande{
  	max-width:70%;
	margin:5px;
	padding:5px;
	display:inline-block;
}


.columna_1{
	text-align: center;
	max-width: 300px;
	padding: 5px;
	display:inline-block;
	vertical-align: top;
	text-align: center;
}

.columna_2{
	max-width:540px;
	display:inline-block;
	text-align: justify; 
}


#webs article img{

	-webkit-transition:.2s;
	-moz-transition:.2s;


   }

#webs article:hover img{

	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);


   }

img{
   	padding: 5px;
   }

#descripcion img{
	padding: 0px;
	margin: 0px;
}

#descripcion p{
	margin: 7px;
	padding: 3px;
}

#descripcion article{
	text-align: left;
	display:inline-block;
	max-width:420px;
	vertical-align: top;
}

.avatar,.personal{

	float:left;


   }

.avatar{

	border:5px solid wthite;
	margin-left:20px;
   
   }


@media screen and (max-width:480px){

	nav ul li {

		width:50%;

		}


	header{

		display:block;
		text-align:center;
		width:auto;

		}


	.avatar,.personal{

		float:none;

		}


	.avatar{

		display:inline-block;
		margin:10px 0;

		}

	#form_subir_archivo{
		display: block;
		width: 100px;
		float: none;
	}

   }

p{

	color:#3d3d3d;

 }

 a{
 	text-decoration: none;
 	color: #ffc411;
 	font-weight: 400; 
 }

h2{

	font-size: 18px;
	text-align: center;
	font-family:inherit;
	color:#ffc30d;
}

hr{
	background-color: black;
  	width: 60%;
  	margin: 5px;

}

footer{
	background-image:url(../images/bg.jpg);
	padding: 3px;
	color: #ffffff;
	text-align: center;
}

.btn, #boton_descargar, #sesion, #ver_anteriores {
  font-family: inherit;
  color: #ffffff;
  font-size: 16px;
  background: #a7d62b;
  padding: 2px;
  border: solid #81b101 1px;
  text-decoration: none;
  /*width: 300px;*/
  height: 50px;

}

#webs input[type="submit"]{
	margin-top: 10px;
	width: 200px;
}


.btn:hover {
  background: #8bc000;
  text-decoration: none;
}

label {
	display:block;
	letter-spacing:1px;
	color: black;
	text-align: left;
	color: #ffc411;
	margin-top:10px;
	}

.formulario {
	display:block;
	margin:0 auto;
	width:510px;
	color: #ffc411;
}
form {
	margin:0 auto;
	width:400px;
}

input, textarea {
	width:610px;
	height:27px;
	border:1px solid #8bc000;
	padding:5px;
	font-size:16px;
	color:#ffc411;
	font-family: 'Open Sans', sans-serif;
}

#login_imagen{
	width: 300px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#login{
	width: 380px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#login input{
	width: 300px;
	height:27px;
	border:1px solid #8bc000;
	margin-top: 20px;
	padding:5px;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}

#login input[type=button]{
	width: 310px;
	height: 40px;
}

#login img{
	vertical-align: middle;
}

#titulo li{

	display:inline-block;
	font-size:16px;
	padding-top: 10px;
	height:40px;
	width:100%;
	text-align: center;

   }

#titulo li:hover{

	background-image: none;
   }

#nueva_version{
	width: 650px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-left: 313px;
	margin-top: -180px;
}

.btn_publicar{
	margin-left: 313px;
	margin-top: 0px;
}

#nueva_version textarea{
	max-width:610px;
	height:100px;
}

.columna{
	width: 200px;
	display: inline-block;
	padding: 5px;
	margin: 5px;
	vertical-align: top;
	text-align: left;
}

.columna input, .btn_publicar input, #form_subir_archivo input, #login_imagen input, #boton_descargar, #ver_anteriores{
	width: 160px;
	height:27px;
	border:1px solid #8bc000;
	margin-bottom: 10px;
	padding:5px;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}

#form_subir_archivo input[type=file]{
	border: none;
	width: 350px;
	height: 40px;
	margin-bottom: 0px;

}

.columna p, #nueva_version p, #form_subir_archivo p, #login_imagen p{
	font-weight: bold;
	color: #ffc411;
}

#login_imagen p{
	margin-top: 30px;
	margin-bottom: -10px;
	font-size: 19px;
}

.separador{
	padding: 10px;
}

.columna input[type=button], .btn_publicar input[type=button], #form_subir_archivo input[type=button], #login_imagen input[type=button], #submit{
	text-align: center;
	width: 200px;
	height: 40px;
}

#sesion{
	padding: 7px;
	width: 200px;
  	text-align: center;
  	height: 25px;
}

#sesion a{
	color: #ffffff;
}

#sube_archivo{
    font-size: 13px;
	padding: 0px;
	margin: 3px;
}

.btn_publicar{
	margin-top: -50px;
	margin-bottom: 15px;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: 'Examinar...';
    width: 100px;
    height: 20px;
    text-align: center;
    display: inline-block;
    background: #a7d62b;
    border: solid #81b101 1px;
    padding: 3px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 10pt;
  	font-family: inherit;
  	color: #ffffff;
}
    
.custom-file-input:active::before {
    background: #8bc000;
  	text-decoration: none;
}

#form_subir_archivo{
	display: inline-block;
	width: 200px;
	vertical-align: middle;
	text-align: left;
	margin-left: 313px;
	margin-top: -500px;
}

#titulo_version{
	font-size: 23px;
	color: #ffc411;
	font-weight: bold;
}

#fechas{
	font-size: 13px;
}

#detalles{
	text-align: justify;
	width: 600px;
}

#boton_descargar{
	margin-top: 30px;
	width: 300px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

#ver_anteriores{
	margin-top: 30px;
	width: 200px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

#boton_descargar a, #ver_anteriores a{
	color: #ffffff;
}

#versiones_anteriores p{
	text-align: left;
	font-size: 13px;
}

.version_ant{
	color: #a7d62b;
	font-weight: bold;
}

#todas_versiones p{
	font-size: 16px;
	text-align: justify;
}

#todas_versiones{
	max-width: 900px;
	margin: 15px;
	padding: 10px;
}

#todas_versiones article{
	width: 870px;
	margin: 20px;
	padding: 10px;
}

#todas_versiones a{
	font-size: 20px;
}

#ir_app{
	max-width: 300px;
	display: inline-block;
	text-align: right;
	width: 100%;
}

#ir_app a{
	color: #fff;
}

.nom_sesion{
	font-weight: bold;
	color: #8bc000;
}