@charset "utf-8";

    @font-face {
    font-family: OpenSansRegular;
    src: url(fonts/opensans-regular.eot);
    src: url(fonts/opensans-regular.eot) format('embedded-opentype'), url(fonts/opensans-regular.woff) format('woff'), url(fonts/opensans-regular.ttf) format('truetype'), url(fonts/opensans-regular.svg#OpenSansRegular) format('svg');
}

@font-face {
    font-family: OpenSansLight;
    src: url(fonts/opensans-light.eot);
    src: url(fonts/opensans-light.eot) format('embedded-opentype'), url(fonts/opensans-light.woff) format('woff'), url(fonts/opensans-light.ttf) format('truetype'), url(fonts/opensans-light.svg#OpenSansLight) format('svg');
}

#sucesso {
    width: 950px;
    height: 520px;
    margin: auto;
    margin-top: 10%;
    position: relative;
    background-image: url(../../images/cliente/images/jocork-sapato.jpg);
    background-repeat: no-repeat;
}

#bem-vindo {
    width: 950px;
    height: 520px;
    margin: auto;
    margin-top: 10%;
    position: relative;
    background-image: url(../../images/cliente/images/bem-vindo.jpg);
    background-repeat: no-repeat;
    border: 1px solid #CCC;
}

.landing-page {
    width: 300px;
    height: auto;
    margin-right: 3%;
    margin-top: 10%;
    float: right;
    color: #FFF;
    font-family: OpenSansLight, Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.landing-page-bem-vindo {
    width: 300px;
    height: auto;
    margin-right: 3%;
    margin-top: 10%;
    float: right;
    color: #000;
    font-family: OpenSansLight, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.infolanding {
    width: 100%;
    margin-top: 18%}
.title-infolanding {
    font-size: 16px;
    color: #AC8761;
}
.btn-voltar {
    color: #AC8761;
    font-size: 13px;
    text-align: right;
    margin-top: 15%;
    cursor: pointer;
}


/******************** adicionado 11-07-2014 *******************/


.logo-landing img{
	width:290px;
	height:86px;
	
	}


#ups-page{
	width:950px;
	height:520px;
	/*margin-left:-475px;
	left:50%;
	margin-top:260px;
	top:20%;*/
	margin:auto;
	margin-top:10%;
	position:relative;
	background-image:url(../../images/cliente/images/img-erro.jpg);
	background-repeat:no-repeat;
	border: 1px solid #CCC;}


@media only screen and (min-width:600px) and (max-width:980px) {
	
.landing-page, .landing-page-bem-vindo{
	width:250px;
	height:auto;
	margin-right:2%;
	margin-top:3%;
	font-size:12px;
	}	


.infolanding {
    margin-top: 5%;}
	
#ups-page, #sucesso, #bem-vindo{
	width:500px;
	height:274px;
	}
	
.logo-landing img{
	width:200px;
	height:59px;
	}
	


.btn-voltar {
	margin-top:7%;
	
}

#ups-page{
	background-image:url(../../images/cliente/images/img-erro2.jpg);}

#sucesso{
	background-image:url(../../images/cliente/images/jocork-sapato2.jpg);
	}


#bem-vindo{
	background-image:url(../../images/cliente/images/bem-vindo2.jpg);
	}


}



@media only screen and (min-width:280px) and (max-width:599px) {
	
.landing-page, .landing-page-bem-vindo{
	width:250px;
	height:auto;
	margin-right:5%;
	margin-top:3%;
	font-size:12px;
	}	


.infolanding {
    margin-top: 10%;}
	
#ups-page, #sucesso, #bem-vindo{
	width:280px;
	height:500px;
	}
	
.logo-landing img{
	width:250px;
	height:74px;
	}
	


.btn-voltar {
	margin-top:7%;
	
}

#ups-page{
	background-image:url(../../images/cliente/images/img-erro3.jpg);}

#sucesso{
	background-image:url(../../images/cliente/images/jocork-sapato3.jpg);
	}


#bem-vindo{
	background-image:url(../../images/cliente/images/bem-vindo3.jpg);
	}


}