/******************RESPONSIVO*******************/

/*****GRID****/
.grid_1 {
	/* width: 61.2244898% ; 600px / 980px = 0.612244898 */
}


body {
	width: 100%; /*980px / 980px = 100% */
	overflow: auto;
}

input, select, textarea { 
	color:#666; 
	border:1px solid #AAA; 
	border-bottom:1px solid #E3E3E3; 
	border-right:1px solid #E3E3E3; 
	padding:3px; }

/* LOGIN WINDOW */

.okay {
	color: green;
	}
	
.error { 
	color: red; 
	font: bold 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

.link {color: blue;}

a:hover { 
	text-decoration:underline; 
	}

form#login { 
	font:bold 14px  "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	}

fieldset, form#login ul { 
	margin:0; 
	padding:0; 
	list-style-type: none; 
	border:0; 
	text-decoration:none; 
	font-size:13px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; 
	color:#333; 
	border-radius: 5px}

form#login div#login { 
	background: url(../images/seloazul.png); 
	background-size: 100% 100%; 
	height: 180px; left: 50%; 
	margin-left: -220px; 
	position: relative;  
	width: 440px;   
	}

.loginHeader { 
	background: url(../images/likestore.jpg) left center no-repeat !important; 
	left: 50%; 
	margin-top: 100px; 
	position: relative; 
	margin-left: -80px; 
	padding: 22px; }

.loginHeader span { 
	visibility:hidden; 
	}

form#login div label { 
	font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	color: #FFF; 
	float:left; 
	margin-left: 45px; 
	text-align:left; 
	display:block; 
	width:100px; 
	margin-top: 10px; 
	}

form#login div input { 
	font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	border:1px solid #AAA; 
	border-bottom:1px solid #E3E3E3; 
	border-right:1px solid #E3E3E3; 
	color:#666; 
	padding:3px; 
	margin-top: 5px; 
	}

form#login div input#enter, #submit { 
	background:url(../images/bgbutton.gif) 0 0 repeat-x; 
	border:1px solid #999; 
	border-radius: 5px; 
	font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	height:auto; 
	outline:0; 
	font-size:11px; 
	display:inline-block; 
	padding:0px 10px; 
	cursor:pointer; 
	font-weight:bold; 
	color:#444; 
	height:20px; 
	line-height:20px; 
	margin-left: 10px; 
	}

.loginError { 
	text-align: center; 
	color: red; 
	position: relative; 
	font: bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	}

#avisoLoginError { 
	background-color: yellow; 
	margin-top: 20px; 
	padding: 5px; 
	width: 90em; 
	text-align: center;
	}

#contents {
	padding-top: 19px; 
	margin-left: 20px;
	}

.logarFacebook { 
	background-color: #3B5998;
	border-radius: 7px;
	border: white 1px solid;
	/* margin-left: auto;*/
	margin-right: 60px;
	margin-left: 15px;
	/* margin-top: 10px; */
	cursor: pointer;
	/* float: left; */
	display: table;
	padding-top: 0.3%;
}

.faceCaption { 
	color: white;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
	vertical-align: middle;
	padding: 0 1em;
	font-weight: bold;
	display: inline-block;
}

.ou { 
	margin: 15px 0 15px 0; 
	text-align: center; 
	}
	
.ou span { 
	font-size: 14px;
	}

.cadastroForm input {
	margin: 5px auto; 
	}

.pass {
	border: 1px solid lightgray;
	border-radius: 5px;
}

.pass h1 { 
	background:#6D82B9; 
	border:1px solid #3A559D; 
	border-bottom:none; 
	color:#FFF; 
	padding:5px 10px; 
	font:bold 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	border-radius: 5px; 
	text-align: center;
	margin-top: 0px
	}

label {
	font: bold 11px; 
	float: none; 
	margin: 0; 
	text-align: left; 
	display: block; 
	width: auto;
	}

.pass #submit {
	background: #6D82B9; 
	margin: 0 3px; 
	border: 1px solid #3A559D; 
	color: #FFF; 
	font: bold 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	cursor: pointer;
	}

.pass .button { 
	padding:10px; 
	text-align:right; 
	background:#F3F3F3; 
	border-top:1px solid #CCCDCD; 
	border-radius: 5px; 
	}


.auxLinks { 
	/* display: table;  */
	margin: 0 auto;
	float: right;
	}

.auxLinks a {
    margin: 0 auto;
    padding: 0 10px;
    /* display: table-cell; */
    font-size: 16px;
    color: #06F;
}

/* INTERNAL LOADING */

.holyLoading { 
	display: none; 
	position: fixed; 
	z-index: 5000; 
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%; 
	background: url(../images/whitepix.png); 
	}

.holyLoadingInternal { 
	overflow: hidden; 
	position: fixed; 
	z-index: 201; 
	top: 15%; 
	width: 100%; 
	background: url(../images/loading.gif) center 20px no-repeat; 
	height: 90px; 
	padding: 10px; 
	opacity:1; 
	text-align:center; 
	}

.holyLoadingInternal p { 
	padding-top: 32px; 
	}

ul{ 
	list-style-type: none; 
	position: relative;
	}

/************ NOVO LAYOUT LOGIN E SIGN IN **************/

.window { 
	background: #FFF; 
	box-shadow: 0 0 20px #000; 
	}
.window * { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 10px 0; 
	}

.jqmWindow {

	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
    background-color: #FFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
    
	/* width: 80%; */

    /* max-height: 500px; */
	overflow: auto;
}

.window .titulo {
    border-bottom: 1px solid #E3E3E3;
    font-size: 2.5em;
	margin-top: 0;
	padding-bottom: 0.5em;
	text-align: center;
}

.window .close {
    width: 19px;
    height: 19px;
    background: url(/store/images/bot_fecharmodal.gif) no-repeat;
    float: right;
    text-indent: -9999px;
    margin: 0;
}

.window input {
    border: 1px solid #CBCBCB;
    display: inline;
    padding: 6px;
    width: 60%;
    height: 30px;
    font-size: 20px;
}
.window input:focus { 
	border: 1px solid #b7b7b7; 
	box-shadow: 0 0 5px #C1C1C1; 
	}

.window button {
    font-weight: bold;
    color: #333;
    padding: 2px 10px;
    border: 1px solid #A6A6A6;
    border-radius: 7px;
    background-image: linear-gradient(to bottom, #FDFDFD, #EFEFEF);
    display: block;
    cursor: pointer;
}

.window .likestore {
    /* width: 172px; */
    height: 30px;
    background: url(/store/images/logo_likestore_4cores_172px.gif) no-repeat 0 0;
    text-indent: -9999px;

}

.window .links {
	float: right;
	margin-top: 0px;
}

inputs:-webkit-input-placeholder {
    color:    #b5b5b5;
}

inputs-moz-placeholder {
    color:    #b5b5b5;
}

.inputs  {
    background: #f5f5f5;
    font-size: 0.8rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 13px 10px;
    width:300px;
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
    clear: both;
}
.inputs:focus {
    background: #fff;
    box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;
}

#loginBody {
    background: url(../images/LikeStore_Gustavoterra_9_960.000.jpg);
    height: 100%;
}

#signInBody{
	background: url(../images/LikeStore_Gustavoterra_9_960.000.jpg);
    height: 100%;
}

.subES {
	font-size: 1.5em; 
	text-align: center;
}

#signupSubmit {
	background: #7446A7; 
	width: 15em; 
	height: 4em; 
	margin-right: 15px; 
	/* margin-left: 60px; */ 
	border-radius: 7px
}

/* DIALOG */

/* .dxDialog { 
	display: block; 
	z-index: 2000; 
	position: fixed; 
	width: 420px; 
	left: 50%; 
	top: 20%; 
	margin-left: -340px; 
	background: url(../images/blackpix.png); 
	padding: 10px; 
	overflow: hidden; 
	border-radius: 10px; 
	}

.dxDialog .dxDialogContent { 
	margin: 0; 
	padding: 0; 
	background:#FFF; 
	}

.dxDialog .dxDialogContent h3 { 
	background:#6D82B9; 
	border:1px solid #3A559D; 
	border-bottom:none; 
	color:#FFF; 
	padding:5px 10px; 
	font:bold 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	}

.dxDialog .dxDialogInternal { 
	padding:10px; 
	}

.dxDialog .dxDialogInternal ul li { 
	list-style: disc inside none !important; 
	}

.dxDialog .dxButtons { 
	padding:10px; 
	text-align:right; 
	background:#F3F3F3; 
	border-top:1px solid #CCCDCD; 
	}

.dxDialog .dxButtons input, #signupSubmit,
.dxDialog .dxButtons a { 
	background:#6D82B9; 
	margin:0 3px; 
	border:1px solid #3A559D; 
	color:#FFF; 
	font:bold 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}


.dxDialogContainerOpened .dxDialogOverlay { 
	height: 100%; 
	width: 100%; 
	position: fixed; 
	left: 0px; 
	top: 0px; 
	background: url(../images/whitepix.png); 
	}

.dxDialog.dxWarningDialog.rec  { 
	display: block; 
	z-index: 2000; 
	position: fixed; 
	left: 50%; 
	top: 20%; 
	margin-left: -210px; 
	background: url(../images/blackpix.png); 
	padding: 10px; 
	overflow: hidden; 
	border-radius: 10px; 
	} */
/**********MEDIA QUERIES**********/

@media screen and (max-width: 1180px) and (min-width: 320px) {
	.window .links {
		width: 100%;
		display: table;
	}
	
	.auxLinks {
		display: table-cell;
		float: none;
	}
	
	.auxLinks a {
		display: block;
	}
}

@media screen and (max-width: 1180px) and (min-width: 768px) {
	.window .likestore{
		margin-top: 10%;
		margin-left: 30%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 300px){
	#avisoLoginError {
		width: 90%;
	}
	.loginError {
		font-size: 15px;
	}
	
	#loginBody {
		background: #7446A7;
	}
	
	#signInBody {
		background: #50B0BD;
	}
	.dxDialog {
		/* width: 77%;
		top: 30%;
		left: 10%;
		margin-left: 0px; */
		width: 80%;
		top: 50%;
		left: 59%;
		/* margin-left: -385px; */
		margin-top: -150px;
	}
	
	.dxDialog .dxDialogContent h3 {
		font-size: 24px;
	}
	.dxButtons input { line-height:normal; 
					height:auto; 
					/* padding:1px 10px 2px; */ 
					padding: 5px 25px;
					/* padding: 0px 10px 0px\9  */
				}
	.dxDialog .dxButtons input, #signupSubmit,
.dxDialog .dxButtons a { background:#6D82B9; 
						margin:0 3px; 
						border:1px solid #3A559D; 
						color:#FFF; 
						font:bold 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
						}			
}

@media screen and (max-width: 1024px) and (min-width: 600px){
	.dxDialog{
		margin-left: -50%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 320px) {
	#signupSubmit {
		margin: 2%;
		width: 85%;
	}
	.window input {
		width: 80%;
	}
	 .jqmWindow {
		/* margin-left: -41%; */
		width: 80%;
		top: 13%;
		margin-bottom: 10%;
	} 
	.window .likestore {
		margin-top: 15%;
		margin-left: 37%; 
	}
	.window .titulo {
		font-size: 2em;
	}
	.subES{
		font-size: 1.3em;
	}
}

@media screen and (width: 1024px){
	.jqmWindow { 
		/* position: fixed; */
	}
	.dxDialog {
		left: 47%;
	}
}

@media screen and (width: 800px){
	.jqmWindow {
		/* margin-left: -41%; */
		width: 80%;
		top: 4%;
		/*margin-top: 1%;*/
	}
	.dxDialog{
		top: 50%;
		left: 59%;
	}
}

@media screen and (max-width: 883px) and (min-width: 768px) {
	.window .titulo{
		font-size: 2em;
	}
	.subES {
		font-size: 1.3em;
	}
	.window input {
		padding: 8px;
		width: 85%;
	}
	.logarFacebook {
	}
}

@media screen and (max-width: 768px) and (min-width: 600px) {
	/* .jqmWindow {
		left: 50%;
	} */

	.jqmWindow {
		margin-left: -41%;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		/*margin-top: 5%;*/
		/* top: 13%; */
	}
		
	/* .window .titulo {
		font-size: 2.5em;
	}
	.subES {
		font-size: 1.5em;
	} */
	
}

/*@media screen and (width: 768px){
	.jqmWindow {
		margin-top: 25%;
	}
}*/

@media screen and (max-width: 768px) and (min-width: 400px){
	.dixDialog {
		margin-left: -50%;
	}
}

@media screen and (max-width: 600px) and (min-width: 320px) {
	/* .jqmWindow {
		margin-left: -42%;
		width: 80%;
		top: 15%;
} */
	body {
		overflow: scroll;
	}
	.jqmWindow {
		/* margin-left: 4%;
		left: 0px; */
		width: 85%;
		/*margin-top: 20%;*/
		/* position: relative; */
	}
	.dxDialog {
		width: 85%;
		left: 70%;
		margin-left: -65%;
	}
}

@media screen and (width: 568px){
	.dxDialog{
		left: 75%;
	}
}

@media screen and (width: 480px){
	.dxDialog{
		left: 85%;
	}
	.dxButtons {
		margin: -20px 0 0 0;
	}
}

@media screen and (max-width: 720px) and (min-width: 600px){
	.dxDialog {
		width: 85%;
		left: 103%;
		margin-left: -98%;
	}
}

@media screen and (max-width: 392px) and (min-width: 340px) {
	.window .likestore {
		margin-top: 20%;
		margin-left: 25%
	}
}

@media screen and (max-width: 340px) and (min-width: 320px){
	.window .likestore {
		width: 65%;
		margin-top: 23%;
		margin-left: 10%;
	}
}

@media screen and (max-width: 320px) and (min-width: 300px) {
	/* .jqmWindow {
		margin-left: -44%;
		width: 80%;
		top: 7%;
	}
	.window .titulo {
		font-size: 2em;
	}
	.subES {
		font-size: 1.3em;
	}
	.window .likestore {
		margin-top: 25%;
		margin-left: 20%;
	} */
	/* .jqmWindow {
		margin-left: -46%;
		width: 84%;
		top: 2%;
	} */
	.window .titulo {
		font-size: 1.5em;
	}
	.subES {
		font-size: 1.15em;
	}
	.window input {
		/* height: 15px;
		font-size: 13px; */
		height: 20px;
		font-size: 15px;
	}
	.auxLinks a{
		font-size: 12px;
	}
	.window .likestore {
		/* margin-top: 12%; */
		/* margin-left: 20%; */
		margin-left: 10%;
	}
	body {
		overflow: scroll;
	}
	#signupSubmit {
		height: 5em;
		font-size: 10px;
	}
	.faceCaption {
		font-size: 10px;
	}
	.jqmWindow {
		/* margin-left: 2%;
		width: 84%;
		margin-top: 3%;
		left: 0%;
		position: relative; */
		margin-left: auto;
		margin-right: auto;
		width: 85%;
		/*margin-top: 3%;*/
	}
	.dxDialog .dxDialogContent h3 {
		font-size: 21px;
	}
	/* .dxDialog {
		left: 125%;
		top: 50%;
	} */
	.dxDialog {
		width: 85%;
		left: 70%;
		margin-left: -65%;
}
}

/* @media all and (device-aspect-ratio: 2/3){
	.jqmWindow {
		margin-left: -46%;
		width: 84%;
		top: 4%;
	}
	.window .titulo {
		font-size: 1.5em;
	}
	.subES {
		font-size: 1.15em;
	}
	.window input {
		height: 24px;
	}
	.auxLinks a{
		font-size: 12px;
	}
	.window .likestore {
		margin-top: 12%;
		margin-left: 20%;
	}
} */