html{margin: 0; padding: 0;height: 100%}
body{font-family: trebuchet ms; font-size: 10pt;margin: 0; padding: 0; 
  background-image: url(imagenes/fondos/fondo_0.jpg);
}
footer{
	color: #efebe2; text-align: center; width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,555555+39,555555+58,222222+100 */
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #555555 39%, #555555 58%, #222222 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #222222 0%,#555555 39%,#555555 58%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #222222 0%,#555555 39%,#555555 58%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */

  font-size: 90%; padding: 6px; text-shadow: 3px 3px 3px #000000; margin-top: 10px; margin-bottom: 0px;
position: fixed;
bottom: 0px;
}
form, .formulario{width: 75%; margin: 20px auto; padding: 20px; 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff0e6+0,ffe3d1+100;L+Green+3D */
  background: #fcfcfc; /* Old browsers */
	border-radius: 20px;
  -webkit-box-shadow: 0 10px 20px 5px #A1A1A1;
  box-shadow: 0 10px 20px 5px #A1A1A1;
}


   .btnSel{
    height: 50px; width: 50px; text-align: center; vertical-align: middle; margin: 2px; color: #fff; border-radius: 8px;cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #65AFF4; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #65AFF4 0%, #6177D4 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #65AFF4 0%,#6177D4 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #65AFF4 0%,#6177D4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65AFF4', endColorstr='#6177D4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }

   .btnDis{
    height: 50px; width: 50px; text-align: center; vertical-align: middle; margin: 2px; color: #fff; border-radius: 8px;cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #2258b5; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #43CB57 1%, #348229 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #43CB57 1%, #348229 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #43CB57 1%, #348229 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2258b5', endColorstr='#142466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }

   .btnRes{
    height: 50px; width: 50px; text-align: center; vertical-align: middle; margin: 2px; color: #fff; border-radius: 8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #2258b5; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #d3282b 0%, #7a1c1d 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #d3282b 0%, #7a1c1d 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #d3282b 0%, #7a1c1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2258b5', endColorstr='#142466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }

   .btnNds{
    height: 50px; width: 50px; text-align: center; vertical-align: middle; margin: 2px; color: #fff; border-radius: 8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #2258b5; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #C9C9C9 0%,#A9A9A9 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #C9C9C9 0%,#A9A9A9 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #C9C9C9 0%,#A9A9A9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2258b5', endColorstr='#142466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }

   .txSel{ color: #fff; font-style: italic; font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #65AFF4; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #65AFF4 0%, #6177D4 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #65AFF4 0%,#6177D4 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #65AFF4 0%,#6177D4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65AFF4', endColorstr='#6177D4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }

   .txDis{ color: #fff; font-style: italic; font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #2258b5; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #43CB57 1%, #348229 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #43CB57 1%, #348229 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #43CB57 1%, #348229 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2258b5', endColorstr='#142466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }

   .txRes{ color: #fff; font-style: italic; font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #2258b5; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #d3282b 0%, #7a1c1d 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #d3282b 0%, #7a1c1d 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #d3282b 0%, #7a1c1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2258b5', endColorstr='#142466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }

   .txNds{ color: #fff; font-style: italic; font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2258b5+0,142466+100 */
      background: #2258b5; /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #C9C9C9 0%,#A9A9A9 100%); /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #C9C9C9 0%,#A9A9A9 100%); /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #C9C9C9 0%,#A9A9A9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2258b5', endColorstr='#142466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }


.casilla{
      margin-bottom: 4px; margin-top: 4px; width:28px; vertical-align:middle;
    }

      .alerta{-webkit-box-shadow: 1px 1px 1px 1px #757575; box-shadow: 1px 1px 1px 1px #757575; background: #DEB887;padding: 4px; border-radius: 10px; color: #000; font-weight: bolder; font-size: 12pt; margin: 12px auto;}
      .alerta2{-webkit-box-shadow: 1px 1px 1px 1px #757575; box-shadow: 1px 1px 1px 1px #757575; background: #B8860B;padding: 4px; border-radius: 10px; color: #000; font-weight: bolder; font-size: 12pt; margin: 12px auto;}

.formulario1{width: 350px; margin-top: 20px; margin-bottom: 0; padding: 20px; 
  background: #fcfcfc;
  border-radius: 20px;
  -webkit-box-shadow: 0 10px 20px 5px #A1A1A1;
  box-shadow: 0 10px 20px 5px #A1A1A1;
}
.formulario2{width: 350px; margin-top: 10px; margin-bottom: 0; padding: 10px; 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff0e6+0,ffe3d1+100;L+Green+3D */
  background: #fcfcfc; /* Old browsers */
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0 10px 20px 5px #A1A1A1;
  box-shadow: 0 10px 20px 5px #A1A1A1;
}
.formulario3{width: 350px;  margin-top: 0; margin-bottom: 10px; padding: 10px; 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff0e6+0,ffe3d1+100;L+Green+3D */
  background: #fcfcfc; /* Old browsers */
  border-radius: 0 0 20px 20px ;
  -webkit-box-shadow: 0 10px 20px 5px #A1A1A1;
  box-shadow: 0 10px 20px 5px #A1A1A1;
}

fieldset{border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px 1px #7D7D7D;
	box-shadow: 1px 1px 1px 1px #7D7D7D;
}
legend{font-size: 110%; font-weight: bold;}

.rotuloAcceso{
  background-color: #9DD1F2;
  border-radius:8px;
  padding: 8px;
  font-weight: bolder;
  font-size: 110%;
  width: 40%;
}

input[type="file"]{color: #000;}

	textarea {border-radius: 6px; -webkit-box-shadow: 1px 1px 1px 1px #7D7D7D;
		box-shadow: 1px 1px 1px 1px #7D7D7D; margin: 2px; margin: 10px auto;}
input[type="radio"],[type="checkbox"]{height: 15px;width: 15px; vertical-align: middle;}

.boton{color: #fff; width: 135px; margin: 6px 10px; height: 26px; border-radius: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: rgb(60,60,60); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(99,99,99,1) 0%, rgba(10,10,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,1)), color-stop(100%,rgba(10,10,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#2a2828',GradientType=0 ); /* IE6-9 */
	border: 1px solid #232323;
	box-shadow: 0px 2px 0px #000;
	-moz-box-shadow: 0px 2px 0px #000;
	-webkit-box-shadow: 0px 2px 0px #000; }

.botonMini{color: #fff; width: 55px; margin: 2px; height: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
  background: rgb(60,60,60); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(99,99,99,1) 0%, rgba(10,10,10,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,1)), color-stop(100%,rgba(10,10,10,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#2a2828',GradientType=0 ); /* IE6-9 */
  border: 1px solid #232323;
  box-shadow: 0px 2px 0px #000;
  -moz-box-shadow: 0px 2px 0px #000;
  -webkit-box-shadow: 0px 2px 0px #000; }

	.boton:hover, .botonMini:hover{
		background: rgb(10,10,10); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(10,10,10,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,10,10,1)), color-stop(100%,rgba(99,99,99,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2828', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
		cursor: pointer; }

.miniBoton{
    color: #fff; width: 55px; margin: 0; height: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  }

.botonOrden{ 
  max-height: 20px;vertical-align: middle;border-radius: 3px;
}

.accesoEditar{font-size: .9em; font-weight: bolder; text-decoration: none;color:#ddd;text-shadow: 1px 1px 1px #000000;}
.campoFrmEsp{width: 250px; border: none; height: 30px; border-radius: 6px; margin: 3px; background-color: #75d8ff;text-align: center;}
.campopw{width: 210px;height: 36px; border-radius: 4px 0 0 4px;vertical-align: middle; 
  border: none; background-color: #75d8ff; text-align: center; margin: 0;}
.iconopw{font-size: 16pt; height: 36px; margin: 0; vertical-align: middle; cursor: pointer;
  background-color:#75d8ff; padding: 8px 8px 9px 8px; border-radius: 0 4px 4px 0;}
.botonFrmEsp{width: 250px;height: 36px; border-radius: 4px;vertical-align: middle; cursor: pointer; 
  border: none; background-color: #27a4d6; text-align: center; margin: 12px; color: #fff; font-weight: bolder;}

/* <<<<< ESTILOS DEL MENU >>>>> */

#franja{height: 26px; width: 100%;top: 0px; position: relative; color: #efebe2; text-align:center; font-size: 100%;
   background: rgb(149,149,149); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
   -webkit-border-radius: 0 0 36px 36px;
   border-radius: 0 0 36px 36px; }
#franja a{color: #efebe2; text-decoration: none;}
#franja a:hover{color: #aaa; }

#txtDVNit{height: 36px; border-radius: 6px; -webkit-box-shadow: 1px 1px 1px 1px #7D7D7D; padding: 6px 2px; font-weight: bold;
  box-shadow: 1px 1px 1px 1px #7D7D7D; margin: 2px; background-color: #fff;}

.mensajeError{width: 75%; margin: 12px auto; padding: 6px;
  background: #CDAA73; /* Old browsers */
	border-radius: 20px;
  -webkit-box-shadow:  0 10px 20px 5px #A1A1A1;
  box-shadow:  0 10px 20px 5px #A1A1A1;
	color: #000;
  font-size: 16px;
}

.barra_1{padding: 0 60px; top: 8px; }
.negro{background-color: #000;color: #fff;}
.gris{background-color: #CFCFCF;color: #000;}
.resaltado{color:yellow; text-shadow: 2px 2px 2px #000;font-weight: bolder;}
.resaltadoNegro{color:#000;font-weight: bolder;font-style: italic; text-decoration: underline;font-size: 1.1em;}
.imgEnEncabezado{max-width:80px;max-height:80px; border-radius: 6px;}
.tituloEnEncabezado{
  color:rgb(227,174,127); 
  text-shadow: 2px 2px 2px #000000;
  font-weight: bolder;
  margin: 2px auto;
}
.entrada{width:200px; height:20px; margin:5px auto; position:relative; text-align: center;}
.entrada2{height:24px;width:100px;margin-top:3px;border-radius: 4px;}
.iconoDerecha{font-size: 150%;float: right;margin-top: 6px;margin-right: -10px;}

.enMenuPortada{
  cursor: pointer; 
  max-height: 70px;
  padding: 9px;
  margin: 4px;
  -webkit-box-shadow: 1px 1px 1px 1px #595959;
  box-shadow: 1px 1px 1px 1px #595959;
  border-radius: 10px;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#49c0f0+0,a1d0e2+100 */
  background: #49c0f0; /* Old browsers */
  background: -moz-linear-gradient(top,  #49c0f0 0%, #a1d0e2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #49c0f0 0%,#a1d0e2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #49c0f0 0%,#a1d0e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#a1d0e2',GradientType=0 ); /* IE6-9 */


  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  }

.enMenuPortada:hover{
  max-height: 80px;
  padding: 4px;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1d0e2+0,49c0f0+100 */
  background: #a1d0e2; /* Old browsers */
  background: -moz-linear-gradient(top,  #a1d0e2 0%, #49c0f0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a1d0e2 0%,#49c0f0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a1d0e2 0%,#49c0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1d0e2', endColorstr='#49c0f0',GradientType=0 ); /* IE6-9 */

  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  }
  .rotuloCampo{font-weight: bold;font-style: italic; line-height: 30px;}
  .rotuloCampo2{font-weight: bold;font-style: italic; line-height: 20px;}
  .tdc{text-align: center;}
  .tdl{text-align: left;}
  .tdr{text-align: right;}

  
  .tdtxPortada{text-align: center; vertical-align: top; font-weight: bolder; color: #000; font-size: 100%; }
  .imgtdbotonPortada{max-width: 75px; }
  
  .tdbotonPortada{height: 80px; text-align: center; vertical-align: bottom; }

  .botonPortada{
    height: 100px; width: 100px;
    color: #fff0e6;text-shadow: 2px 2px 2px #000000;
    border-radius: 15px;
    cursor: pointer;
    margin: 10px;
    font-size: 12pt;
    font-weight: bolder;
    vertical-align: middle;

    box-shadow: 3px 3px 3px #000;
    -moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000; 



  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#49c0f0+0,a1d0e2+100 */
  background: #49c0f0; /* Old browsers */
  background: -moz-linear-gradient(top,  #49c0f0 0%, #a1d0e2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #49c0f0 0%,#a1d0e2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #49c0f0 0%,#a1d0e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#a1d0e2',GradientType=0 ); /* IE6-9 */


  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;

  }

  .botonPortada:hover{

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1d0e2+0,49c0f0+100 */
  background: #a1d0e2; /* Old browsers */
  background: -moz-linear-gradient(top,  #a1d0e2 0%, #49c0f0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a1d0e2 0%,#49c0f0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a1d0e2 0%,#49c0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1d0e2', endColorstr='#49c0f0',GradientType=0 ); /* IE6-9 */

  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  }

  .subt{color: #9F9F9F;text-shadow: 1.5px 1.5px 1.5px #000000;}
  .titulo{color: #fff0e6;text-shadow: 2px 2px 2px #000000; background-color: rgba(39, 83, 178,1);width: 90%;
    padding: 6px;border-radius: 12px;
    border: 1px solid #232323;
    box-shadow: 0px 2px 0px #000;
    -moz-box-shadow: 0px 2px 0px #000;
    -webkit-box-shadow: 0px 2px 0px #000; 
    margin-bottom: 8px;
  }
.titulo2{color: #fff0e6;text-shadow: 2px 2px 2px #000000; background-color: rgba(39, 83, 178,1);width: 60%;
    padding: 3px;border-radius: 12px;
    border: 1px solid #232323;
    box-shadow: 0px 2px 0px #000;
    -moz-box-shadow: 0px 2px 0px #000;
    -webkit-box-shadow: 0px 2px 0px #000; 
    margin: 4px auto;
  }

.cen{text-align: center;}
.der{text-align: right;}
.izq{text-align: left;}

.iconoEnlace{
  border: solid 0.3px #000;
  border-radius: 5px;
  box-shadow: 4px 4px 4px #626262;
  max-width: 50px;
  margin: 4px;
  padding: 4px;
}

.selector{vertical-align: middle; max-height: 14px;cursor: pointer; }

.iconoEnlaceMini{
  border: solid 0.3px #000;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #626262;
  max-width: 18px;
  margin: 0 2px;
  padding: 1px;
}

.conMarco{
  border: solid 1px #000;
  border-radius: 10px;
  box-shadow: 4px 4px 4px #626262;
}

.iconoInfDer{
  max-width: 50px;
  position: fixed;
  bottom: 30px;
  right: 10px;
  border: solid 0.3px #000;
  border-radius: 5px;
  box-shadow: 4px 4px 4px #626262;
}

.iconoInfDer2{
  max-width: 50px;
  position: fixed;
  bottom: 85px;
  right: 10px;
  border: solid 0.3px #000;
  border-radius: 5px;
  box-shadow: 4px 4px 4px #626262;
}

.iconoSupIzq{
  max-width: 50px;
  position: fixed;
  top: 1px;
  left: 1px;
  border: solid 0.3px #000;
  border-radius: 5px;
  box-shadow: 4px 4px 4px #626262;
}

/* ************* ESTILOS DEL CALENDARIO DE MES ACTUAL ************* */

  .cal{
    width:120px;
    height: 80px;
    background-image:url("../imagenes/calendario2.png");
    /*background:#444444;*/
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  .caltop {
    font-size:16px;
    font-family:Arial;
    color:#ddd;
    text-shadow: 3px 3px 2px #000000;
    text-align:center;
    padding-top:5px;
    font-weight:bold;
  }

  .calmid {
    margin-top: 16px;
    line-height:60%;
    font-size:16px;
    font-family:Arial;
    color:#fff; 
    text-shadow: 3px 3px 2px #000000;
    text-align:center;
    font-weight:bold;
  }
  .calbot {
    font-size:24px;
    font-family:Arial;
    color:#fff; 
    text-shadow: 3px 3px 2px #000000;
    text-align:center;
    padding-bottom:12px;
    font-weight:bold;
  }

.sangriaFrancesa{
  padding-left: 2em;text-indent: -2em;
}

.subtituloI{
  font-size: 13pt;
  font-style: italic;
}

  .otroform {
    border-radius: 20px;
    margin: 10px auto;
    width: 60%;
    height: auto;
    padding: 20px;
    background-color: rgba(17,17,17,0.3); /* Old browsers */
    -webkit-box-shadow:inset 0 0 6px 3px #5A5A5A;
    box-shadow:inset 0 0 6px 3px #5A5A5A;}

/* <<<<< ESTILOS DEL MENU >>>>> */

nav {font-size: 95%; }
nav ul{list-style: none; padding: 0px;}
nav li{line-height: 26px; position: relative; width: auto; }
nav li ul{position: absolute; }

nav a{
  text-decoration: none;
  display: block;
  color: #000;
  padding: 0 10px 0 10px;
  transition: .8s;
}

nav a:hover{
  background: rgba(39, 83, 178,1);
  color: #ddd;
}

/*PRIMER NIVEL*/
nav > ul{
  background: rgba(125, 198, 224,1);
  display: table;
  margin: 0px auto;
}

nav > ul > li {
  float: left;  
  transition: .8s;
  width: auto;
}

/*SEGUNDO NIVEL*/

nav ul li{
  background: rgba(125, 198, 224,1);
  border-left: thin aqua solid;
}
nav li li{
  background: rgba(125, 198, 224,1);
  width: 160px;
  max-height: 0px;
  overflow: hidden;
  transition:all .8s;

}

nav li:hover > ul > li{
  max-height: 500px;
  overflow: visible;
  border-left: thin aqua solid;
  border-top: thin aqua solid;
}


nav li ul li:hover > a {
  background: rgba(39, 83, 178,1);
  color: #ddd;
}

nav li:hover > a {
  background: rgba(39, 83, 178,1);
  color: #ddd;
}

nav > ul > li > ul{
  top: 100%;
}

/*TERCER NIVEL*/
nav ul ul ul {
  left:100%;
  top: 0;
}

.contenedorOscuro{
  width: 96%;
  border-radius: 20px;
  margin: 12px auto;
  padding: 10px;
  background: #333333;
  color:#fff;
  font-size: 12pt;
}

/*------------- SISTEMA DE AYUDA  -------------*/              
                            
#ayuda2{
  opacity: 0;
  pointer-events:none;
  background: rgba(0,0,0,0.8);
  width: 100%;
  font-size: 12pt;
  position: fixed;
  top: 0px;
  bottom: 0px;
  transition: all ease 0.5s;
}
#ayuda2:target{
  opacity: 1;
  pointer-events:all;
  transition: all ease-in 0.5s;
}
#contenidoAyuda{
  width: 96%;
  border-radius: 20px;
  margin: 0 auto;
  padding: 10px 10px 42px 10px;
  background: #333333;
  color:#fff;
  font-size: 12pt;
}
#contenidoAyuda a{
    background: rgb(10,10,10); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(10,10,10,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,10,10,1)), color-stop(100%,rgba(99,99,99,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(10,10,10,1) 0%,rgba(99,99,99,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2828', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
    cursor: pointer;  text-decoration: none;
  width: 60px;
  float: right;
  margin: 5px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  position: relative;
  bottom: 3px;
  line-height: 24px;
}
#contenidoAyuda a:hover{
  background: rgb(60,60,60); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(99,99,99,1) 0%, rgba(10,10,10,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,1)), color-stop(100%,rgba(10,10,10,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#2a2828',GradientType=0 ); /* IE6-9 */

}

#contenidoAyuda h2{text-align: center; color:yellow}
#contenidoAyuda h3{margin: 12px 0px 0px 0px; color:yellow}
#contenidoAyuda .subtitulo{font-weight:bold;  font-style: italic; font-size:110%; color:yellow}
#contenidoAyuda p{margin: 8px 0px 0px 0px}

.imgEnAyuda{max-height: 1em;}