﻿* {
	margin: 0;
	padding: 0;
	border: 0;  
}

    *: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: #fff;
}

.header {  
    background-color:#162EB3;  
    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:fixed;*/
    position:relative; 
    bottom:0;
    width:100%;
}

    .footer p {
        text-align: center;
        padding:25px 10px;
    }