/* CSS Document */
body { 
    	background:url(../images/bg_site.png) repeat-x;
            background-color: #348adf;
/*background:url(../images/bg_login.png) repeat-x;
background-color:#66ac96;*/
margin:0 0;
font:Tahoma;
}
.welcome {
	margin:80px auto 10px auto;
	font:normal 22px Tahoma ;
	letter-spacing:3px;
	color:#4f5862;
	text-align:center;
}
.logo-login {
	background:url(../images/logo_contalinea.png) no-repeat;
	width:287px;
	height:75px;
	margin:10px auto;
}
#in_sesion {
	background:url(../images/log_bg_square2.png) repeat-x bottom;
	width:365px;
	min-height:300px !important;
	margin:20px auto 10px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border-bottom:2px solid #4E84B9;
	padding:5px; 

    -webkit-box-shadow: 0px 0px 20px 1px rgba(52,138,223,1);
-moz-box-shadow: 0px 0px 20px 1px rgba(52,138,223,1);
box-shadow: 0px 0px 20px 1px rgba(52,138,223,1);
    /*-webkit-box-shadow: 0px 0px 20px 1px rgba(255,255,255,0.5);
-moz-box-shadow: 0px 0px 20px 1px rgba(255,255,255,0.5);
box-shadow: 0px 0px 20px 1px rgba(255,255,255,0.5);*/
}

.tit_ini_ses {
	font:normal 24px Tahoma;
	text-align:center;
	color:/*#0D7791;*/#4f5862;
	margin:25px auto 15px;
}

.inputs_logs {
	background:url(../images/log_bg_input.png) repeat-x;
	/*opacity: 0.6;*/
	width:302px;
	height:35px;
	-webkit-border-radius:6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:5px;
	margin:20px auto;
}
.ic_user {
	background:url(../images/log_ics.png) 0px 0px no-repeat;
	width:28px;
	height:34px;
	margin:0 0 0 0;
	float:left;
}
.ic_candado_on {
	background:url(../images/log_ics.png) 0px -95px no-repeat;
	width:28px;
	height:34px;
	margin:0 0 0 0;
	float:left;
}
.ic_candado_off {
	background:url(../images/log_ics.png) 0px -50px no-repeat;
	width:28px;
	height:34px;
	margin:0 0 0 0;
	float:left;
}

input[type="text"], input[type="password"] {
    background: transparent;
    border: none;
	outline:none;
	width:245px;
	height:1.1em;
	font: 1.0em Tahoma;
	color:#5b5b5b;
	padding-left:5px;
}
.btn_ini_ses {
	background:url(../images/log_bt_inises.png) repeat-x;
	width:152px;
	height:44px;
	cursor:pointer;
	padding:10px;
	font:normal 18px Tahoma;
	color:/*#0D7791;*/#4f5862;
	margin:5px 104px;
	border:none;
	outline:none;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.btn_ini_ses:hover {
	background:url(../images/log_bt_inises2.png) repeat-x;
	color:#fff;
}
.txt_label{
	font:bold 0.8em Tahoma;
	color:/*#0077d4;*/#4f5862;
    padding-left:2px;
}

p.txt_parrafo {
	margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    /**/
    font:bold 0.9em Tahoma;
}
.centro {
    margin:5px 100px;
}
.text_error {
    font:normal 0.9em Tahoma;
    color:#4f5862;
    padding:15px;
    text-align:center;
}
form {
    height:auto !important;
}
.clear {
    clear:both;
}
.espacio20 {
    height:20px;
}
#correo {
    outline:none;
    border:none;
    margin-top:-25px;
}
.btn_forlog {
	background:url(../images/log_bt_inises.png) repeat-x;
	min-width:100px;
	height:44px;
	cursor:pointer;
	padding:10px;
	font:bold 13px Tahoma;
	color:/*#0D7791;*/#4f5862;
	margin:10px 25px;
	border:none;
	outline:none;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.btn_forlog:hover {
	background:url(../images/log_bt_inises2.png) repeat-x;
	color:#fff;
}
.info_msj { 
	font:bold 0.8em Tahoma;
	color:#0077d4;
    padding-left:2px;
    margin:20px auto;
}
.btn_pass {
    margin:20px auto !important;
}
.auto_marg {
    margin:10px 130px;
}


.pass_texto {
	color: wheat;
    font-size: 1.3em;
    font-weight: normal;
    padding: 0 15px 30px 65px;
}

.txt_error {
	clear:both;
    color: #d8000c;
    font-size: 1.2em;
	padding: 5px;
}

.hr_linea{
	height:20px;
	text-align:center;
}

.tit_msj {
	color: #4f5862;
	text-align: center;
}

.text_msj{
	color: #ffffff;
    font: 1em Tahoma;
	padding: 10px 15px;
	text-align: justify;
}

/*-----------CSS EXCLUSIVOS defs CHROME, PERSONALIZACIÓN del input, textarea symbol select POR JEPL 09/01/2015-------------*/

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus, 
textarea:-webkit-autofill:focus, 
select:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}  

/*-----------TERMINA CSS EXCLUSIVOS defs CHROME, PERSONALIZACIÓN del input, textarea symbol select POR JEPL 09/01/2015-------------*/

/* Clase para el Chat*/

    .btnChat {
        background: url(../css/images/chat/btn_help_off.png) no-repeat 0px 0px;
        height: 53px;
        width: 80px;
        cursor: pointer;
        overflow: hidden;
        /*float: right;*/
        -webkit-transition: All 1s ease;
        -moz-transition: All 1s ease;
        -o-transition: All 1s ease;
        transition: All 1s ease;
		position:fixed;
		top:100px;
		right:0px;
    }

	.btnChat:hover {
		background: url(../css/images/chat/btn_help_on.png) no-repeat 0px 0px;
		height: 84px;
		width: 140px;
	}

	.btnChat.activo {
		background: url(../css/images/chat/btn_help_on.png) no-repeat 0px 0px;
		height: 84px;
		width: 140px;
	}

    

/* ----------estilos Para Bn superior promociones Login MAPS Ago 2017 --------------*/

body {
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    transition: All 1s ease;
}

.BodyBnActivo {
    /*padding-top: 138px;*/
}
.BodyBnActivo .btnChat {
    top:180px;
}
.welcomeTop {
    background-color: #f4f4f4;
    border-bottom: 10px solid #ff6600;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 10px;
    top: 0px;
    padding: 15px;
    position: fixed;
    width: 100%;
    z-index: 999;
}


.welcomeTopBox {
    width: 100%;
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .welcomeTopBox img {
        max-width: 100%;
    }

.btnCloseWT {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: FontAwesome,Tahoma;
    font-size: .85em;
    padding: 6px;
    position: absolute;
    right: -68px;
    text-align: center;
    width: 65px;
	border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btnCloseWT:hover {
        color: #ff6600;
        background-color: #292929;
    }

    .btnCloseWT:active, .btnCloseWT.active {
        background-color: #292929;
    }

    .btnCloseWT.inactive {
    }

.btnInfoBn {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: FontAwesome,Tahoma;
    font-size: .85em;
    padding: 6px;
    position: absolute;
    right: -132px;
    text-align: center;
    width: 129px;
    margin-top: 60px;
	border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btnInfoBn:hover {
        color: #ff6600;
        background-color: #292929;
    }

    .btnInfoBn:active, .btnCloseWT.active {
        background-color: #292929;
    }


@media (max-width:850px) {
    .welcomeTopBox {
        padding-top: 25px;
    }

    .btnCloseWT {
        right: 0;
        top: -8px;
    }

    .btnInfoBn {
        right: 0;
        top: -68px;
        right: 70px;
    }
}

@media (max-width: 640px) {
    .btnCloseWT {
        font-size: 1.1em;
        padding: 3px 6px;
    }

    .btnInfoBn {
        font-size: 1.1em;
        padding: 3px 6px;
    }
}

/* ---------- Terminan estilos Para Bn superior promociones Login MAPS Ago 2017 --------------*/