.containerSomosGota { background: url(images/bk.jpg) 0px 0px no-repeat; background-size: 100% 100%; }
.headerPromoProducto,.arte-header	{  text-align:center;  }
.headerSomosGota img ,.arte-header  img { width: 100%; padding: 10px 6%; }

.cajaTextoSomosGota,.arte-lateral		{text-align:right; padding-top: 40px; }
.cajaTextoSomosGotaInner	{ padding: 5% 10%; width: 100%; min-height: 400px; background-color: rgba(231, 232, 235, 0.6); }

.cajaLoginSomosGota,.label-generico		{ padding:5%;}

.arte-formulario		{ /*padding: 20px 10px 20px 30px;*/padding-top:20px; padding-bottom:20px; }

.cajaLoginSomosGotaInner	{ background-color:#e4f0f2; padding:5% 10%; width:100%; }
.containerSomosGota p	{ font: normal 15px/20px 'Open Sans', serif !important; }
.conoce-mas-gota { font: bold 12px/14px 'Open Sans' , serif !important;color:#1187bd !important; background:#1187bd14;margin:0; padding:2% 0; cursor:hand;cursor:pointer; }

.conoce-mas-gota img {
	max-width:75px;
	width:75px;
	margin-top:8px;
}

.background-mas-gota
{
	background:#000;
	opacity:0.4;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}

.caja-mas-gota
{
	background:#fff;
	color:#1187bd;
	font: normal 14px/15px 'Open Sans', serif !important;
	padding:3% 5%;
	width:300px;
	z-index:1010;
	position:fixed;
	text-align:center;
	transform: translate(-50%, -50%);
	left: 50%;
    top: 50%;
	border:3px solid #1187bd;
	 background: url(images/bk.jpg) 0px 0px no-repeat; background-size: 100% 100%;
}

.logo-gota
{
		float:left;
		position:relative;
		padding-bottom:3%;
		width:100%;
}


.imgMochilaSomosGota		{ width: 100%; text-align:center; }

.cajaLoginSomosGota .loginLabel { color:#000; margin-top: 5px; }

.input-generico  textarea {
	border: 1px solid #938382;
    background-color: #f1f5f8;
    border-radius: 3px;
    height: 32px;
    font: normal 16px/18px 'Open Sans', 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 12px/14px 'Open Sans', serif;
	text-align:center;
}

.btn-participar
{
	cursor:hand;
	cursor:pointer;
}

.boton-generico { margin-top: 5%;    text-align: right; }

.cajaLoginSomosGota .loginForgotPass 	{ margin-top:7px; margin-bottom:7px;}
.cajaLoginSomosGota .loginForgotPass a { 
	font: normal 13px/22px 'Open Sans', serif; 
	color:#59b3c9; 
	text-decoration:none;
}

.cajaLoginSomosGota .loginSubmitBox .loginSubmit { 
	font: bold 16px/20px 'Open Sans', serif;
    padding: 6px 15px;
    color: #fff;
    background-color: #2daac9;
    border: 0 !important;
	outline: none;
	margin-right:2%;
	}

.cajaLoginSomosGota .loginSubmitBox .RegisterSubmit { 
	font: bold 16px/20px 'Open Sans', serif;
    padding: 6px 15px;
    color: #fff;
    background-color: #c56598;
    border: 0 !important;
	outline: none;
	margin-bottom:20px;
	margin-right:2%;
	}	

.item-valor{
	margin-top:10px;
	color:#fff;
	font: bold 10px/20px 'Open Sans', serif;
	text-align:center;
}

.boton-gota
,.boton-continuar
{
	background:#efa8b3;
	color:#fff;
	text-align:center;
	padding:10px 14px;
	font-family:'Lato', sans-serif;
	cursor:pointer;
	cursor:hand;
}
	
.item-valor .inner
{
	background:#1187bd73;
	width:100%;
	cursor:hand;
	cursor:pointer;
	padding:2% 4%;
	transition: background 0.5s;
	-moz-transition:  background 0.5s;
	-webkit-transition:  background 0.5s;
}


.item-valor-on .inner
{
	background: #1187bd !important;
}
.boton-share			{ text-align: center; }	
.boton-share img {    padding: 5px;width:20%; text-align:center; }	
.bonusPharma {
    border-top: 1px solid #66b6ef;
    margin-top: 30px;
	text-align:center;
}

	
.loginSeparador	{ border-bottom: 1px solid #2daac9; margin-top: 10px; }

.cajaLoginSomosGota .loginTextRegistro,.arte-formulario .label-generico { font: normal 16px/20px Georgia, serif; color: #000; padding-bottom: 10px; }

.cajaGraciasSomosGotaInner	{ 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; }

.legalesSomosGota { text-align:center;  font: normal 13px/20px Georgia, serif; color: #000; 
padding-top: 10px; padding-bottom: 20px;}

.legalesSomosGota a { text-decoration:none; color: inherit; }

.arte-formulario {    /*padding: 10px 50px;*/ padding-top:10px; padding-bottom:10px;}
.arte-formulario>.formulario-inner { 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 'Open Sans', serif;
    padding: 3px 5px;
    width: 100%;
    resize: none;	
}

.bases, .bases a,.bases a:active,.bases a:hover,.bases a:visited
{
	 font: normal 10px/12x 'Open Sans', serif;
	 color:#bebebe;
	 text-align:center;
	 text-decoration:none;
}

/*//// TABLET ////*/ 
@media (min-width: 480px ) and (max-width: 800px )  {	

	.headerSomosGota img ,.arte-header img	{ padding: 10px 10% 0px; }	
	.cajaLoginSomosGota		{ padding:40px 40px; }
	.cajaLoginSomosGotaInner	{ padding:15px 30px; }
	.cajaTextoSomosGota,.arte-lateral		{ padding: 40px; }
	
	

}

/*//// DESKTOP ////*/ 
@media (min-width: 801px) {

	.headerJardin img,.arte-header img 	{ padding: 25px 15% 10px; }
	.arte-formulario .formulario-inner{padding: 5% 6%;min-height:250px;margin:0 0 4% 0;}
	.cajaLoginSomosGota		{ padding:50px 75px;}
	.cajaLoginSomosGotaInner	{ padding:30px 35px 10px; }	
	.cajaTextoSomosGota,.arte-lateral		{ }
	.conoce-mas-gota{margin:-20px;}
	.item-valor{	font: bold 12px/20px 'Open Sans', serif;margin-top:15px;}
	.bonusPharma {    margin-top: 140px;}
	.arte-caja .mob-100 { padding-top:60px;}
	
	.caja-mas-gota
	{
		width:500px;
	}

}