@font-face{
	font-family:avenir;
	src:url(../fonts/avenir.ttf);
}
body{
	margin:0px;
	background-color: #FFF; 
	font-family: avenir;
}
header{
	height: 40px;
	padding: 10px;
	border-bottom: solid 1px #2c3E4F;
	background-color: #ED7600;
	
}
.logo{
	float:left;
	width: 30px;
}
main{
	padding:20px;
}
.formulario h2{
	text-align:center;
	color:#D4070A;
}
.formulario div{
	width:48%;
	display: inline-block;
}
.formulario label{
	width:120px;
	display:inline-block;
	height: 30px;
	padding-top: 2px;
}
.formulario input{
	height: 28px;
	margin:5px 0px 2px 0px;
	display:inline-block;
}
.formulario select{
	height: 28px;
	margin:5px 0px 2px 0px;
	min-width: 150px;
	display:inline-block;
}
.table{
	width: 100%;
}
.table td{
	height: 30px;
	border-bottom: solid 1px #000;
}
.tbl{
	width:50%; 
	margin-left:25%;
}
#empresa, #documentos, #docempresa{
	clear: both;
	width: 100%;
}
.actual, .anterior{
	width: 40%;
	margin: 10px 4%;
	display: inline-table;
}
.anterior{
	height: 400px;
	overflow: hidden;
	overflow-y: scroll;
}
.nomas12 tr:nth-child(n+13){
    display: none;
}
.btn{	
	padding: 10px 20px 10px;
	border: none;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
}
.btn:hover{
	box-shadow: 2px 2px 3px #000;
}
.minibtn{
	padding:2px 10px;
	border: none;
	border-radius: 5px;
	font-size: 10px;
	text-decoration: none;
}
.verde{
	background:#14D118;
	color: #013D15;
}
.verde:hover{
	background:#007402;
	color: #83C79A;
}
.rojo{
	background:#D11313;
	color: #FBD6D6;
}
.rojo:hover{
	background:#620000;
	color: #FFFFFF;
}
.amarillo{
	background:#D1AC12;
	color: #574F09;
}
.amarillo:hover{
	background:#FFBE00;
	color: #6E5500;
}

.revision{
	width: 45%;
	display: inline-table;
	min-height: 300px;
	margin:20px 2.3%;
	border: 1px solid #9E1316;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 160px;
}
.revision h2{
	width: 100%;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	background: #9E1316;
	color:#FFF;
	padding: 3px;
	margin-top: -3px;
}
.revision table{
	font-size:10px;
	width: 100%;
}
.revision table tr{
	height: 20px;
}
.file{
	cursor:pointer;
}
i[class^='file']{
    color: #F00;
	cursor:pointer;
	font-size: 24px;
}
.ok{
	color: #0F860A;
}
.nook{
	color:#F4080C;
}
.completo{
	width: 50%;
}
.centrado{
	position: absolute;
	padding: 20px;
	text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	background-color: #FFFFFF;
	border:solid 1px #3B3B3B;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #000;
}
.centrado input{
	width: 90%;
	height: 30px;
	margin: 5px 0px;
}
.centrado input:focus{
	border:#D00000;
}
#premios{
	width: 80%;
	margin: 10px 10%;
}
#premios th{
	height: 40px;
	background-color: #ED7600;
}
#premios td{
	height: 40px;
}
#premios td span{
	font-size: 9px;
	padding: 4px;
	background-color: #9D4E00;
	color:#FFF;
	border-radius: 10px;
	cursor:pointer;
}
td[id^='s']{
    color:#FFFFFF;
}
td[id^='n']{
   color:#FFFFFF;
}

footer{
	border-top: solid 1px #2c3E4F;	
	color: #ECF0F1;
	bottom: 0px;
	width: 100%;
	height: 100px;
	text-align: center;
	background-color: #2c3E4F;	
	padding-top: 15px;
}
footer a{
	text-decoration: none;
	color: #ECF0F1;
}
footer #redes{
	width: 40%;
	float: left;
	margin-left: 40px;
}
footer #direc{
	width: 40%;
	float: right;
	margin-left: 40px;
	font-size: 14px;
}
footer #pie{
	clear: both;
	width: 100%;
	font-size: 12px;
}
footer i{
	color:#ECF0F1;
	font-size: 25px;
	margin: 8px;	
}

footer i:hover{
	color:#d42c28;		
}

footer h2{
	font-size: 28px;
	margin:0px;
}
@media (max-width: 1000px) { 
	header{
		overflow: visible;
	}
	.logo{
		margin-left: 40%;
		width: 20%;
	}
	#mcmenu{
		margin-top: 0px;
	}
	#menu-icon-wrapper{
		margin-top: -20px;
	}
	.formulario div{
		width:98%;
		display: inline-block;
	}
	.actual, .anterior{
		width: 80%;
		margin: 10%;
		display: block;
	}
	.tbl{
		width:90%; 
		margin-left:5%;
	}
}
@media (max-width: 600px) { 
	.logo{
		margin-left: 40%;
		width: 20%;
	}
	.p25{
		width:100%;
	}
	footer{	
		height: 100px;		
	}
	footer #redes,footer #direc{
		width: 100%;
		margin:10px 0px ;
	}
	
}