/*************************************************************************************
*  REGISTRO DE MANTENCION.									                         *
*  RESPONSABLE REGISTRO   :	RIGOBERTO ESCOBAR / REQ: 0445_2018	/ FECHA: 18-05-2018  *
*  RESPONSABLE ZEKE	      : GONZALO MUÑOZ 				                             *
*  DESCRIPCION MANTENCION :	Modificaciones en la Nueva OI                            *
**************************************************************************************/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#cuContainer{

	width: 510px;
	/* //INI// REQ: 0445_2018 //GMM// 18-05-2018 // */ 
	background-color: white;
	/* //FIN// REQ: 0445_2018 //GMM// 18-05-2018 // */ 
	
}

#cu_tituloContainer{
	 
	border: solid #E4E4E4;
	
	border-width: 2px;	
	border-radius: 5px;
	
}

#cu_tituloContainerLabel{
	/*//INI// REQ: 0445_2018 //GMM// 18-05-2018 // */
	font-size: 31px;
	/*//FIN// REQ: 0445_2018 //GMM// 18-05-2018 // */
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #2868A8;
	font-weight: bold;
	
}

.cu_Adv{
	
	width: 90%;
	border: solid;
	border-width: 2px;
	margin-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #bce8f1;
	color: #3987ad;
	background-color: #d9edf7;
	
}


.cu_AdvError{
	
	border: solid;
	border-width: 2px;

	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #eed3d7;
	color: #b94a48;
	background-color: #f2dede;
	margin-top: 20px;
	margin-bottom: 20px;
}

.cu_testAdvError{
	
}

#cu_LoginContainer{

	margin-top: 20px;
	margin-left: -10px;
	margin-right: 10px;
	
}

#cu_btnIngresar{
	
	
}

#cu_ContainerInterno{
	margin-top: 20px;
	border: solid #E4E4E4;
	border-radius: 5px;
	border-width: 2px;
}

#cu_logo{
	width: 497px; 
	height: 154px;

}

#cu_tableLink{
	border-style: none;
}

#cu_linkContainer{
	color: #3987ad;
}

#divClaveUnica {

	width:500px;
	/*margin-top: -10px;*/
	margin: 0 auto;
	/*margin-left: 70px;*/
	padding: 30px;
	border: 1px solid #F4F4F4;
	border-radius: 10px;
	
}

.imglogoclass{
	      height: 90px;
	       margin: -2px 13px 0px -7px !important;
}  
#formClaveUnica .logo img {
            margin: -2px 13px 0px -7px !important
          }
#formClaveUnica .logo {
            text-align: center;
          }
.logo {
            background-color: white;
            height: 100px;
          }
.#formClaveUnica .logo img{
            margin: 10px -5px !important;
          }
#formClaveUnica .main input[type=text], #formClaveUnica .main input[type=password] {
            height: 55px;
          }
#formClaveUnica .alert {
            padding: 10px !important;
          }
.alert {
            margin-bottom: 10px !important;
          }
#formClaveUnica .main .btn {
            padding: 15px 20px !important;
          }
#formClaveUnica {
            border-radius: 0px !important;
          }
#formClaveUnica .main label {
		    line-height: 48px;
		    font-weight: 700;
		    font-size: 20px;

          }
          
          

#formClaveUnica .logo img.logo-clave-unica {
            margin-top: 10px !important; margin-left: -75px !important;
              height: 90px;
          }

@media (max-width: 768px) and (orientation: portrait) {
#formClaveUnica .logo img.logo-clave-unica {
                margin-top: 20px !important; margin-left: 0 !important;
                height: 67px;
            }
          }

          @media (max-width: 480px) and (orientation: portrait) {
            #formClaveUnica .logo img.logo-clave-unica {
                margin-top: 25px !important; margin-left: 0 !important;
    	height: 50px;
	}
}
          
          
          
#formClaveUnica .main .btn-primary {
    color: #fff;
    background: #0067ab;
}

.btn-primary:hover {
    background: #0086d4;
    text-decoration: none;
}

#formClaveUnica .main .btn {
    font-family: arial,sans-serif helvetica;
    font-size: 22px;
    font-weight: 400;
    padding: 10px 20px;
    text-decoration: none;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: Helvetica,Arial,Sans-Serif;
}
#formClaveUnica .main input[type=text],#formClaveUnica .main input[type=password] {
    font-size: 26px;
    height: 48px;
    line-height: 30px;
    color: #656565;
    padding: 8px 16px;
}

#formClaveUnica .ajaxLoader {
    width: 80px;
    background: #000 url(../img/ajax-loader.gif) 25px 16px no-repeat;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 5px;
    visibility: hidden;
    z-index: 100;
}
#formClaveUnica {
    position: relative;
    background: #fff;
    color: #656565;
    border-radius: 5px;
}

.form-control {
	display: block;
	width: 97%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
 
.classLoader{
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}