/*Estilos para html5 NUEVO*/
section{
	margin: 0;
	/*background-color: lime;*/
	/*border: 2px solid black;*/
	padding: 6px 0;
}
article {
	margin: 0;
	/*background-color:teal;*/
	/*border: 2px solid red;*/
	padding: 0;
}
.container {
  display: inline-flex;        /* flex or inline-flex */
  flex-direction: row;         /*row (default) | row-reverse | column | column-reverse;*/
  flex-wrap: wrap;             /*nowrap (default) | wrap | wrap-reverse;*/
  /*flex-flow   This is a shorthand for the flex-direction and flex-wrap properties (default value is row nowrap)*/
  justify-content: flex-start; /*flex-start (default) | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
  align-items: stretch;        /*stretch (default) | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe;*/
  align-content: flex-start;   /*flex-start | flex-end | center | space-between | space-around | space-evenly | stretch | start | end | baseline | first baseline | last baseline + ... safe | unsafe;*/
  margin: 0px;
  width: 100%;
  /*background-color: red;*/
}
.itemForm {
  /*order: 5;          /* default is 0 */
  flex-grow: 0;        /* default 0 */
  flex-shrink: 1;      /* default 1 */
  flex-basis: auto;    /* auto (default) | content | 0 */
  /*flex This is the shorthand for flex-grow, flex-shrink and flex-basis combined  (default is 0 1 auto)*/
  /*align-self: auto | flex-start | flex-end | center | baseline | stretch;*/
  margin: 0px 0px 7px 0px;	
  /*background-color: yellow;*/
}
.itemPD {
  /*order: 5;          /* default is 0 */
  flex-grow: 0;        /* default 0 */
  flex-shrink: 1;      /* default 1 */
  flex-basis: auto;    /* auto (default) | content | 0 */
  /*flex This is the shorthand for flex-grow, flex-shrink and flex-basis combined  (default is 0 1 auto)*/
  /*align-self: auto | flex-start | flex-end | center | baseline | stretch;*/
  margin: 0px 0px 2px 0px;	
  /*background-color: aqua;*/
}
.anchoForm1 {
	min-width: 300px;  /*eliminar esta propiedad para versión mobile*/
	/*background-color: yellow;*/
}
.anchoForm2 {
	min-width: 150px;  /*eliminar esta propiedad para versión mobile*/
	/*background-color: yellow;*/
}
.anchoPD {
   min-width: 135px;  /*eliminar esta propiedad para versión mobile*/
	/*background-color: yellow;*/
}
.margintitulos {
	margin: 14px 0 7px 0;
}

.marginBoton {
   width: 70%;
	text-align: center;
	margin-top: 18px;
}


.titulosform  {
	background: none repeat scroll 0 0 	#DDEEEC;
   border: 0 none;
   font: bold 1em Arial,sans-serif;
   margin: 2px 0;
   padding: 0 10px;
   text-align: left;
	width: 100%;
	margin-bottom: 10px;
}

.linkEnTexto {
	text-decoration:underline !important ;
}



/*  anchura de la pantalla debe de ser 390 píxeles de máximo para que se apliquen estos estilos */
@media screen and (max-width: 390px) {
	.inputcaja1{
			width : 100% !important;
	}
	.opctxtarea {
	     width: 100% !important;
	}
	.caja{
		  width: 100% !important;
	}
}

/*  anchura de la pantalla debe de ser 550 píxeles de máximo para que se apliquen estos estilos */
@media screen and (max-width: 550px) {
	.opctxtarea {
	     width: 100% !important;
	}
}



/*FIN Estilos para html5 NUEVO*/



/*Estilos para html5 */
body {
	font-family : Arial,Helvetica,sans-serif;
}
.cuadroPD {
	background-color: #DDEEEC;
	width: 60%;  /* eliminar esta propiedad para versión mobile*/
	font-weight: normal;
	font-style: italic;
	font-size: 0.8em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.tituloPD {
	/*background-color: #DDEEEC;*/
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	padding-left: 1em;
	margin: 2px 0 8px 0;
}

label {
	font-weight: bold;
	/*white-space: nowrap; es lo que tenía, para responsive lo elimino (creo)*/
	/*background-color: yellow;*/
}

.cursiva{
	font-style: italic;
}
/*FIN Estilos para html5 */



.sinBorde {
	border:0 none;	
}

.oculto {
	display: none;
}

.inputcaja1{
        border:1px;
        border-style:solid;
		  border-color: #457E76;
        font:1em Arial,sans-serif;
        width : 360px;
		  height: 17px;
}

.inputcaja2{
        border:1px;
        border-style:solid;
		border-color:#457E76;
        font:1em Arial,sans-serif;
        width : 180px;
		  height: 17px;
}


.lista  {
	     font-family : Arial,Helvetica,sans-serif;
}

.azul {
	border: 1px solid #457E76;
}

.caja{
	font-size: 1em;
	font-family: Arial, sans-serif;
	height: 17px;
}

.celdaboton {
        text-align : center;
        height : 40px;
        width : 100%;
}

.celdaboton2 {
        text-align : center;
}

.opctxtarea {
        border:1px;
        border-style:solid;
		border-color:#457E76;
        font:1em Arial,sans-serif;
}

.titulosresto  {
	background: none repeat scroll 0 0 	#DDEEEC;
    border: 0 none;
    font: bold 1em Arial,sans-serif;
    margin: 2px 0;
    padding: 0 10px;
    text-align: left;
}

.tituloH2{
        font-family : Arial,Helvetica,sans-serif;
}

.tituloH3 {
        font-family : Arial,Helvetica,sans-serif;
}

.etiqueta  {
        font-weight : Bold;
}

.tabla  {
        font-family : Arial,Helvetica,sans-serif;
		  font-size: 1em;
}

.parrafoinfo {
	font-weight: normal;
}

div.parrafoinfo  p{
	margin: 0px;
}

.normal {
     font-family : Arial,Helvetica,sans-serif;
     font-weight : normal;
     font-size : 1.1em;
}

.centrado {
	text-align: center;
}

.cursiva {
	font-style: italic;
}

.ajustado {
	white-space: nowrap;
}

.arriba {
	vertical-align: top;
}

.anosubrayado {
	text-decoration: none;
}

.anosubrayado:link {
	text-decoration: none;
}

.anosubrayado:visited {
	text-decoration: none;
}

.anosubrayado:hover {
	text-decoration: none;
}

.subt {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.negrita {
	font-weight: bold;
}

#contenido  {
   margin-left: 0px !Important;
}