* {
	margin: 0;
	padding: 0;
	border: 0;  
            -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
             box-sizing:border-box;
}

    *:after, *:before {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
             box-sizing:border-box;
    }

body { 
    font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
    background-color: #2d4259;    
}

fieldset {
    border: none;
    margin: 0;
}

 

/*.wrapper {
    margin: 0 auto; 
}*/

/*.login {*/
    /*position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;*/

      /*left: 50%;
      position: fixed;
      top: 50%;
      transform: translate(-50%, -50%);*/
/*}*/

.form {  
    max-width: 300px;  
    min-width:250px;
    background: #f4f4f4; 
    margin:calc(100%/7) auto;
  
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
}
/*.form {  
    max-width: 300px;  
    min-width:250px;
    background: #f4f4f4; 
  
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
}*/



.form__title {
    background-color: #008ED6;
    color: #fff;
    font-weight: bold;
    width: 100%;
    padding: .7em 0;
    text-align: center; 
    font-size:18px;
}

.form__content {
    padding: 1em .5em .1em .5em; 
    
    text-align:center;
}

.form__content:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 8px solid #fff;
    border-color: transparent transparent #fff;
    margin-top: -31px;
    margin-left: auto;
    left:0;
    margin-right: auto;
    right:0;
}

.form__input {
    display: block;
    
    border: 1px solid #DFDFDF;
     border: 1px solid #c3c3c3;     
}

    .form__input input[type="text"], .form__input input[type="password"] {
         border: none;        
        width: 100%; 
        outline:none; font-size: 14px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOAwAADgMBHX1hngAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAERSURBVDiNrZKxSgNREEXPfTOPBS0UtAqCEAutbPQD7MUvsBNrW7EWRPwHO3st1C+x0E6JjQEFCy3cuGNhipiYxSxeeDAMdw73wiMiGH6Ob5j82uRPJu+Y/DyT137zjiwSvm/yyuRh8q7JX/pzaeSdWkAmr5u8Z/KOYdtAAUwZedfkzyZ/g2JpLMCSnZo8EnlvpFbyI5OHJz8cC0jyG5O/AzMjUWGxX+3qZ+UBCeZB3Yh4ZUgR8QB8AHOD+zRsnFTqxyOnfBuw/KcjuCurcuVfEtQCIjggYgvivgng8TPK4170LiWdNQEsFCpWAapgswmAiqoFIGg1AgQxLSnx/aUnByBOTH4BzI6zeC0AtYF2neML+XTGMRwORkIAAAAASUVORK5CYII61f2be93067fbf03f35bcc1f24bb73f2') center no-repeat; 
        padding: 11px 5px 11px 25px ;
        background-position: 4px 10px;        
    }


    .form__input input[type="text"]{
         border-bottom: 1px solid #444444;     
         background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAfwAAAH8BuLbMiQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADSSURBVDiNnZI9DoJAEIW/VQukpLK05AbaYmXHXTgGN+AA3oBCGw9AwhloqC2NDRmbJdnsDotxk9fM+5nJyxoRwX/GmBS4AFc7ugNPEXkHYhEJALSAeGhVrWIuFPOMwtdvgpPgoMwWOS1gHwkIOC3gGAkIOC0gjQSEnFJiAoyEBY5AslqiiHyARtneWC5+gb0iAwZn+wBkmlbrABF5Ab0z6u1MFfvbz8ANmJwLJjs7Lf5EoAQ6pTwfHVA6PrZA/YPRR229VH+YZ1Q7IAceakHrL/8CUtXt/d86MbEAAAAASUVORK5CYIIad05b9efaf519f655c597de4b7bd6b76') center no-repeat ;
         background-position: 4px 10px;
    }

    .form__input input[type="text"]:focus, .form__input input[type="password"]:focus {
        background-color: #fff;     
    }
    
.switch {     
    display:block; 
    background: #F28424;
    width:210px;   
    height:35px;
    margin: 10px auto;
    padding:.5em 0;
}

.switch__input {
  display: none;
}

.switch__label {   
    color: #f5f5f5;   
    cursor: pointer; 
    white-space:nowrap;
    font-size:12px;    
    padding: .5em .3em;
    line-height: 1;
}
.switch__input:checked + .switch__label {  
  color: #000;  
  cursor:  auto;
  background: white; 
  /*background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee); */
}


input.submit { 
    background-color: #3498DB;
    color: #FFFFFF;
    cursor: pointer; 
    margin-top:.3em;
    padding:8px 25px; 
    font-size:15px; 
}

.msg {
    display:block;
    margin-top:10px;
    color:#DB6565;
}

@media only screen and (min-width: 480px) {
    .switch__label {   
      font-size:14px;
    }

    .switch {      
        width:240px;    
    }
}

/*body { 
   font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
    background-color: #fff;
}

.header {  
    background-color:#1D19BB;  
    padding:.5em;
    border-top: .5em solid #2c3e50;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
} 
.hgroup {
    text-align:center; 
}

.hgroup h3, .hgroup h4 { 
    font-weight:bold;
    display:block;  
    color:#F1F1F1; 
    text-shadow:0px 2px 19px rgba(4, 4, 4, 0.7); 
    text-transform: uppercase;
    font-size:2em; 
}

.hgroup h4 {
    font-size:.8em;    
}

.titulo {   
    color:#34495E;
    font-size:32px;
    font-weight:bold; 
    text-transform: fullwidth; 
    margin: .3em; 
}

form {
	width: auto; 
	margin: 1.5em .5em;   
	padding: 1em; 
    text-align: center;
} 

input[type="text"],input[type="password"]
{ 
    background: url("../images/iconos.gif") no-repeat 0 0 transparent;
    border: 1px solid #BFBFBF;
    color: #2c3e50;
    padding: 5px 5px 5px 25px;
    width: 80%;
    margin-bottom: 10px;   
}

input.user{ background-position: 4px -18px; } 
input.password{ background-position: 4px -39px; } 
 
input.submit
{
     background:none;
    width: auto; 
    background-color: #0FA6DB;
    color: #FFFFFF;
    cursor: pointer;
    text-shadow:0px 1px 20px rgba(236, 240, 241,1.0);  
    display:block;                  
    margin: 10px auto;
    padding:5px 20px; 
	font-weight: bold;  
    font-size: 13px; 
}

.lang {
    margin-right: 2.5%;
}

.dropdown { 
  display: inline-block; 
  height: 25px;
  width: 140px;   
  background-color: #f2f2f2;
  border: 1px solid #BFBFBF;
}
 
#lbMSG {
    display:block;
    margin-top:10px;
    color:#DB6565;
}

@media screen and (min-width: 480px){ 
    form {
	    width: 350px;  
        margin: 5.5em auto;
    } 

    .hgroup h3 {  
        font-size:3.5em; 
    }

    .hgroup h4 {
        font-size:1em;    
    }
}

.footer { 
    position:relative; 
    bottom:0;
    width:100%;
}

    .footer p {
        text-align: center;
        padding:25px 10px;
    }*/