/***** GENERIC FORMATTING *****/

/* BROWSER SETTINGS RESET */  
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td
{
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: none;
}



/* FONT */
 @font-face {
	font-family: 'Dosis', sans-serif;
}

body {
    background-color: rgb(255,255,255);
    color: rgb(60,60,60);	
    font-size: 18px;
	font-family: 'Dosis', sans-serif;
	border-style:none;
	border-width:1px;
	outline:none;
	height:100%;
}

html {
	height:100%;
}
 
 /* COLORS */
.specialBack { background-color:rgb(60,60,60); color:rgb(255,255,255);  transition:0.66s; }
.whiteBack { background-color:rgb(255,255,255); }
.blackBack { background-color:rgb(0,0,0); }
.darkGreyBack { background-color:rgb(60,60,60); }
.greyBack { background-color:rgb(235,235,235); }
.midGreyBack { background-color:rgb(210,210,210); }
.lightGreyBack { background-color:rgb(238,238,238); }
.veryLightGreyBack { background-color:rgb(245,245,245); }
.orangeBack { background-color:rgb(40,150,40); }

.greyText { color:rgb(80,80,80); }
.blackText { color:rgb(0,0,0); }
.lightGreyText { color:rgb(120,120,120); }
.midGreyText {	color:rgb(140,140,140); }
.lightText {	color:rgb(200,200,200); }
.veryLightGreyText { color:rgb(252,252,252); }
.darkBlueText { color:rgb(20,20,20); }
.orangeText { color:rgb(70,180,60); }
.greenText { color:rgb(70,180,60); }
.darkGreenText { color:rgb(50,140,45); }
.whiteText { color:rgb(255,255,255); }
.redText { color:rgb(255,0,0); }

/* LINKS */
a:link    {color:rgb(30,150,50); text-decoration:none; transition:0.5s}
a:visited {color:rgb(30,150,50); text-decoration:none; transition:0.5s}
a:hover   {color:rgb(0,0,0); text-decoration:underline; transition:0.5s}
a:active  {color:rgb(0,0,0); text-decoration:underline; transition:0.5s}
a.lng:link    {color:rgb(80,80,80); text-decoration:none; transition:0.5s; font-size:16px; padding:2px;}
a.lng:visited {color:rgb(80,80,80)}
a.lng:hover   {color:rgb(70,180,60); }
a.lng:active  {color:rgb(70,180,60);}
a.menuLink:link    {color:rgb(0,0,0); text-decoration:none; transition:0.5s; font-weight:normal;}
a.menuLink:visited {color:rgb(0,0,0); text-decoration:none; transition:0.5s; }
a.menuLink:hover   {color:rgb(30,150,50); text-decoration:underline; transition:0.5s;}
a.menuLink:active  {color:rgb(30,150,50); text-decoration:underline; transition:0.5s;}
a.mobileMenuLink, a.lightLinkBig {color:rgb(200,200,200); transition:0.5s; }
a.mobileMenuLinkL:hover, a.lightLinkBig:hover {color:rgb(255,255,255); transition:0.5s; }
a.noDecorLink, a.noDecorLink:hover, a.noDecorLink:active, a.noDecorLink:visited { text-decoration:none; }

label {	background-color:rgba(255,255,255,0.75);}

overContainer {
	display:block;
	padding:0;
	margin:0;
	overflow:hidden;
}

.mapBack
{
	background-image:url('media/mapbw.jpg');
	background-size:cover;
	background-position: center center;
}

/* HEADLINES & TEXT SIZES */
h1, h2  {
	font-size: 48px;
	margin-top:0.75em; 
	margin-bottom:1em;	
	/*letter-spacing:0.02em;*/
	word-spacing:0.06em;
	line-height:1.3;			
	font-weight:normal;
}

h1.pageHeadline {
	color:rgb(70,180,60);
	margin-bottom:1em;	
	/*letter-spacing:0.02em;*/
	word-spacing:0.06em;
	line-height:1.3;			
	font-weight:normal;	
	padding-left:0;
	margin-left:0;
	margin-top:0;	
	text-align:left;
}

div.staticRightPhotoAlq {
	width:600px;
	height:428px;
	border-radius:8px;	
	background-image:url('media/anm_alq1.jpg');
	background-position: center center;
	background-size:cover;
	margin-top:1em;
	background-image:url('media/anm_alq1.jpg');	
	animation: animAlqPhoto;
	animation-duration:12s;	
	animation-iteration-count:infinite;	
}

.shadowedText {
	text-shadow: 2px 2px 12px rgba(0,0,0,0.8);	
}

p.hpadText  {
	font-size: 48px;
	/*letter-spacing:0.02em;*/
	word-spacing:0.1em;
	line-height:1.5;			
	font-weight:normal;
	display:block;
	margin-top:0.6em;
	margin-bottom:0.6em;
}

p.contactEnd  {
	font-size: 40px;
}

img.minilogo {
	height:18px;
	margin-right:10px;
}

img.bigAGRlogo {
	width:80%;
	margin-top:40px;
}


h2 {
	font-size: 40px;
	margin-top:0.25em; 
	margin-bottom:1em;	
}

h3  {
	font-size: 32px; 	
	margin-bottom:1em;
	font-weight:normal;
}

p.homeText  {
	font-size: 24px; 
}

floatWrapper {
	float:left;
	margin-right:2em;
}

h3.ourPartners {
	text-align: center;
	color: rgb(80,80,80); 
}


ul {
	margin-top:1em;
	margin-bottom:2em;
	margin-left:1em;
	list-style-type: none;	
}

li:before {
	content: '✔';
	display: block;
    float: left;
	padding-right:1em;
}

li.noBullet:before {
	content: none;
	display: block;
    float: left;
	padding-right:1.5em;
}


li {
	padding-bottom:0.5em;
	margin-right:2.5em;
}

.leftText {
	text-align:left;
}

.centerText {
	text-align:center;
}

span.error {
	color:rgb(255,0,0);
}


band {
	display:block;	
	width:100%;	
	margin:auto;		
	overflow:auto;	
}

band.trabajoIntro {
	background-color:rgb(60,60,60);
	color:rgb(255,255,255);
	margin-top:100px;
}

/*.specialBack:hover { 	display:block;	background-color:rgb(30,150,50);  transition:0.66s;}*/

mainContainer {
	display:block;	
	width:90%;	
	max-width:1400px;
	min-width:400px;
	margin:auto;
	padding-top:1.25em;
	padding-bottom:1.25em;
	overflow:hidden;	
}

mainContainerNoPad {
	display:block;	
	width:90%;	
	max-width:1400px;
	min-width:400px;
	margin:auto;
	overflow:hidden;	
}


/*  MENU AND FOOTER */
div.menuContainer { 
	height: auto;
	width:100%;
	max-width:1400px;	
	min-width:475px;
	margin:auto;	
	margin-top:10px;
	margin-bottom:0px;
	background-color:transparent;
}

img.menuIcon  {
	position:absolute; top:15px; left:20px;	
	display:none; 
	border-style:solid;
	border-style:solid;
	border-color:rgb(245,245,245);	
	border-width:1px;
	padding:5px;
	width:8%;
}

img.agrLogo {
	width:300px;
	margin-right:40px;	
	transition:0.3s;
	position:absolute; top:20px; left:50px;
}

img.agrLogo:hover { position:absolute; top:20px; left:40px; transition:0.2s;}

p.socialMediaLogosContainer {
	float: right;
	width: 8%; 
	min-width:120px;	
	margin:40px 20px 9px 0px; 
	text-align:center;
	color:rgb(240,240,240);
}

mobileMenu {
	position:fixed; top:110px; left:0px;
	width:100%;
	height:100%;
	display:none;
	z-index:999;
	background-color:rgb(40,150,40);
	background-color:rgba(40,150,40,0.9);
	background: linear-gradient(to right bottom , rgba(40,150,40,1), rgba(40,150,40,0.85));
	margin:0;
	font-size:7vh;
	/*letter-spacing:0.04em;*/
	word-spacing:0.06em;
	padding:0.5em 0em 0em 0.5em;
	transition:0.5s;
}		


upperBarContainer {
	display:block;	
	width:100%;	
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	position:fixed; top:0px; left: 0px;
	border-bottom-color:rgb(180,180,180);
	border-bottom-style:solid;
	border-bottom-width:1px;
	z-index:99;
	/*background-color:rgb(255,255,255);*/
	background-color:rgba(255,255,255,0.95);/*94*/
	opacity:1;
	min-width:475px;	
	height:100px;
	transition:0.5s;	
}

upperBarContainer:hover {
	background-color:rgb(255,255,255);
}

menuItem {
	display: inline-block;
	float:right;
	width:10%;	
	max-width:150px;
	min-width:75px;
	margin:32px 0 0 0;
	font-size:20px;
	text-align:center;	
}

mobileMenuItem {
	display: block;
	text-align:left;	
	line-height:1.6;
	
}

footnote {
	display:block;	
	margin:auto;
	padding-top:2.5em;
	padding-bottom:1.5em;
	overflow:auto;
	text-align: center;
	background-color:rgb(60,60,60);	
	color:rgb(180,180,180);
	color:rgba(200,200,200,0.67);
}

footMenu {
	display:block;
	width:60%;
	margin:auto;
	overflow:hidden;
	margin-bottom:3em;
}

footMenuItem {
	display: block;
	float:left;	
	width:16%;
	text-align: center;
}

/*  COMMON ELEMENTS */
percent20Container {
	width:18%;
	margin-left:2%;
	display:block;
	float:left;
	position:relative;
	z-index:6;
}

img.fullWidthPic {
	margin:auto;
	width:100%;
	max-width:1400px;
	min-width:400px;
	margin-top:2.5em;
	margin-bottom:2.5em;
}
	


webEditClickBox {
	display:inline-block;	
	color:rgb(49,64,140);
	background-color:rgb(255,255,255);	
	box-shadow: 0px 0px 8px rgba(255,255,255,0.5);
	margin-bottom:1.25em;
	border-radius:3px;
	transition:0.5s;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:rgb(49,64,140);
	font-size:16px;	
	padding:0.5em 0.5em 0.5em 0.5em;	
	margin-left:0.25em;		
}

 div.webEditAreaContainer {
	 display:block;
}


webEditClickBox:hover{color: rgb(70,180,60); border-color: rgb(70,180,60);		box-shadow: 0px 0px 8px rgba(70,180,60,0.5); transition:0.5s;}


homepageStoryBox
{
	display:block;
	float:left;
	width:50%;
	height:420px;
	margin-top:40px;
	background-image:url('media/cover_camp.jpg');
	background-size:cover;
	background-position: center center;
	transition:1s;
}


storyBoxShader {
	display:block;
	width:100%;
	height:100%;
	position: relative; top:0px; left:0px;
	margin:0;
	transition:1s;
	background:none;
}

storyBoxShader:hover {
	background:none;	
	background:rgba(0,0,0,0.15);		
}

storyText 
{
	display:inline-block;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.9);

	width:62%;
	padding:0 2em 2em 2em;
	position:relative; top:0px; left:0px;
	opacity:1;
	margin: 2em 0 2em 3em;
	box-shadow: 0px 0px 5px rgba(80,80,80,0.3);	
	transition:0.5s;
	border-radius:6px;
	transition:0.3s;

}

storyText:hover {
	color:rgb(0,0,0);
	background:rgb(255,255,255);
	margin-left:5em;
}

#storyTextWider {
	width: 80%;
}

p.storyHeadline  {
	font-size: 32px;
	margin-top:1.25em; 	
	margin-bottom:0.5em;
	/*letter-spacing:0.015em;*/
	word-spacing:0.05em;
	font-weight:normal;
	color:rgb(30,150,50);	

}

p.storyAddText {
	font-size:20px;
	color:rgb(40,40,40);
}

#storyBox1 {
	margin-right:4%;
	width:58%;
	background-image:url("media/camp_box.jpg");
	background-position: right bottom;	
}

#storyBox2 {
	width:38%;
	background-image:url("media/venta.jpg");
}

#storyBox3 {
	width:100%;
	background-image:url("media/alq_box.jpg");
	background-position: center bottom;	
}
/*
#storyBox4 {
	margin-right:4%;
	width:38%;
	background-image:url("media/box4.jpg");
}

#storyBox5 {
	width:58%;
	background-image:url("media/box5.jpg");
	background-position: center center;
}*/

storyTextWide
{
		display:block;
		background:rgb(255,255,255);
		background:rgba(255,255,255,0.9);
		width:80%;
		padding:1px 30px 20px 30px;
		margin:40px;
}

img.downArrow  
{
	position:absolute; bottom:40px; left:49%;
	/*float:left;*/
	width:80px;
	animation: animDownArrow;
	animation-duration:3s;	
	animation-iteration-count:infinite;	
	animation-delay:1s;
	z-index:200;
	opacity:0;
}

homepageBillboardContainer {
	display:block;	
	overflow:hidden;
	width:100%;
	background-color: rgb(255,255,255);
	/*background-image:url('media/cover_home1.jpg');
	background-size:cover;	
	background-position: top, center;*/
	height:100vh;
	min-height:580px;
	opacity:1;
	color:rgb(255,255,255);
	position:relative; top:0px;
	/*position:fixed;*/
}

billboardPhoto1, billboardPhoto2, billboardPhoto3 {
	display:block;
	margin:auto;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
	background-size:cover;		
	background-image:url('media/alq.jpg');	
	animation: animBillBoard1 linear;	
	animation-duration:35s;	
	animation-iteration-count:infinite;	
	z-index:1;	
	opacity:1;	
	background-position: center bottom;	
}

billboardPhoto2 {	
	background-image:url('media/home.jpg');
	animation: animBillBoard2 linear;
	animation-duration:35s;	
	animation-iteration-count:infinite;		
	z-index:2;
	opacity:0;
	background-position: center bottom;	
}

billboardPhoto3 {
	background-image:url('media/camp.jpg');
	animation: animBillBoard3 linear;
	animation-duration:35s;	
	animation-iteration-count:infinite;		
	z-index:3;
	opacity:0;
	background-position: center center;
}


billboardText{
	display:block;
	width:85%;
	max-width:1400px;	
	min-width:600px;
	margin:auto;		
/*	padding-top:300px;*/
	padding-top:30vh;
	z-index:50;
	text-align:center;		
}


p.billboardMessage {
	font-size:56px;/*3.125em;*/
	font-size:4vw;	
	line-height:1.4;
	letter-spacing:0.03em;
	word-spacing:0.066em;
	color: rgba(255,255,255);
	color: rgba(255,255,255,0.94);	
	text-shadow: 2px 2px 12px rgba(0,0,0,0.8);	
	transition:1s;
	font-weight:bold;
	background-color:rgba(0,0,0,0.3);
	background: radial-gradient(rgba(0,0,0,0.3),  rgba(0,0,0,0.3));	
	border-radius:16px;
	padding: 0.5em 1em 0.5em 1em;
	opacity:0;
}

p.roller {
	height:2em;
	background-color:rgb(252,252,252);
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-bottom-color:rgb(120,120,120);
	border-radius:3px;	
	transition:1s;
	margin-top:1em;
	padding:1em;	
	color:rgb(70,180,60);
	font-size:18px;
}

p.roller:hover {
	height:auto;
	overflow:auto;
	background-color:rgb(245,245,245);	
	color:rgb(80,80,80);
}

p.billboardMessageNoBack {
	float:right;
	font-size:45px;/*3.125em;*/
	font-size:3.5vw;	
	line-height:1.4;
	letter-spacing:0.03em;
	word-spacing:0.066em;
	color: rgba(255,255,255);
	color: rgba(255,255,255,0.97);	
	text-shadow: 2px 2px 12px rgba(0,0,0,0.8);	
	transition:0.5s;
	font-weight:bold;
	padding: 0.5em 1em 0.5em 1em;
	background-color:transparent;
	position:relative;
	z-index:2;
	margin-top:150px;
	text-align:right;
	width:75%;
}


p.billboardMessage:hover {
	color: rgb(255,255,255);
	text-shadow: 2px 2px 12px rgb(0,0,0);	
}

homepageShader {
	display:block;
	background-color:transparent;
	/*background-color: rgba(49,64,140,0.75);*/
	/*background-color: rgba(5,40,10,0.2);*/
	width:100%;
	height:100vh;
	min-height:580px;	
	position:absolute; top:0px; left:0px;
	overflow:hidden;
	z-index:10;
}

homepageAdditionalPhotosContainer {
	display:block;
	background-color: transparent;
	width:100%;
	height:100%;
	position:absolute; top:0px; left:0px;
	overflow:hidden;
	z-index:0;
}

resBox {
	display:block;
	float:left;
	color:rgb(20,20,20);	
	background-color:rgb(252,252,252);	
	border-style:solid;
	border-width:1px;
	border-bottom-color:rgb(120,120,120);
	border-radius:3px;	
	padding:1em;
	margin:1em;
}

resBoxHalf1 {
	display:block;
	float:left;
	width:150px;
}

resBoxHalf2 {
	display:block;
	float:left;
	width:200px;
}

vanPhotoContainer {
	display:block;
	width:500px;
	height:350px;
	border-radius:12px;
	overflow:hidden;
	margin:auto;
	cursor:pointer;
}

vanPhoto {
	display:block;
	margin:auto;
	width:500px;
	height:350px;
	transition:0.66s;
	background-image:url('media/venta.jpg');
	background-size:cover;	
	background-position: center center;
}

vanPhoto:hover {
	transform: scale(1.2);
	transition:0.66s;
}

vanPhoto2 {
	margin-left:1px;
}

/* SERVICES */
fixedTopPhotoBand{
	display:block;	
	width:100%;	
	margin:auto;
	height:66vh;	
	min-height:500px;
	overflow:hidden;
	background-color:rgb(255,255,255);
	background-size: cover;
	background-position: center center;
	position:relative; top:0px;
}

p.campType { color:rgb(80,80,80); }

div.leftHalfCol, div.leftHalfColL, div.rightHalfCol, div.ventaIntro, div.rightHalfColL  {
	display: block;
	float: left;
	width: 47%;
	margin: 1em 2% 2.5em 0;	
	overflow:hidden;
	line-height:1.4;	
	text-align:left;
	transition:0.5s;
	font-size: 22px;	
	text-align:center;
	padding-left:0;
}

div.rightHalfColL {
	text-align:left;	
}

backPanel, backPanelL, backPanelR {
	display:block;
	background-color:rgb(255,255,255);
	border-style:solid;
	border-width:1px;
	border-bottom-color:rgb(120,120,120);
	border-radius:5px;
	padding:20px;
	overflow:auto;
	margin-bottom:1em;
}

backPanelL, backPanelR {
	float:left;
	width:45%;
}

backPanelR {
	margin-left:2%;
}

div.trabajoIntro {
	display: block;
	overflow:hidden;
	margin-top:100px;
	line-height:1.4;	
	text-align:left;
	font-size: 26px;	
	text-align:center;
	padding-left:0;
}

p.alqIntro {
	font-size:26px;
}

div.campIntro {
	font-size:22px;
}

div.campIntroBold {
	font-size:24px;
	font-weight:bold;
}

div.brands {
	width:16%;
	margin: 20px 0px 20px 0px;
	text-align:center;
	float:left;
	height:260px;
}

div.brandsCamp {
	width:20%;
	margin: 20px 4% 20px 0px;
	text-align:center;
	float:left;
}

img.brandLogo{
	width:100%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}

p.brandLogoContainer {
	width:100px;
	height:120px;
	display:block;
	margin:auto;
}

p.brandLogoContainerCamp {
	width:75%;
	line-height: 120px;
	height:120px;
	display:block;
	margin:auto;
}

p.alqPasosHead {
	margin-top:1em;
	font-weight:bold;
}

div.leftHalfColL {
	text-align:left;
}

div.ventaIntro {
	width:100%;
	text-align:left;
	font-size: 26px;	
 }

div.rightHalfCol {
	margin-right:0;	
}

p.formFineprint {
	margin-left:10%;
	margin-top:3em;
	font-size:15px;
	text-align:left;
	background-color:rgba(255,255,255,0.75);
}


halfphotoBand, halfphotoBand2 {
	display:block;	
	overflow:hidden;
	width:100%;
	height:50vh;
	background-color: rgb(255,255,255);
	background-image:url('media/venta.jpg');
	background-size:cover;	
	background-position: center center;
	color:rgb(255,255,255);
	position:relative; top:0px;
}

halfphotoBand2 {
	background-image:url('media/cover_alq.jpg');
	background-position: center bottom;
}

halfphotoShader {
	display:block;
	background-color: transparent;
	background-color: rgba(0,0,0,0.2);
	width:100%;
	position:absolute; top:0px; left:0px;
	height:100%;	
	z-index:0;
}

preSelectText, preSelectText2 {	
	font-weight:bold;
}

preSelectText2 {
	margin-left:2em;
}

preSelectText3 {
	font-weight:bold;
	display:block;
	width:200px;
	margin-left:5px;
}
 


#thankyouCover {
	background-image:url('media/home.jpg');
	height:100vh;
}


input.textInput, textarea.textareaInput, select {
	font-size:16px;
	color:rgb(80,80,80);
	font-weight:normal;
	font-family: 'Dosis', sans-serif;
	margin-bottom:1em;
	border-radius:3px;
	border-width:1px;
	border-style:solid;
	border-color:rgb(120,120,120);
	padding:0.4em;
	padding-left:0.5em;
	width:400px;
	background-color:rgb(255,255,255);
	margin-left:5px;	
}

select {
	width:auto;
	margin-left:5px;
}

textarea.textareaInput {
	resize:none;	
}


photoGrid {
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.94);
	position:fixed; top:0px;left:0px;
	z-index:1000;
	padding:1em;
	display:none;
}

img.shownPhoto {
	width:60%;
	height:auto;
	float:left;
	border-radius:8px;
}

img.thumbPhoto {
	width:11%;
	margin-left:1%;
	height:auto;
	float:left;
	border-radius:4px;
	margin-bottom:30px;
	opacity:0.85;
	border-style:solid;
	border-width:2px;
	border-color:rgb(0,0,0);
	transition:0.5s;
	cursor:pointer;
}

img.thumbPhoto:hover {
		opacity:1;
		border-color:rgb(80,80,80);
}

div.closePhotoGrid	{
	display:block;
	width:95%;
	text-align:right;
	font-size:32px;
	color:rgb(180,180,180);
	background-color:transparent;
	padding:5px;
	margin-right:5%;
	margin-bottom:0.5em;
	transition:0.5s;
	cursor:pointer;
}

div.closePhotoGrid:hover {color:rgb(252,252,252); }


#coverCamp {
	background-image:url('media/cover_camp.jpg');
}


campShader {
	display:block;
	background-color: transparent;
	background-color: rgba(0,0,0,0.15);
	width:100%;
	height:100%;
	position:absolute; top:0px; left:0px;
	overflow:hidden;
	z-index:2;
}


campList {
	display: block;
	width: 75%;	
	height:340px;
	margin:calc(28vh - 100px) 0 2.5em 0;		
	/*margin:100px 0 2.5em 0;	*/	
	overflow:hidden;
	background-color:rgb(0,0,0);	
	background-color:rgba(0,0,0,0.8);	
	font-weight:normal;
	color:rgba(255,255,255,0.95);	
	padding:1em 1.5em 1em 1.5em;
	text-align:center;
	transition:0.5s;	
	opacity:0;
	position:relative;
	z-index:5;	
	border-radius:8px;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.8);		
}



img.alqPhotoBand {
	width:100%;
}

img.campPhotoBand {
	width:100%;
	margin-bottom:50px;
}

div.campServiceDesc {
	text-align:left;
	font-size:22px;
	margin-bottom:30px;
	margin-top:60px;
}

#camp1 {
	background-color:rgba(10,90,10,0.75);
}
#camp2 {
	background-color:rgba(30,120,30,0.75);	
}
#camp3 {
	background-color:rgba(40,150,40,0.75);	
}
#camp4 {
	background-color:rgba(30,120,30,0.75);	
}
#camp5 {
	background-color:rgba(10,90,10,0.75);	
}


#camp1:hover {
	background-color:rgba(10,90,10,0.94);	
	margin-top:calc(28vh - 120px);
}

#camp2:hover  {
	background-color:rgba(30,120,30,0.94);	
	margin-top:calc(28vh - 120px);
}

#camp3:hover  {
	background-color:rgba(40,150,40,0.94);	
	margin-top:calc(28vh - 120px);
}

#camp4:hover  {
	background-color:rgba(30,120,30,0.94);	
	margin-top:calc(28vh - 120px);
}

#camp5:hover  {
	background-color:rgba(10,90,10,0.94);	
	margin-top:calc(28vh - 120px);
}


campHead {
	display:block;
	width:100%;
	height:4em;
	padding-left:0.2em;
	padding-right:0.2em;	
	margin-top:0.5em;
	margin-bottom:1em;	
	font-size: 32px;
	text-align:center;
}

campText {
	display:block;
	padding-left:0.5em;
	margin-top:2em;
	padding-right:0.5em;
	font-size:24px;	
	margin-bottom:25px;
	height:260px;	
}

calendarMonth {
	display:block;
	float:left;
	margin-right:1em;
	margin-bottom:1em;	
	border-style:solid;
	border-width:1px;
	border-color:rgb(80,80,80);
	border-radius:3px;
	padding:0.5em;
	height:150px;
	text-align:left;
	font-family:Tahoma;
	font-size:13px;
	background-color:rgb(255,255,255);
}

#calendarContainer {
	display:none;
}

p.weekDays {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

calendarDay {
	display:inline-block;
	width:25px;
	text-align:center;
}

p.calendarMonthName {
	text-align:center;
}


input.submitButton, button, input.submitButtonSmall {
	margin:auto;
	letter-spacing:0.02em;
	word-spacing:0.06em;
	padding:0.6em 1em 0.6em 1em;
	border-width:1px;
	transition:0.5s;
	border-radius:5px;	
	display:inline-block;
	color:rgb(255,255,255);
	background-color:rgb(00,120,40);
	border-style:solid;
	border-color:rgb(30,150,50);
	font-size:28px;
	margin-top:1em;
	width:auto;
	text-align:center;
	height:auto;
}

input.submitButtonSmall {
	font-size:18px;
	margin-left:1em;
	margin-right:1em;
}


input.submitButton:hover, button:hover,  input.submitButtonSmall:hover {cursor:pointer; background-color:rgb(0,0,0); border-color:rgb(0,0,0); color:rgb(255,255,255);	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);	}



/*** Web editor ***/
div.webEdit1Lang, div.webEdit1LangNew, div.webEditAllLang {
	width: 32%;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:30px;
	float:left;
}

div.webEdit1LangNew {
	color:rgb(80,128,255);
}

div.webEditAllLang {
	width:32%;
	display:block;
	float:none;
}

textarea.webEditTextArea {
	width:90%;
    resize: none;
    overflow: hidden;	
	border-radius:5px;
	border-color:rgb(210,210,210);
	border-width:1px;
	padding:5px;
	color:rgb(40,40,40);
}

/***** RESPONSIVENESS *****/
/* Description:
	If x screen resolution is less than 1580 pixels: decrease font size and adjust size of fixed containers
	If x screen resolution is less than 1420 pixels: decrease font size and adjust size of fixed containers
	If x screen resolution is less than 1200 pixels: switch to "Mobile mode" - hides menu, shows menu icon, changes layouts, hides footer
*/

@media screen and (max-width: 1580px) {
	body {    font-size: 16px;	}
	h1  { font-size: 44px;}
	h2 {font-size: 38px;}
	upperBarContainer {height:90px;}
	h3 		 {font-size: 30px;}
	li 		 {font-size:18px;}
	menuItem 	 {font-size:18px;}
	div.staticRightPhotoAlq { width:500px; height:357px;}
	p.formFineprint { font-size:13px;}		
	p.storyHeadline  {font-size: 30px;}
	p.storyAddText 	 {font-size:18px;}
	p.hpadText {font-size:42px;}
	p.homeText  {font-size: 22px; }
	p.billboardMessage, p.billboardMessageNoBack  {font-size:45px;font-size:3.5vw;}
	div.leftHalfCol, div.leftHalfColL, div.rightHalfCol   {font-size: 20px;}
	input.textInput, textarea.textareaInput {font-size:14px;}
	campHead 	 {font-size: 30px;}
	campText {font-size:21px;height:230px;}
	div.leftHalfColAppl, div.rightHalfColAppl {font-size: 16px;}	
	campList  {	 width: 70%; height:320px;	}
	homepageAdditionalPhotosContainer {	position:absolute; top:0px; left:0px;}	
	img.agrLogo { width:230px;	position:absolute; top:25px; left:50px;		}		
	mobileMenu {display:none;}	
	homepageStoryBox {height:380px;	}
	vanPhotoContainer { width:400px; 	height:280px; }
	vanPhoto {width:400px; 	height:280px; }
	p.alqIntro, div.ventaIntro, div.trabajoIntro  { font-size:24px; }
	div.campIntro { font-size:21px;}
	div.campIntroBold {font-size:22px; }
	div.closePhotoGrid	{ font-size:30px;}
	div.campServiceDesc { font-size:21px; margin-bottom:45px;}
	img.bigAGRlogo { width:50%; }
	
}	

@media screen and (max-width: 1420px) {
	body {    font-size: 14px;	}	
	h1, h2 { font-size: 40px;}
	h2 {font-size:36px;}
	h3 		 {font-size: 28px;}
	h4	 {font-size: 18px;}
	li 		 {font-size:16px;}
	menuItem 	 {font-size:15px;}
	p.formFineprint { font-size:12px; }	
	p.storyHeadline  {font-size: 24px;}
	p.storyAddText 	 {font-size:16px;}
	p.billboardMessage, p.billboardMessageNoBack {font-size:44px;font-size:4vw;}
	div.leftHalfCol, div.leftHalfColL,div.rightHalfCol  {font-size: 16px;}
	input.textInput, textarea.textareaInput {font-size:12px;}
	campHead 	 {font-size: 26px;}
	campText {font-size:18px;height:150px;}
	div.leftHalfColAppl, div.leftHalfColL,div.rightHalfColAppl {font-size: 15px;}	
	campList {	/*margin:23vh 0 2.5em 0;*/ height:290px;}	
	mobileMenu {display:none;}
	menuItem {
		width:8%;	
		margin-left:0px;
		max-width:140px;
		min-width:75px;		
	}
	div.logoBar { height: 40px;}	
	img.agrLogo {
		width:210px;
		position:absolute; top:22px; left:50px;		
	}		
	homepageStoryBox {height:360px;	}	
	div.staticRightPhotoAlq { width:420px; height:305px;}
	p.hpadText {font-size:38px;}
	p.homeText  {font-size: 20px; }
	vanPhotoContainer { width:360px; 	height:252px; }
	vanPhoto {width:360px; 	height:252px; }
	p.alqIntro, div.ventaIntro, div.trabajoIntro { font-size:22px; }
	div.campIntro { font-size:20px;}
	div.campIntroBold {font-size:21px; }
	
	div.closePhotoGrid	{ font-size:24px;}
	div.campServiceDesc { font-size:20px; margin-bottom:40px;}	
}

/* "Mobile mode", for screens under 1200 pixels */
@media screen and (max-width: 1200px) {
	body {
		font-size:28px;
	}
	p.campType {font-size: 36px;}
	
	input.submitButton, button { font-size:44px; }
	p.formFineprint {	font-size:16px; }

	a.mobileMenuLink, a.lightLinkBig {color:rgb(255,255,255); transition:0.5s; }
	mainContainer {
		width:calc(100% - 80px);
		text-align:center;
	}
	img.minilogo { height:24px; }
	
	img.agrLogo {top:0px; left:50px;	}
	img.agrLogo:hover {top:0px; left:40px;	}
			
	upperBarContainer { height:105px;	background-color:rgba(255,255,255); }
	menuItem {
		display:none;
	}
	h1  { font-size: 54px; text-align: center; }	
	h2  { font-size: 50px; text-align: center; }	
	h3 	 {font-size: 42px;}
	h1.pageHeadline { text-align: center; }
		
	homepageBillboardContainer, homepageShader { height:60vh;}

	halfphotoBand, halfphotoBand2 { height:60vh; }
	p.billboardMessage, p.billboardMessageNoBack { font-size:50px; font-size:4.8vh; text-align:center; width:90%; margin:auto; margin-top:0; 	padding: 0.5em 0.5em 0.5em 0.5em; }	
	p.billboardMessageNoBack { font-size:50px; font-size:4.8vh; text-align:center; float:none; width:90%; margin:auto; 	margin-top:16vh;}		
	billboardText{
		text-align:center;
		width:90%;
		margin:auto;
		padding-top:16vh;		
	}
	p.hpadText {
		font-size:48px;
		text-align:center;
	}
	div.staticRightPhotoAlq {
		width:600px;
		height:428px;
		margin:auto;
	}
	img.downArrow 	{
		display:none;
	}
	

	vanPhotoContainer {
		display:block;
		width:600px;
		height:420px;
		border-radius:12px;
		overflow:hidden;
		margin:auto;
		cursor:pointer;
	}	
	vanPhoto {
		width:600px;
		height:420px;
	}	
	div.campIntro {
		font-size:28px;
	}
	div.campIntroBold { font-size:28px;}
	div.campServiceDesc {
		text-align:center;
		font-size:26px;
		margin-bottom:30px;
	}
	
	p.storyHeadline  {font-size: 42px;}
	p.storyAddText 	 {font-size:36px;}
	
	footmenu {
		width:100%;
		display:none;
	}	
	img.menuIcon  {
		display:block;
	}	
	img.agrLogo {
		margin-top:0px;
		width:400px;
		margin-left:20%;
		margin-right:10%;
	}		
	p.homeText  {
		font-size: 30px; 
	}
	
	p.socialMediaLogosContainer {
		font-size:1.5em;
		width:20%;
		margin-top:15px;
	}
	menuMargin {
		height:100px;
		display:block;
	}
	div.menuContainer { 
		height: 90px;
	}
	homepageStoryBox {	display:block;	float:none; height:auto; overflfow:auto; }
	#storyBox1 { margin:auto;  margin-bottom:30px; margin-top:30px;width:90%; }
	#storyBox2 {  margin:auto; margin-bottom:30px; margin-top:30px;width:90%; }
	#storyBox3 {  margin:auto;margin-bottom:30px; margin-top:30px;width:90%; }

	storyText {
		margin:auto;
		margin-top: 2em;
		margin-bottom: 2em;
		background-color: rgba(255,255,255,0.95);
	}
	storyText:hover { 		margin:auto; margin-top: 2em;		margin-bottom: 2em; }	
	percent20Container {
		width:90%;
		height:auto;
		margin:auto;
		float:none;
		font-size:32px;
	}

	EUband {height:auto;}
	campList,  campList:hover { margin-top:0; width:100%; height:auto; font-size: 32px; padding:0.5em 0 0.5em 0; }
	#camp1 {	
		margin-top:150px;
	}	
	#camp1:hover {
		background-color:rgba(10,90,10,0.94);	
		margin-top:150px;
	}

	#camp2:hover  {
		background-color:rgba(30,120,30,0.94);	
		margin-top:0;
	}

	#camp3:hover  {
		background-color:rgba(40,150,40,0.94);	
		margin-top:0;
	}

	#camp4:hover  {
		background-color:rgba(30,120,30,0.94);	
		margin-top:0;
	}

	#camp5:hover  {
		background-color:rgba(10,90,10,0.94);	
		margin-top:0;
	}	
	
	campText { 
		font-size:32px; 
		width:90%;
		height:auto; 
		margin:auto;
		margin-top:0.5em;
		margin-bottom:0.5em; 
	}
	campHead { 
		width:90%;
		margin:auto;
		font-size:40px; 
		height:auto;
		margin-top:0.5em;
		margin-bottom:0.5em;
		font-weight:bold;
	}
	
	fixedTopPhotoBand{
		height:auto;	
		overflow:auto;
		background-color:rgb(255,255,255);
		/*background-image:none;*/
		background-size: cover;
		background-position: center center;
		position:relative; top:0px; left:0px;
		/*height:100%;
		width:100%;*/
		
	}
	div.leftHalfCol, div.rightHalfCol, div.leftHalfColL  {
		width:100%;
		margin: 1.25em 0 2.5em 0;	
		text-align:center;
		font-size:20px;		
	}
		
	.leftText {		text-align:center;		}
	
	input.textInput, textarea.textareaInput {
		width:80%;
		font-size:28px;
	}	
	
	
	p.socialMediaLogosContainer { display: none;}
	li {margin-bottom:1.5em; margin-top:0.5em; font-size: 24px;}	
	li:before {
		display: inline;
		padding-right:1em;
		float:none;
	}	
	/*li:before {	content: none; }*/
	ul { margin-top:3em;}	
	footnote, footmenu { font-size:21px; }
	img.bigAGRlogo { width:50%; margin-top:20px; }
	div.brands {
			width:20%;
			margin: 20px 4% 20px 0px;
			text-align:center;
			float:left;
			height:400px;
	}	
	.mapBack { background-image:none;	}
	

}
		

@media screen and (max-width: 760px) {
	/*p.socialMediaLogosContainer{
		display:none;
	}*/	
	body { min-width:600px;	}
	/*p.billboardMessage,  p.billboardMessageNoBack { font-size:32px;	}	*/
}

/* ANIMATIONS */

@keyframes animBillBoard1 {
    0% {transform: scale(1.05); opacity:1;}
    28% {transform: scale(1.25); opacity:1;}
    33% {transform: scale(1.30); opacity:0;}
	94% {transform: scale(1); opacity:0;}
	100% {transform: scale(1.05); opacity:1;}
}

@keyframes animBillBoard2 {
    0% {transform: scale(1); opacity:0;}
    28% {transform: scale(1); opacity:0;}
    33% {transform: scale(1.05); opacity:1;}
	61% {transform: scale(1.25); opacity:1;}
	66% {transform: scale(1.30); opacity:0;}
    100% {transform: scale(1); opacity:0;}	
}

@keyframes animBillBoard3 {
    0% {transform: scale(1); opacity:0;}
    61% {transform: scale(1); opacity:0;}
    66% {transform: scale(1.05); opacity:1;}
	94% {transform: scale(1.25); opacity:1;}
	100% {transform: scale(1.3); opacity:0;}
}


@keyframes animDownArrow {	
    10% {transform: scale(0.9); opacity:0;}
    25% {transform: scale(1); opacity:0.8;}
    75% {transform: scale(1); opacity:0.8;}
    90% {transform: scale(0.9); opacity:0;}
}

@keyframes animAlqPhoto {
	0% { background-image: url('media/anm_alq1.jpg'); }
	17% { background-image: url('media/anm_alq1.jpg'); }
	20% {background-image: url('media/anm_alq2a.jpg'); }
	37% {background-image: url('media/anm_alq2a.jpg'); }
	40% {background-image: url('media/anm_alq3a.jpg'); }
	57% {background-image: url('media/anm_alq3a.jpg'); }
	60% {background-image: url('media/anm_alq4.jpg'); }
	77% { background-image: url('media/anm_alq4.jpg'); }
	80% {background-image: url('media/anm_alq5.jpg'); }
	97% { background-image: url('media/anm_alq5.jpg'); }
}