/*@import url("fnr-css-reset.css");*/

/********************** Paginas de Error al Loggearse  **********************/
.centrar-error{ margin:-70px 0 0 15%;}

.img-1{
	 width                : 550px;
	 padding              : 4px 0px 4px 0px;
 	 margin               : 10% 0 0 10%;
	 border               : 4px solid  #1b3271; 
	-moz-border-radius    : 15px; 
	-webkit-border-radius : 15px; 
	 border-radius        : 15px; 
         box-shadow           : 3px 4px 4px #a3a3a3;
}
.img-1 h1{
	 float		      : left;
	 text-decoration      : none;
	 color                : #1b3271; 
	 font-size            : 4.0em;
 	 margin               : 40px 0 0px 50px;
         text-shadow         : 2px 2px 2px #a3a3a3;
}
.img-1 p a{
         font-weight	      : 600;
	 float		      : right;
	 border               : 6px solid  #1b3271; 
	-moz-border-radius    : 58px; 
	-webkit-border-radius : 58px; 
	 border-radius        : 58px; 
	 color                : #1b3271; 
	 font-size            : 4.8em;
 	 margin               : 0px 50px 10px 0px;
	 padding              : 7px 38px 7px 38px;
	 font-family          : fantasy;
         box-shadow           : 3px 3px 6px #a3a3a3;
         text-shadow           : 3px 3px 6px #a3a3a3;
	 text-decoration      : none;	 
}
.img-1 p:hover{
	 background-color      : #fdb827;
}
.img-1 h2{
	 clear 		      : both;
	 text-decoration      : none;	 
	 color                : #1b3271; 
	 font-size            : 1.5em;
 	 margin               : 10px 0 30px 50px;
         text-shadow         : 2px 2px 2px #a3a3a3;
}

.img-2{
	 padding              : 0px 0px 0px 0px;
 	 margin               : 15px 0 0 10%;
}
.img-2 a{
	 width                : 555px;
	 height               : 60px;
	 text-decoration      : none;
	 padding              : 8px 145px 8px 145px;
 	 margin               : 100px 0 0px 0px;
	 border               : 4px solid  #1b3271; 
	-moz-border-radius    : 15px; 
	-webkit-border-radius : 15px; 
	 border-radius        : 15px; 
	 color                : #1b3271; 
	 font-size            : 2em;
         text-shadow         : 2px 2px 2px #a3a3a3;
         box-shadow           : 3px 4px 4px #a3a3a3;
}
.img-2 a:hover{
	background-color      : #fdb827;
}
/********************** Paginas de Login  **********************/

.login        {width: 100%; height:100%;padding: 5% 0px 0px 0px;}
.login .left  {float:left ; width: 45%;border-right:dotted 2px #1b3271;padding: 5px 2% 5px 5px;}
.login .right {float:right; width: 47%;padding: 5px 5px 5px 5px;}

.login h2 { font-size: 28px; color: #1b3271; margin: 0 0 15px 0; padding: 0; letter-spacing: -1px;
         text-shadow         : 2px 2px 2px #a3a3a3; }
.login h3 { font-size: 18px;color: #1b3271; margin: 0 0 15px 0; padding: 0; font-weight: normal; letter-spacing: -1px; }


form .input { 
	background-color: #fff;font-family: Trebuchet MS, Helvetica, sans-serif; color: #1b3271;  
	padding: 7px; font-size: 14px; border: 1px solid  #1b3271; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 

}
#accountName { 
	color: #1b3271;  	
}

form .input:hover {
	background: #fff; 
}
form .input:focus { 
	background: #fff; 
	border-color: #175e7c; 
	color: #000; 
}
form .input.disabled, .input[disabled="disabled"] { 
	background: #e3e3e3; 
	color: #b6b6b6; 
	border-color: #c0c0c0; 
}
form .label { 
	color: #1b3271;
	display: block; 
	padding-bottom: 2px; 
	font-size: 11px; 
	text-transform: uppercase; 
        text-shadow         : 1px 1px 2px #a3a3a3;
}

form input { 
	width: 95%; 
box-shadow : 1px 1px 2px #a3a3a3;
}

form p { 
	margin: 0 0 20px 0; 
}

form input.btn{
	width		: 100px;
	background-color: rgb(49, 70, 127);
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	color: white;  
	padding: 6px; 
	font-size: 14px; 
	border: 1px solid  #1b3271; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
        box-shadow : 2px 2px 5px #888;
cursor:pointer;
-webkit-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
form input.btn:hover{
	background-color: #fdb827; 
color:rgb(49, 70, 127);
}
.login a { color:#0072a3; text-decoration: none; }
.login a:hover,a:focus { color: #00c0ff; }
.login hr{color	        : #fff;	clear	        : both;	margin          :82px 0 0 0;}
a.btn-maria{
	float		: right;
	margin          : 10px 0 0 0;
	width		: 110px;
	background-color: #fff; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	color: #1b3271;  
	padding: 7px; 
	font-size: 14px; 
	border: 1px solid  #1b3271; 
       -moz-border-radius: 5px; 
       -webkit-border-radius: 5px; 
	border-radius: 5px; 
        box-shadow : 2px 2px 5px #888;
}
a.btn-maria:hover,a.btn-maria:focus{
	background-color: #fdb827; 	
	color: #1b3271;  
}
/******************************* pagina de descarga de browsers *************************/
.img-browse{
	margin: 0 0 0 0;
}
.img-browse .espacio{
	margin: 0px 0 0 0;
}
.img-browse-1{
	width:666px;
	height:134px;
	background-image:url(../../images/browser-1.png);
	background-repeat:no-repeat; 
	padding: 0 0 0 0;
	margin : 0 0 0 0;
}
.img-browse-2{
	width:234px;
	height:128px;
	background-image:url(../../images/browser-2.png);
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	margin : 0 0 0 0;
}
.img-browse-3{
	width:210px;
	height:128px;
	background-image:url(../../images/browser-3.png);
	background-repeat:no-repeat; 
	padding: 0 0 0 0;
	margin : 0 0 0 0;
}
.img-browse-4{
	width:222px;
	height:128px;
	background-image:url(../../images/browser-4.png);
	background-repeat:no-repeat; 
	padding: 0 0 0 0;
	margin : 0 0 0 0;
}
.img-browse-5{
	width:666px;
	height:44px;
	background-image:url(../../images/browser-5.png);
	background-repeat:no-repeat; 
	padding: 0 0 0 0;
	margin : 0 0 0 0;
}
/**************** TITULO **********************************/
 #header .login-titulo{
    float            : left;
    width            : 70%;
    margin           : 15px 0px 0px 291px;
 }
 #header .login-titulo h1{
	font-size: 2em;
	color: #1B3271;
	font-weight: bold;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	text-shadow: 2px 2px 3px #A3A3A3;
}

.boton-manuales{
width: 155px;
font-family: Trebuchet MS,Helvetica,sans-serif;
color: white;
font-size: 14px;
border: 1px solid #1B3271;
border-radius: 5px;
box-shadow: 2px 2px 5px #888;
cursor: pointer;
transition: background-color 0.5s ease-out 0s;
float: right;
background-color: #31467F;
padding: 9px 0px 9px 9px;
margin: 0px 45px 0px 291px;
float: right;
}

.boton-manuales:hover{
background-color      : #fdb827;
color:rgb(49, 70, 127);
}

.boton-manuales-link{
text-decoration:none;
color:white;
}

.boton-manaules-link:hover{
color:rgb(49, 70, 127);
}
/**********************************************************/
@media only screen and (max-width: 1320px){
   .login        {width: 100%; height:100%;padding: 10% 0px 0px 0px;margin-left:-100px;}
   .centrar-error{ margin:-40px 0 auto;}
}

@media only screen and (max-width: 1025px){
.login h2 {
    font-size: 23px;
}
}

@media only screen and (max-width: 900px){
   .login        {width: 100%; height:100%;padding: 0px 0px 0px 0px;margin-left:-100px;}
   .centrar-error{ margin:-115px 0 0 -100px;}
}