html {
	 	font-family: 'Lato', sans-serif;
	 }	

.clr {
	float: none;
	clear: both;
}


#Contenedor {
	width: 100%;
	max-width: 652px;
	margin: 20px auto;
}

#ContLogo {
	width: 100%;
	max-width: 149px;
	float: left;
}

.Nav {
	width: 100%;
	float: left;
	margin: 20px 0;	
	background-color: #f23d2e;	
}

.back {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
}

.back:hover {
	border-bottom: solid 1px #fff;
}


h2.Titulos {
	width: 100%;
	float: left;
	margin: 20px 0;
	margin-bottom: 0;

	font-size: 1.5em;
	color: #2a3d51;
}

p.Textos {
	width: 100%;
	float: left;
	margin: 20px 0;

	font-size: 1em;
	color: #2a3d51;
}


#ContForms {
	width: 100%;
	max-width: 652px;
	float: left;
}

#Cont-Casillero {
	width: 100%;
	max-width: 250px;
	margin: 20px 0 0 20px;
	float: left;	
}

label {
	font-size: 16px;	
	color: #2a3d51;
	font-weight: 300;
}

input, select {
	width: 100%;
	max-width: 250px;
	height: 40px;
	float: left;
	margin-top: 10px;	
	padding: 10px;

	background:#fff;
	border: solid 1px #2a3d51;

	
	font-size: 16px;	
	color: #2a3d51;
}

input.Enviar {
	width: 100%;
	max-width: 100px;
	height: 40px;
	float: left;
	
	margin: 30px 20px;
	padding: 10px;
	border: solid 1px #2a3d51;
		
	font-size: 16px;	
	font-weight: 700;
	color: #231F20;
	cursor: pointer;
	opacity: 0.7

}

input.Enviar:hover {
	opacity: 1;
	background-color: #231F20;
	color: #fff;	
	-webkit-transition: background-color 4s ease-out;
  -moz-transition: background-color 4s ease-out;
  -o-transition: background-color 4s ease-out;
  transition: background-color 4s ease-out;

}

ul#resultados {
	width: 100%;
	float: left;
	padding: 0;
}

ul#resultados li {
	width: 100%;
	float: left;	
	color: #2a3d51;	
	border-bottom: solid 1px #c4bfbf;
	margin: 10px 0;
	padding: 5px 0;
	list-style:none; list-style-type:none;
}


.Footer {
	width: 100%;
	float: left;

	padding: 20px 0;
}

.Foot {
	text-align: center;
	
}


#ContLogoFooter {
	width: 100%;	
	max-width: 149px;
	margin: 20px auto;
}

.Empresa {
	width: 200px;
	float: right;
	text-align: right;;
}

/* el menú en si mismo */
  .mi-menu  {

    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 510px;    
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    
    color: #EEE;
    display: block;
    
    font-size: 16px;
    line-height: 28px;
    padding: 0 5px;
    margin: 6px 0;
    text-decoration: none;
    
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { text-decoration: underline; }

  /* los submenús */
  .mi-menu ul {
    width: 100%;
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #f23d2e;
    
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {    
    width: 100%;
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {    
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    width: 100%;
    float: left;    
    margin: 10px;
   	line-height: 0;
  }

  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }


.actions {
	float: right;
	margin-top: 10px;
}

a.two {	
	font-size: 1em;
	float: left;
	padding: 5px;
	background-color: #f23d2e;
	color:#fff;
	margin-right: 20px;
	margin-bottom: 10px;
}


a.two:hover {
	background-color:#fff;
	color: #f23d2e;
	border:solid 1px #000;
}


ul#CajaUno {
	width: 100%;
	float: left;
	padding: 10px;
	background-color: #2a3d51;
}

ul#CajaUno li {
	float: left;
	margin: 5px;
	color: #fff;
	font-style: 400;
}

ul#ItemsResultados {
	width: 100%;
	float: left;
	background-color: #2a3d51;
	margin-bottom: 0;
		padding-left: 0;
}

ul#ItemsResultados li {	
	float: left;
	color: #fff;		
	margin: 10px;
}

ul#Resultados {
	width: 100%;
	float: left;

	margin: 0;
}

ul#Resultados li {	
	float: left;
	color: #000;		
	margin: 5px;
	border:none;
}
	ul, li {
		margin-left: 0;
		margin-right:  0;
	list-style:none; list-style-type:none;
	}


.TramiteBtn {
	width: 100%;
	float: left;
	margin: 5px;
	padding: 10px;	
	color: #2a3d51;
	border: solid 1px #2a3d51;
	text-decoration: none;
	text-align: center;
	opacity: 0.7;
}

.TramiteBtn:hover {
	opacity: 1;
	background-color: #231F20;
	color: #fff;	
	-webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;

}


.guia {
	width: 100%;
	float: left;
	margin: 5px;
	padding: 10px;	
	color: #2a3d51;
	border: solid 1px #2a3d51;
	text-decoration: none;
	text-align: left;	
}

.Numeros {
; font-family: Verdana; font-size: x-small; background-position:  center
; font-weight: bold; color: #80B539; vertical-align:center; text-align:right
}

.TextBox { 
;	border: 1px #555 groove; 
	border:none;
	background-color: #fff; 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
;	background-position: center right; 
	font-weight: 
	bold; 
	color: #000; 
	height: 25px; 
	width: 100%; 
	padding: 5px; 
	text-align: right;	
}

.CeldaIG { 
	border: solid 1px #000;
}

.TextBoxCM { 
	border: 1px #fff groove; 
	border:none;
	background-color: #fff; 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
;	background-position: center right; 
	font-weight: 
	bold; 
	color: #000; 
	height: 25px; 
	width: 80; 
	padding: 5px; 
	text-align: left;	
}