@import url('https://fonts.googleapis.com/css?family=Short+Stack&display=swap');
.containerFiestas2020 {
    background: url(images/bk_mobile.jpg?v=2) 0px 0px no-repeat #e4ddd5;
    background-size: contain;
    background-position: center bottom;
	padding-bottom:25%;
	padding-top: 20px;
}

.containerFiestas2020 .arte-header
{
	font-family: 'Short Stack', cursive;
	letter-spacing:0px;
	color:#356ab0;
	font-size:46px;
	line-height:46px;
	font-weight:400;
	letter-spacing:-1px;
	text-align:center;
	text-shadow: 1px 1px 2px #bebebe; 
	margin-bottom:2%;
}

.containerFiestas2020 .arte-header img {
    width: 100%;
    margin-left: 0%;
}

.containerFiestas2020 .bloque
{
	position:absolute;
	width: 120px;
	top:-1%;
	right:0%;
}

.containerFiestas2020 .bloque img
{
	width:100%;
}

.containerFiestas2020 .arte-bajada
{
	font: normal 16px/20px Georgia, serif !important;
	color:#1187bd;
}

.headerFiestas2020,.arte-header	{  text-align:center;  }

.cajaTextoFiestas2020,.arte-lateral		{text-align:right; padding-top: 40px; }
.cajaTextoFiestas2020Inner	{ padding: 5% 10%; width: 100%; min-height: 400px; background-color: rgba(231, 232, 235, 0.6); }

.cajaLoginFiestas2020,.label-generico		{ padding:5%;}


.cajaLoginFiestas2020Inner	{ background-color:#e4f0f2; padding:5% 10%; width:100%; }
.containerFiestas2020 p	{ font: normal 16px/20px Georgia, serif !important; }

.imgMochilaFiestas2020		{ width: 100%; text-align:center; }

.cajaLoginFiestas2020 .loginLabel { color:#000; margin-top: 5px; }

.input-generico  textarea {
	border: 1px solid #938382;
    background-color: #f1f5f8;
    border-radius: 3px;
    height: 32px;
    font: normal 17px/20px Georgia, serif;
    padding: 3px 5px;
    width: 98%;
	height:140px !important;
	resize:none;
}

.input-generico .error-generico {
	background: #f58a8a52;
	border:solid 1px red;
}

.msj-error {
	color:#f44336d9;
    font: normal 11px/13px Georgia, serif;
	text-align:center;
	margin-top:10px;
}

.boton-generico { margin-top: 5%;    text-align: right; }

.cajaLoginFiestas2020 .loginForgotPass 	{ margin-top:7px; margin-bottom:7px;}
.cajaLoginFiestas2020 .loginForgotPass a { 
	font: normal 13px/22px Georgia, serif; 
	color:#59b3c9; 
	text-decoration:none;
}

.cajaLoginFiestas2020 .loginSubmitBox .loginSubmit { 
	font: bold 16px/20px Georgia, serif;
    padding: 6px 15px;
    color: #fff;
    background-color: #2daac9;
    border: 0 !important;
	outline: none;
	margin-right:2%;
	}

.cajaLoginFiestas2020 .loginSubmitBox .RegisterSubmit { 
	font: bold 16px/20px Georgia, serif;
    padding: 6px 15px;
    color: #fff;
    background-color: #c56598;
    border: 0 !important;
	outline: none;
	margin-bottom:20px;
	margin-right:2%;
	}	

.boton-share			{ text-align: center; }	
.boton-share img {    padding: 5px;width:20%; }	
.bonusPharma {
    padding: 10px 0px 20px;
    border-top: 1px solid #66b6ef;
    margin-top: 20px;
}

	
.loginSeparador	{ border-bottom: 1px solid #2daac9; margin-top: 10px; }

.cajaLoginFiestas2020 .loginTextRegistro,.arte-formulario .label-generico { font: normal 16px/20px Georgia, serif; color: #000; padding-bottom: 10px; }

.cajaGraciasFiestas2020Inner	{ border: 4px solid #fff; padding:5% 10%; width:100%; min-height:400px; background: url(/Portals/0/Campaigns/201802_VueltaAlJardin/bk-gracias.png) top left repeat; }

.legalesFiestas2020 { text-align:center;  font: normal 13px/20px Georgia, serif; color: #000; 
padding-top: 10px; padding-bottom: 20px;}

.legalesFiestas2020 a { text-decoration:none; color: inherit; }

.arte-formulario {    padding: 10px 25px;}
.arte-formulario>.row {padding: 5% 10%;min-height: 400px; background-color: rgba(231, 232, 235, 0.6); }

.arte-formulario input[type="text"],.arte-formulario input[type="password"]
{
    border: 1px solid #938382;
    background-color: #f1f5f8;
    border-radius: 3px;
    height: 32px;
    font: normal 17px/20px Georgia, serif;
    padding: 3px 5px;
    width: 100%;
    resize: none;	
}

.bases, .bases a,.bases a:active,.bases a:hover,.bases a:visited
{
	 font: normal 10px/12x Georgia, serif;
	 color:#bebebe;
	 text-align:center;
	 text-decoration:none;
}
.marginTop10 { margin-top: 8px; }

/*//// TABLET ////*/ 
@media (min-width: 480px ) and (max-width: 800px )  {	

	
	.cajaLoginFiestas2020		{ padding:40px 40px; }
	.cajaLoginFiestas2020Inner	{ padding:15px 30px; }
	.cajaTextoFiestas2020,.arte-lateral		{ padding: 40px; }
	
	

}

/*//// DESKTOP ////*/ 
@media (min-width: 801px) {

	.containerFiestas2020 .arte-header img {
		max-width: 819px;
		display:initial;
		width:auto;
		margin-left: 0%;
	}
	.containerFiestas2020 {
		background: url(images/bk_web.jpg?v=2) 0px 0px no-repeat #e4ddd5;
		background-size: contain;
		background-position: center bottom;
		height: 630px;
		margin-bottom:0%;
		padding-bottom:25%;
	}
	
	.arte-formulario		{ padding: 10px 50px; }

	.cajaLoginFiestas2020		{ padding:50px 75px;}
	.cajaLoginFiestas2020Inner	{ padding:30px 35px 10px; }	
	.cajaTextoFiestas2020,.arte-lateral		{ }
	
	.containerFiestas2020 .bloque
	{
		position:absolute;
		width: 120px;
		top:-1%;
		right:-1%;
		
	}

	
	
}