.enviar:hover{
 background: #160671;
 border:1px solid #D8D8D8;
 border-radius: 5px;
 color:#fff;
 transition: .5s;
 text-decoration: bold;
 cursor: pointer;

}
.enviar{
 transition: .5s;
 text-decoration: bold;
 font-size: 30px;
 border-radius:2px;
 width:80%;
 height:50px;
}
.formatox{
	border:1px solid #D8D8D8;
	transition: .8s;
	background: rgba(255, 255, 255, .2);
	width:30%;
	margin:auto auto;
	border-radius: 5px;
}
.formatox:hover{
	border:1px solid #A4A3A3;
	
	transition: .8s;
}
.formatox2{
	border:1px solid #D8D8D8;
	transition: .8s;
	background: rgba(255, 255, 255, .2);
	width:98%;
	margin:auto auto;
	border-radius: 5px;
}
.formatox2:hover{
	border:1px solid #A4A3A3;

	transition: .8s;
}
#olvi{
	color:#003078;
	transition: .2s;
}
#olvi:hover{
	color:#0051CA;
	transition: .2s;
}
input{
	border:1px solid #D8D8D8;
	text-align: center;
	color: #160671;
	background: rgba(255, 255, 255, .5);
	transition: .5s;
	font-size: 30px;
	border-radius:2px;
	width:80%;
	height:50px;

}
input[type=file]{
	height: 30px;
	font-size: 20px;
}
input[type=button]{
	cursor:pointer;
}
input[type=submit]{
	cursor:pointer;
}
input:hover{
	border:1px solid #160671;
	background: #BBBBBB;
	transition: .5s;
}
input:focus{
	border:1px solid #160671;
	background: #BBBBBB;
	transition: .5s;
}
center{
margin:0px;
height:100%;
}
html,body{
margin:0px;
height:100%;
}
.login1{
 display: inline;
 background: green;
}
.login2{
 display: none;
 background: red;
}


@keyframes alertabien {
    0%   {background: #fff;}
	25% {background: #fff;}
    100% {background: green;}
}
@keyframes alertamal {
    0%   {background: #fff;}
	25% {background: #fff;}
    100% {background: red;}
}
@keyframes alertareg {
    0%   {background: #fff;}
	25% {background: #fff;}
    100% {background: yellow;}
}
#tabien{
	border-radius: 5px;
	background: green;
	margin:0 auto;
	text-align:center;
	padding-top:.8em;
	padding-bottom:.8em;
	font-size: 20px;
	border-radius:2px;
	width:80%;
	-webkit-animation-name: alertabien; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-name: alertabien;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#tamal{
	border-radius: 5px;
	background: green;
	margin:0 auto;
	text-align:center;
	padding-top:.8em;
	padding-bottom:.8em;
	font-size: 20px;
	border-radius:2px;
	width:80%;
	-webkit-animation-name: alertamal; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-name: alertamal;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

tr.g1{background: rgba(100,30,22,1);}
tr.g2{background: rgba(74,35,90,1);}
tr.g3{background: rgba(21,67,96,1);}
tr.g4{background: rgba(20,90,50,1);}
tr.g5{background: rgba(241,196,15,1);}
tr.g6{background: rgba(211,84,0,1);}
tr.g7{background: rgba(98,101,103,1);}
tr.g8{background: rgba(178,186,187,1);}
tr.g9{background: rgba(52,73,94,1);}
tr.g10{background: rgba(23,32,42,1);}

/*tr.g1{background: rgba(0,0,0,.8);}
tr.g2{background: rgba(255,0,0,.8);}
tr.g3{background: rgba(0,255,0,.8);}
tr.g4{background: rgba(0,0,255,.8);}
tr.g5{background: rgba(255,255,0,.8);}
tr.g6{background: rgba(0,255,255,.8);}
tr.g7{background: rgba(255,0,255,.8);}
tr.g8{background: rgba(255,255,255,.8);}*/

/*tr.g1{background: rgba(51,0,127,.8);}
tr.g1{background: rgba(51,0,127,.8);}
tr.g2{background: rgba(127,51,0,.8);}
tr.g3{background: rgba(0,127,51,.8);}
tr.g4{background: rgba(102,127,0,.8);}
tr.g5{background: rgba(0,102,127,.8);}
tr.g6{background: rgba(127,0,102,.8);}
tr.g7{background: rgba(153,100,127,.8);}
tr.g8{background: rgba(127,153,0,.8);}
tr.g9{background: rgba(0,127,153,.8);}
tr.g10{background: rgba(204,127,0,.8);}
tr.g11{background: rgba(0,204,127,.8);}
tr.g12{background: rgba(255,100,204,.8);}
tr.g13{background: rgba(255,0,127,.8);}
tr.g14{background: rgba(127,255,0,.8);}
tr.g15{background: rgba(0,127,255,.8);}*/

#like{
	color:#000;
	font-weight: bold;
	transition: .2s;
	cursor: pointer;
}
#like:hover{
	color:#fff;
	background: rgba(0,0,0,.5);
	transition: .2s;
}
#tcar tr{
	height: 45px
}
.txtnom{
	margin-left: .3%;
}
#pdftabien{
	border-radius: 5px;
	background: green;
	margin:0 auto;
	text-align:center;
	padding-bottom:.8em;
	padding-top:.8em;
	font-size: 20px;
	-webkit-animation-name: alertabien; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-name: alertabien;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#pdftamal{
	border-radius: 5px;
	background: red;
	margin:0 auto;
	text-align:center;
	padding-bottom:.8em;
	padding-top:.8em;
	font-size: 20px;
	-webkit-animation-name: alertamal; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-name: alertamal;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#pdftareg{
	border-radius: 5px;
	background: yellow;
	margin:0 auto;
	text-align:center;
	padding-bottom:.8em;
	padding-top:.8em;
	font-size: 20px;
	-webkit-animation-name: alertareg; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-name: alertareg;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#nosel{
	margin:0 auto;
	text-align:center;
	width: 20px;
	height: 20px;
	padding: 2px 2px 2px 2px;
	cursor:pointer;
	transition: 0.2s;

}
.ss{
	background-color: red;
	border-radius: 10px;
}
#nosel:hover{
	margin:0 auto;
	text-align:center;
	width: 25px;
	height: 25px;
	cursor:pointer;
	border-radius: 5px;
	transition: 0.2s;
	background-color: red;
}
#agre{
	width:20%;
	height:100px;
	cursor:pointer;
	background-color:rgba(120,120,120,0.8);
	border:1px solid yellow;
	background-image:url(../res/crear.png);
	background-repeat:no-repeat;
	background-size:90px;
	background-position:center;
	color:#fff;
	font-weight:bold;
	transition: .2s;
}
#agre:hover{
	background-size:100px;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode: luminosity;
	transition: .2s;
}
#regre2{
	width:20%;
	height:100px;
	cursor:pointer;
	background-color:rgba(120,120,120,0.8);
	border:1px solid black;
	background-image:url(../res/regresar.png);
	background-repeat:no-repeat;
	background-size:90px;
	background-position:center;
	color:#fff;
	font-weight:bold;
	transition: .2s;
}
#regre2:hover{
	background-size:100px;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode: luminosity;
	transition: .2s;
}