body {font-family: Verdana;}

div.principal{background: rgba(255, 255, 255, 0.8); max-width:1000px; padding: 8px; margin-left: auto; margin-right: auto;}

.fv {color: green}
.fr {color: red}

.red {color: red; border-color: #000066; font-size: 75%; font-weight:bold;}
.redred {color: red; border-color: red; font-size: 100%; font-weight:bold;}
.fbold {color: rgb(125,0,0)}

.s {font-size: 75%}
.xs {font-size: 50%}
.ll {font-size: 120%}
.xl {font-size: 150%}

.rnd {border-radius: 15%;}
.C {text-align: center;}
.R {text-align: right;}

span.ms {font-family: monospace;}

div.msgpadre {border:solid blue 1px; background-color: #ccFFFF; width:80%; float:right; text-align: left; font-size:90%; word-wrap: break-word; margin:2px; padding:2px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

div.msgcole {border:solid green 1px; background-color:rgb(255,255,204) ;width:80%; float:left;  text-align:left; font-size:90%; word-wrap: break-word; margin:2px; padding:2px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

div.msgcoleNL {border:solid red 1px; background-color:#FFFF99 ;width:80%; float:left;  text-align:left; font-size:90%; word-wrap: break-word; margin:2px; padding:2px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

div.fh {font-size:80%; color: rgb(116,116,116);}

textarea.ob {height:20px; max-width: 500px; resize: horizontal;}
textarea.msg {width:80%;}
.formresp {background-color:#ccFFFF; text-align:center; padding:3px; border: 1px solid green; margin:1px; word-wrap: break-word;  }

button {border-radius: 10px;}
button:hover {border-color: red;}
button.msg {padding:0; background-color:#ADCDFB; color:rgb(0,51,102);}

button.go {color:rgb(72,72,72); font-weight:bold; background-color: #E0FFBA; font-size:150%} //Fondo verde suave

button.linklike {background:none!important; color:inherit; border:none; padding:0!important; font: inherit; border-bottom:1px solid #444; cursor: pointer;}
button.linklike:hover {border-bottom:1px solid blue;}

th.msgs {min-width:150px;}


fieldset {border-radius: 10px; border: solid 1px #DEDEDE;}

legend {font-family: 'Sedgwick Ave', cursive; color: darkblue; font-size: 115%; border: 1px solid #DEDEDE; border-radius: 15px; padding: 6px; cursor:ns-resize; width:99%;
background-color: rgba(233, 244, 251, 0.8);}

legend:hover {border: 1px solid #00B5F8; background-color:#F5F5FF}

legend.docs {font-size: 100%; background-color: rgba(249, 235, 240, 0.8);}

a.disabled {color: currentColor; opacity: 0.5; text-decoration: none; pointer-events: none; display: inline-block;}

.cerrado{display:none;}
.alturacero{display: block;overflow: hidden;max-height: 0; webkit-transition: max-height 0.3s ease-out;-o-transition: max-height 0.3s ease-out;transition: max-height 0.3s ease-out;}

select {
		border: 0 !important;  /*Removes border*/
		background: #0088cc;
		color: #FFF;
 		padding: 2px;
 		border-radius: 5px;
 		box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
    font-size: 100%
	}

.bl {width:90%;text-align:center; display: inline-block; margin: 10px; padding: 4px;	background: #00B0F0; border: 1px solid lightblue; border-radius: 6px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 2px 1px rgba(0, 0, 0, 0.2); text-decoration: none; font-size: 120%; color: white;}
.bl:hover  { border-color: blue; text-transform: uppercase;}
.bl:active { border-color: #FEE8BD; }
.bl:disabled {background: rgb(250,250,250); color:rgb(180,203,225); text-transform:none !important;}

table.recibos {background-color:#F5F5FF; min-width:350px; margin:auto; border: 1px solid gray; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 2px 1px rgba(0, 0, 0, 0.2);}
td.recibos {padding: 5px; text-align: center; }
th.recibos {border: 1px solid #CECECE; color:darkblue; border-radius: 6px;}



span.noleidos {background-color: red; color: white; border-radius: 25px; float:right; font-family:Arial; font-size:100%; margin:8px;}

.botppal {-webkit-transition: .4s;-o-transition: 1s;transition: 1s; position: relative; animation-duration: 1s;animation-timing-function: linear;}


@media print {
  .no-print {display: none !important;}
}


table.showsmall {display:none}
@media only screen and (max-width: 800px) {
td.hidesmall {display:none}
table.showsmall {display:table}
}









div.areacentral {max-width: 1000px; margin:auto; font-family: arial;}
table.cabecera {width:100%; }

fieldset.login {max-width: 600px; margin:auto; border: 1px solid rgb(242,242,242); font-family: Abel, Helvetica; font-size:120%;}

a.menu:link {font-weight: bold; text-decoration: none; color:black; float:left;}
a.menu:visited {color:black;}
a.menu:hover {color:rgb(143,143,143);}
a.menu:active {color:rgb(188,188,188);}

.menuselected {font-weight: bold; color:rgb(0,164,225); font-size:120%;}

input.correo {font-size:125%; color:rgb(0,164,225); width:100%; margin-bottom:15px;}
input.clave {font-size:125%; color:rgb(0,164,225); width:100%; margin-bottom:15px;}
button.entrar {font-size:125%; color:rgb(0,164,225); width:100%; margin-bottom:15px; border:1px solid rgb(0,164,225); background-color: rgb(238,238,238); border-radius:10px;   transition: background-color 0.5s; transition: color 0.7s;}
button.entrar:hover {color:white; border:1px solid white; background-color: rgb(0,164,225)}

button.olvk {font-size:90%; color:rgb(235,87,147); width:100%; margin-bottom:20px; border:1px solid rgb(235,87,147); background-color: rgb(238,238,238); border-radius:10px;   transition: background-color 0.5s; transition: color 0.7s;}
button.olvk:hover {color:white; border:1px solid white; background-color: rgb(235,87,147)}

input[type=checkbox] {transform: scale(1.2) !important; }

button.entraresc {font-size:125%; color:rgb(0,164,225); width:100%; border:1px solid rgb(0,164,225); background-color: rgb(238,238,238); border-radius:10px;   transition: background-color 0.5s; transition: color 0.7s;}
button.entraresc:hover {color:white; border:1px solid white; background-color: rgb(0,164,225)}

.mg2 { min-width:29px; display:inline-block; position:relative; text-align:center; font-weight: bold; font-family: arial; font-size:80%; cursor: pointer;}
.imgmg {position:absolute; left:0px; top:-5px; z-index:1;}
.inits {z-index:2; position:relative; color:black;}

.paque {color:#000066; font-size:75%; text-decoration-line: underline; text-decoration-style: dotted; cursor:help;}