@screen-sm-min: 550px;



/* --------------------------------------------------------------------------------- */
body {
      background-image: url(../img/fondo.png); 
      padding-bottom: 0em; 
      background-color: #e3e8ec; 
      margin: 0em; 
      padding-left: 0em; 
      padding-right: 0em; 
      background-repeat: no-repeat; 
      height: 100%; 
      padding-top: 0em
}

/* --------------------------------------------------------------------------------- */
html {
      background-image: url(../img/fondo.png); 
      padding-bottom: 0em; 
      background-color: #e3e8ec; 
      margin: 0em; 
      padding-left: 0em; 
      padding-right: 0em; 
      background-repeat: no-repeat; 
      height: 100%; 
      padding-top: 0em
}

/* --------------------------------------------------------------------------------- */
#bundle {
      position: absolute; 
      width: 974px; 
      top: 16%; 
      left: 0%
}

@media (max-width: 550px) {
	#bundle { 
      width: 100vw; 
      top: 10%; 
	}
}	

/* --------------------------------------------------------------------------------- */
#tit {
      background-image: url(../img/login_tit27.png); 
      background-repeat: no-repeat; 
      height: 2.87em; 
      margin-left: 10%
}
#titsoloanyos {
      background-image: url(../img/login_titSoloAnyos_27.png); 
      background-repeat: no-repeat; 
      background-position:bottom;
}

@media (max-width: 550px) {
	#titsoloanyos {
      background-image: none; 
      font-size: 1.5em; 
      font-weight: normal;
	}
	
	#tittexto{
		width: 100% !important;	
		font-size: 1em !important;
  		padding-left: 1em !important;
	}
}

#tittexto {
  width: 30%;			
  color: #544E4F; 
  font-family: Gill Sans MT,Geneva,sans-serif,Tahoma,Verdana; 
  font-size: 2em;
  font-weight: 400;
  text-align: center;
  padding-left: 1.2em;  
}

#tittextoespacio{
	width: 1.1em;
}


/* --------------------------------------------------------------------------------- */

#header {
	background-image: url(../img/login_background_header.png); 
	width: 100%; 
	background-repeat: no-repeat; 
	height: 2.87em; 
	margin-left: 2%;
}

@media (max-width: 550px) {
	#header {
		display:none;
	}	
}	
/* --------------------------------------------------------------------------------- */
#background {
    background-image: url(../img/login_background.png); 
    width: 100%; 
    background-repeat: repeat-y; 
    height: 15.62em; 
    margin-left: 2.1%;
}

@media (max-width: 550px) {
	#background { 
	      width: 100vw; 
	      height: 96vh; 
	      margin-left: 0.1%;
	      margin-top: 1.1%;
	      margin-bottom:1.1%;
	      border-radius:15px;
	}
}




/* --------------------------------------------------------------------------------- */
#container {
    height: 17.5em;
    margin-left: 2%;
    display: table;
    width: 97%;
    table-layout: fixed;
}

@media (max-width: 550px) {
	#container {  
	   margin-left: 2.5%;
	}
}

/* --------------------------------------------------------------------------------- */
#layer_form_certificado {
      margin-top: 0.5em; 
      width: 31em; 
      font-family: Tahoma, Geneva, sans-serif; 
      float: left; 
      margin-left: 1.25em;
}

/* --------------------------------------------------------------------------------- */

#layer_form_certificado H1 {
   color: #ca8728; 
   font-size: 1.3em; 
   font-weight: normal;
}

@media (max-width: 550px) {
	#layer_form_certificado H1 {
      color: #ca8728; 
      font-size: 2.3em; 
      font-weight: normal;
	}
}

/* --------------------------------------------------------------------------------- */
#layer_form {
    font-family: Tahoma, Geneva, sans-serif;
    margin-left: 0px;
    border-right: #c0c0c0 0.06em solid;
}

@media (max-width: 550px) {
	#layer_form {
      border-right:none;
	}
}

/* --------------------------------------------------------------------------------- */
#layer_form H1 {
      color: #ca8728; 
      font-size: 1.3em; 
      font-weight: normal;
}

/* --------------------------------------------------------------------------------- */
#layer_form img {
      padding-bottom: 1.60em; 
      margin-top: 2em; 
      display: block; 
      float: left; 
      margin-right: 0.32em;
}

/* --------------------------------------------------------------------------------- */
#layer_form1 {
      margin-top: -0.62em; 
      width: 15.62em; 
      font-family: Tahoma, Geneva, sans-serif; 
      float: left; 
      margin-left: 1.25em; 
      border-right: #c0c0c0 0.06em solid;
}

@media (max-width: 550px) {
	#layer_form1 {
		border-right:none;
	}
}	

/* --------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------- */
#layer_form1 img {
      padding-bottom: 1.87em; 
      margin-top: 2.5em; 
      display: block; 
      float: left; 
      margin-right: 0.62em;
}

/* --------------------------------------------------------------------------------- */

#texto_opciones {
	text-align: center; 
	margin-top: 1.25em; 
	color: #999; 
	font-size: 0.7em; 
	font-weight: normal;
}
	
#texto_opciones_CIP {
	text-align: center; 
	margin-top: 1.25em; 
	color: #999; 
	font-size: 0.7em; 
	font-weight: normal;
}

@media (max-width: 550px) {
	#texto_opciones {
	  text-align: left; 
      margin-top: 2em !important; 
      margin-left: 1em;
      color: #999; 
      font-size: 1.1em; 
      font-weight: normal;
      float:left;
	}

	#texto_opciones_CIP {
      text-align: center; 
      margin-top: 1.1em; 
      color: #999; 
      font-size: 2em; 
      font-weight: normal;
	}
}
/* --------------------------------------------------------------------------------- */
#info {
      margin-top: -0.5%; 
      display: block; 
      float: left; 
      margin-right: 0.62em;
}

/* --------------------------------------------------------------------------------- */
#cita {
      margin-top: -5.3%;
      display: block; 
      float: right;
      margin-left: 0.62em;
      background-repeat: no-repeat;
}

/* --------------------------------------------------------------------------------- */
#text_inst {
      margin-top: 0.62em; 
      display: block; 
      color: #8a8a8a; 
      margin-left: 4.37em;
}

/* --------------------------------------------------------------------------------- */
#text_inst2 {
      margin-top: -3.3em; 
      display: block; 
      color: #8a8a8a; 
      margin-left: 4.37em;
      float: right;
}

/* --------------------------------------------------------------------------------- */
#text_inst3 {
      margin-top: -3.3em; 
      display: block; 
      color: #8a8a8a; 
      margin-left: 22em;
      float: left;
      
}

#text_inst4 {
      margin-top: -3.3em; 
      display: block; 
      color: #8a8a8a; 
      margin-left: 40.5em;
      float: left;
      
}

/* --------------------------------------------------------------------------------- */
#layer_dni_certificado {
    border-right-color: #c0c0c0;
    border-right-style: solid;
    border-right-width: 0.06em;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    margin-bottom: 1em;
    width: 25%;
    vertical-align: middle; 
    display: table-cell;
}

@media (max-width: 550px) {
	#layer_form1 {
		border-right:none !important;
	}
}

#layer_dni_certificado1 {
    font-family: Tahoma;
    margin-bottom: 1em;
    text-align: center;
}



/* --------------------------------------------------------------------------------- */
#layer_dni {
      text-align: center; 
      margin-top: 5%; 
      margin-left: 5%; 
      width: 15%; 
      font-family: Tahoma, Geneva, sans-serif; 
      float: left;
}

/* --------------------------------------------------------------------------------- */
#texto_dni {
      text-align: center; 
      margin-top: 0.62em; 
      color: #ca8728; 
      font-size: 0.8em; 
      font-weight: normal
}

@media (max-width: 550px) {
	#texto_dni {
	   	margin-top: 0em;
	    color: #ca8728;
	    font-size: 1.1em;
	    font-weight: normal;
	    float: left;
	    display: inline-flex;
	    margin-left: 3%;
	    flex-wrap: nowrap;
	    align-items: baseline;
	    justify-content: center;
	    align-content: stretch;
	    flex-direction: column-reverse;
	}
}    

/* --------------------------------------------------------------------------------- */
.errors {
      text-align: left; 
      margin-top: 5%; 
      width: 100%; 
      float: left; 
      height: 1.31em; 
      color: #ca8728; 
      font-size: 0.9em
}

/* --------------------------------------------------------------------------------- */
.background_layer_form {
      width: 8.75em; 
      margin-bottom: 0.62em; 
      height: 1.71em; 
      border-radius: 0.62em; 
      -moz-border-radius: 0.62em
}

@media (max-width: 550px) {
	.background_layer_form {
		height: 2.71em; 
	}
	
	input[type=text] {
	  width: 51%;
	  padding: 12px 20px;
	  margin: 8px 0;
	  box-sizing: border-box;
	  font-size: 20;
	}	
	
	input[type=password] {
	  width: 51%;
	  padding: 12px 20px;
	  margin: 8px 0;
	  box-sizing: border-box;
	  font-size: 20;
	}	
	
	input[type=submit] {
	  width: 51%;
	  margin: 6px 0;
	  box-sizing: border-box;
	  font-size: 20;
	}	
	
	input[type=button] {
	  width: 51%;
	  margin: 6px 0;
	  box-sizing: border-box;
	  font-size: 20;
	}	
}

/* --------------------------------------------------------------------------------- */
.boton {
      border-bottom: 0em; 
      border-left: 0em; 
      padding-bottom: 0.18em; 
      background-color: #e7933f; 
      padding-left: 0.43em; 
      padding-right: 0.43em; 
      color: #fff; 
      border-top: 0em; 
      border-right: 0em; 
      padding-top: 0.18em; 
      border-radius: 0.18em; 
      -moz-border-radius: 0.18em
}

@media (max-width: 550px) {
	.boton {
      border-bottom: 0em; 
      border-left: 0em; 
      padding-bottom: 0.7em !important; 
      background-color: #e7933f; 
      padding-left: 0.8em !important; 
      padding-right: 1.30em !important; 
      color: #fff; 
      border-top: 0em; 
      border-right: 0em; 
      padding-top: 0.7em !important; 
      border-radius: 0.18em; 
      -moz-border-radius: 0.18em
	}
}	

/* --------------------------------------------------------------------------------- */
#img_passw {
      margin-top: 0em; 
      float: left; 
      margin-left: 2%
}

@media (max-width: 550px) {
	#img_passw{
		display: none !important;
	}
}	

/* --------------------------------------------------------------------------------- */

#text {
   padding-bottom: 0.5em; 
   background-color: #dbdfe2; 
   padding-left: 0.5em; 
   width: 68em; 
   padding-right: 0.5em; 
   display: block; 
   font-family: Tahoma, Geneva, sans-serif; 
   color: #737373; 
   margin-left: 3.12em; 
   font-size: 0.8em; 
   margin-right: 3.12em; 
   padding-top: 0.5em;
   height: 50px;
}

@media (max-width: 550px) {
	#text {
	  width: 95vw;
	  margin-left: 0.5em; 
	  font-size: 1em; 
	  margin-right: 0.5em;
	  height: 200px;
	}
}
/* --------------------------------------------------------------------------------- */
#text H2 {
      font-weight: normal
}

/* --------------------------------------------------------------------------------- */
#textMargen {
      padding-bottom: 0.5em; 
      background-color: #dbdfe2; 
      margin-top: 4%; 
      padding-left: 0.5em; 
      width: 68em; 
      padding-right: 0.5em; 
      display: block; 
      font-family: Tahoma, Geneva, sans-serif; 
      color: #737373; 
      margin-left: 3.12em; 
      font-size: 0.8em; 
      margin-right: 3.12em; 
      padding-top: 0.5em
}

@media (max-width: 550px) {
	#textMargen {
	      width: 95vw; 
	      margin-left: 0.8em; 
	      font-size: 0.8em; 
	}	
}

/* --------------------------------------------------------------------------------- */
#textMargen H2 {
      font-weight: normal
}

/* --------------------------------------------------------------------------------- */
#background_footer {
      background-image: url(../img/login_background_footer.png); 
      width: 100%; 
      background-repeat: no-repeat; 
      height: 4.37em; 
      margin-left: 2%
}

@media (max-width: 550px) {
	#background_footer{
		display:none;
	}	
}	


/* --------------------------------------------------------------------------------- */
UL#idiomas {
      position: relative; 
      text-align: right; 
      padding-bottom: 0.4em; 
      margin: 0em; 
      padding-left: 0.7em; 
      padding-right: 0em; 
      font-family: Tahoma,Verdana,Arial,Helvetica; 
      font-size: 0.8em; 
      padding-top: 0.4em
}

@media (max-width: 550px) {
	UL#idiomas { 
      text-align: left; 
	}	
}

/* --------------------------------------------------------------------------------- */
UL#idiomas LI {
      list-style-type: none; 
      padding-left: 0.5em; 
      padding-right: 0.5em; 
      display: inline; 
      border-right: #3f5c83 0.2em solid; 
      border-right: expression(this.nextSibling==null?'none':'0.2em solid #3F5C83')
}

/* --------------------------------------------------------------------------------- */
UL#idiomas LI A {
      color: #914b00; 
      margin-right: 0.5em
}

/* --------------------------------------------------------------------------------- */
UL#idiomas LI:unknown {
      border-right: medium none
}

/* --------------------------------------------------------------------------------- */
#text_certificado{
    padding:0.5em;
    margin-bottom: 1em;
    width:31.25em;
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 0.8em;
    color: #737373;
    background-color:#dbdfe2;
}