/*@font-face {
  font-family: "MyriadPro";
  src: url("/epco/fonts/MyriadPro-Regular.otf");
}*/
div#logo{
	padding: 20px;
}
body {
	/*background: url(http://www.expedientemedicioelectronico.com/epco/images/176-menu_p.svg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	padding: 0px !important;
    margin: 0px !important;
}
#fondo {
    position: fixed;
    z-index: -99;
    top: 0px;
    left: 0px;
    height: 100%;
	width: 100%;
}
img{border:0; /*evita los bordes en las img-link en MSIE*/}
h1{color:#0000FF;}
h3{color:#0066FF;}
h4{color:#0066FF;}
h3.mensaje{
	color: #636161;
    padding-bottom: 10px;
    box-shadow: 0 10px 6px -6px #cccccc;
    width: 600px;
}
span.navegacion
{
	/*volver*/
	cursor:pointer;
}
#linea_hr{
	background-color: gray;
    height: 1px;
    border: 0px;
}
div#comprar{
	cursor: pointer;
    color: white;
    height: 40px;
    border: 0px;
    border-radius: 0px;
    padding: 14px;
    margin-top: 15px;
}
div#comprar a{
	color: white;
    text-decoration: blink;
    font-size: 24px;
}
div#login{
    width: 600px;
    background-color: rgba(251, 251, 251, 0.9);
    border-radius: 0px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}
h3#experiencia{
	width: 500px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
	padding: 5px;
	color: black;
}
div#webkit
{
	display:none;
	top:10px;
	position:relative;
	width: 500px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
    padding-bottom: 20px;
}
table#login, table#tbl_fb{
	width: 90%;
	text-align:center;
	font-size:20px;	
	color:rgb(70,70,90);
	margin-top: 20px;
}
div#cabeceralogin
{
	width:100%;
	background-color:white;
}
div#mrg_top
{
	width:100%;
	height:21px;
	background:#0099FF;
}

div#links{
	padding-top: 30px;
}
div#links a{
	color: #3174f6;
}
#a_face{
	padding-right: 50px;
}
#a_logo{
	padding-top: 20px;
    padding-bottom: 20px;
    zoom: .7;
}
h2{
    height: 30px;
    padding-left: 35px;
}
div#paypal{
	display: none;
	color: white;
    background: rgb(0,200,117);
    width: 200px;
    padding-top: 10px;
    text-align: center;
    padding: 10px;
    font-size: 16px;
}
input:hover{
	/*background: linear-gradient(#fff, rgba(204, 204, 204, 0.39));*/
}
input{
	height: 30px;
    width: 100%;
    margin: 5px 0;
    font-size: 18px;
    background: white;
    border: 1px solid rgba(170, 170, 170, 0.45);
    border-radius: 0px;
    text-align: center;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input#find, #btn_face, #v2019{
	cursor: pointer;
    color: white;
    height: 40px;
    border: 0px;
    border-radius: 0px;
    width: 300px;
    margin-top: 20px;
}
input#enter{
    background: gray;
    cursor: pointer;
    color: white;
    height: 40px;
    border: 0px;
    border-radius: 0px;
    width: 200px;
    margin-top: 20px;
}
input#remember{
	height: auto;
    width: auto;
}

a#privacidad, a#olvidado
{
	font-size:17px;
    color: #4f76a9;
}
#olvidado{
	padding: 20px 0;
}
#olvidado table{
	width: 80%;
}
.txt-left{
	text-align: left;
    padding-top: 5px;
}
.txt-left span{
	font-size: 1rem;
}
.uppercase {
    text-transform: uppercase;
}
#dfb{
    display: none;
}
@media only screen and (max-device-width: 899px){
    .fb_iframe_widget_fluid span{
        width: 140px !important;
    }
	div#login {
		zoom: 1.8;
        width: 90%;
        margin-top: 10px;
	}
}
@media only screen and (min-device-width: 899px){

	div#login {
		margin-top: 20px;
	}
}

/*********************************************/
/*      Diseño nueva interfaz (22/03/18)     */
/*********************************************/
.fade_green{
    background: -webkit-linear-gradient(left, #4ba685, #62d6c3);
    background: -o-linear-gradient(left, #4ba685, #62d6c3);
    background: linear-gradient(to right, #4ba685, #62d6c3);
}
.fade_blue{
    background: -webkit-linear-gradient(left, #2a65cc, #48a4f8);
    background: -o-linear-gradient(left, #2a65cc, #48a4f8);
    background: linear-gradient(to right, #2a65cc, #48a4f8);
}
.fade_blue2{
    background: -webkit-linear-gradient(left, #48a4f8, #2a65cc);
    background: -o-linear-gradient(left, #48a4f8, #2a65cc);
    background: linear-gradient(to right, #48a4f8, #2a65cc);
}
.back_gray{
    background-color: #f6f5f6;
}
.back_blue{
    background-color: #3174f6;
}
.color_blue{
    color: #3174f6;
}
.back_green{
    background-color: #5bc7c0;
}
.color_green{
    color: #5bc7c0;
}
