body {text-align: center; margin: 0 auto; padding: 40px 0; font-family: arial; font-size: 14px; 
background: #811E68;
background: -moz-linear-gradient(left, #00348B 0%, #4179D7 50%, #00348B 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #00348B), color-stop(50%, rgba(79,37,86,1)), color-stop(100%, #00348B));
background: -webkit-linear-gradient(left, #00348B 0%, r#4179D7 50%, #00348B 100%);
background: -o-linear-gradient(left, #00348B 0%, #4179D7 50%, #00348B 100%);
background: -ms-linear-gradient(left, #00348B 0%, #4179D7 50%, #00348B 100%);
background: linear-gradient(to right, #00348B 0%, #4179D7 50%, #00348B 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4179D7', endColorstr='#811e68', GradientType=1 );
}
a {text-decoration: none; color: #4D90FE;}
a:hover {text-decoration: none;}
a img {border-width: 0;}
input, select, textarea, button {border: 1px solid #C6DBFF; /* height: 32px; line-height: 32px;*/ padding: 6px; }
input[type="text"], input[type="email"], input[type="number"], input[type="password"], select {width: 300px;}
textarea  {width: 450px; height: 40px; }
input:focus, button:focus, select:focus, textarea:focus {border: 1px solid #4D90FE;
box-shadow: 0 0 5px #C6DBFF;
    -webkit-box-shadow: 0 0 5px #C6DBFF;
    -moz-box-shadow: 0 0 5px #C6DBFF;
}
input[type="submit"], button {background: #4D90FE; color: #fff; font-weight: bold; padding: 6px; border-width: 0; cursor: pointer;}
input[readonly] {background: #DDEAFF;}
.error {color: #D14836;}
.exito {color: #4BB549;}
.input_error {border: 1px solid red !important;}
.fecha{padding-right: 40px; background: url(img/calendar.png) no-repeat right center; cursor: pointer;}
.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.italic {font-style: italic}

#contenedor {text-align: center; margin: 0 auto; padding: 10px; background: #fff;}
#contenedor > div {min-height: 300px;}
#menu{height: 20px;}
#menu ul {margin: 0; padding: 0;}
#menu ul li {float: left; padding: 0 10px; height: 20px; line-height: 20px; list-style: none;}

#menuI, #menuI li {padding: 0; margin: 0; }
#menuI {width: 90%; max-width: 800px; min-width: 280px; margin: 0 auto; font-size: 0;}
#menuI li {display: inline-block; list-style: none; width: 20%; margin: 0%; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-align: center;}
#menuI li a {font-size: 12px;}
#menuI i {font-size: 36px; display: block; color: #FFF;  height: 90px; line-height: 90px; width: 90px; border-radius: 50%; margin: 0 auto 5px auto;
background: #811E68;
background: -moz-linear-gradient(left, #00348B 0%, #4179D7 50%, #00348B 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #00348B), color-stop(50%, rgba(79,37,86,1)), color-stop(100%, #00348B));
background: -webkit-linear-gradient(left, #00348B 0%, r#4179D7 50%, #00348B 100%);
background: -o-linear-gradient(left, #00348B 0%, #4179D7 50%, #00348B 100%);
background: -ms-linear-gradient(left, #00348B 0%, #4179D7 50%, #00348B 100%);
background: linear-gradient(to right, #00348B 0%, #4179D7 50%, #00348B 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4179D7', endColorstr='#811e68', GradientType=1 );
transition: all 0.4s;
}
#menuI a:hover i {font-size: 40px;}


#submenu {height: 30px; display: inline-table;}
#submenu li{float: left; list-style: none;}
#submenu a {display: block; height: 30px; line-height: 30px; padding: 0 10px; font-weight: bold;}

#titulo {text-align: right; margin-right: 0;  font-weight: bold; color: gray}

.form {text-align: center; margin: 0 auto; background: #EEE; padding: 10px 20px;}
.form th {text-align: right; margin-right: 0; padding: 4px;}
.form td {text-align: left; margin-left: 0; padding: 4px;}

.list {text-align: center; margin: 0 auto;}
.list th {background: #4D90FE; color: #fff; }
.list td {text-align: left; margin-left: 0; border-bottom: 1px dashed #C6DBFF; line-height: 18px; height: 18px; padding: 0 6px;}
.list td a{display: block;}
.list a img {height: 18px;}
.list .sub a{font-style: italic; color: gray;}
#list2 {text-align: center; margin: 0 auto;}
#list2 th {background: #4D90FE; color: #fff; }
#list2 td {text-align: left; margin-left: 0; border-bottom: 1px dashed #C6DBFF; font-size: 10px; color: #514A4A;}

#footer{text-align: right; margin: 0 auto;  width: 95%; min-width: 900px; font-size: 10px; color: #fff;}

.tooltip {position: relative; display: inline-block; cursor: pointer; width: 24px; height: 24px; background: url(img/help.png) no-repeat center center;}
.tooltip span {position: absolute; top: 20px; left: 20px; display: none; background: #fff; border: 1px solid #4D90FE; padding: 6px; width: 240px; z-index: 99;}
.tooltip:hover > span {display: block;}

.borrado, .borrado a {text-decoration: line-through; color: gray;}

#login input{padding: 0; margin: 0;}
#login {background: #FFF; padding: 3% 2%; margin-top: 4%; display: inline-block; color: gray; width: 90%; max-width: 300px; min-width: 200px;}
#login > div {}
#login input {height: 50px; line-height: 50px; border-width: 0; margin-bottom: 10px; padding: 0; display: inline-block;}
#login input[type="text"], #login input[type="password"] {background: #E8E8E8; width: 90%; padding: 0 5%;}
#login input[type="submit"] {padding: 0; background: #00348B; color: #FFF; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; width: 100%;}
#login .mensaje_login {line-height: 32px;}
#login input[type="submit"]:hover {background: #0051D7; }

.blink {animation: blink-effect 1s step-end infinite;}
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}