@charset "UTF-8";

/* Layout (global rules for all sizes) */

body { 
	margin: 0px; 
	padding: 0px; 
	color: #525673;
	}



/* Layout Large Screens (default for older browsers) */
/*  removed from HEADER to insert banner rotator:   background: url(/images/banner_large.jpg) no-repeat right 0px; */

 



 .logo {
	font-family: 'Pinyon Script', cursive; 
	font-weight:bold;
	font-style:italic;
	float:left;
	padding-top:1.5rem;
	left:2rem; 
	font-size:3rem; 
	color:#a6430a; 
	text-decoration:none;  								
	text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 0 #000000; 
	line-height:0.6rem;
    -ms-transform: skewX(-10deg); /* IE 9 */
    -webkit-transform: skewX(-10deg); /* Safari */
    transform: skewX(-10deg); /* Standard syntax */

}


.logo2 	{	
	font-family: 'Arial';  
	font-size:1rem; 
	color:#fff; 
		float:left;
	text-decoration:none; 
	padding-top:1rem;
	padding-left:1rem;
	text-transform:none;
	
    
	text-shadow:none;
}


h1 { 
	
 
	font-size: 2em; 
	line-height:1.1em;
    font-weight: normal; 
	
	}
h2 { 
		font-size: 1.7em; 
		margin: 0em 0em 1em 0em; 
		line-height: 1.4em; 
		font-style:italic; 
		font-weight:normal;
	}
h3 { 
	font-size: 1.5em; 	
	margin: 0em; 
	padding-bottom:10px; 
	line-height:1.2em;
	 }


article { 
	padding: 10px 20px 10px 20px;
	font-size:20px;
	 }

.columnscontainer {
	padding: 0 20 15 0;
}
.columnscontainerBlue { 

		background-color:#BDBDC5;
	 }
	 
.columnscontainerWhite { 

		background-color:#6EA435;
	 }


.twocolumns { 
		width:100%;
		clear:both;
		}
article .columnscontainer .twocolumns.columnscontainerBlue {
}


.twocolumns .leftside {
clear:both;
		margin-top:15px;
		float:left;
		width: 46%;
	}
	
	
.twocolumns .rightside {
	margin-top:15px;
	float:left;
	padding-left:20px;
	width:50%;

	
	}
.inlineImg {
	margin-top:5px;
	float:left;
	padding:20px;
}

.villaBullet {
	font-size:larger;
	font-style:italic;
	font-weight:bold;
}
.leftside img {

  
  width: 100%;
  max-width: 495px;
  float: left;
  clear: both;
}

.mapImage {
	width:100%;

	}

.secondLeftsideImage {
	padding-top: 10px;
	}
	
.banner-rotator h3 {
	font-family: 'Covered By Your Grace', cursive;
	font-weight:100;
	font-size:36px;
}
.banner-rotator H1 {
	font-family: 'Covered By Your Grace', cursive;
	font-size:60px;
	font-weight:200;
	}
	
.banner-rotator H2 {
	font-family: 'Covered By Your Grace', cursive;
	font-size:45px;
	font-weight:200;
	}
	
nav a { margin: 12px 0px 10px 20px; }


@media screen and (max-width: 990px) {
	footer { padding-left: 20px; }
}


.noteBox {
	float:right;
	width:200px;
	padding:5px;
	margin-left:10px;
	border:#990000; 
	background:#a6430a; 
	color:#FFFFFF;
	font-size:	14px;
	border-style:ridge;
	}
	
.noteBox2 {

	padding:5px;
	margin-left:10px;
	border:#990000; 
	background:#a6430a; 
	color:#FFFFFF;
	font-size:	14px;
	border-style:ridge;
	}
	
.noteBox2 a {
color:white;
font-weight:bold;
}
.noteBox2 a:hover {
color:#A2A5B9;
}
		
#myRotator {
max-width: 990px;
max-height:350px;

}


.slant {
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
}


.LaFincaFontstyle {
	font-size:48px;
	}

.navbar li {
	width:16%;

	}

.navbar li ul li {
	text-align:center;
	}


.facebookFloat {
	float:left;
	margin-right: 20px;
	margin-top:5px;
	}
	
.fbLike {
	float:right;

	}
	
	
.navbar li ul li ul li {
	text-align:right;
	}
	
.whiteBackground {

	
	background-color:#CC00CC;
}

.blueBackground {

	background-color:#AE97D5;

	}
li ul li.alignRight {
	text-align:right;
	padding-right:3px;
	background-color:#A6430A;
	color:yellow;
}

.linkp {
	font-size:larger;
	}
	
.costsVillas {
	padding-left:20px;
	padding-right:10px;
	font-size:large;
	line-height:1.3em;
	}
	
.footnote {
	font-size:14px; 
	line-height:1em;
	}
	
.eft
Image {
	float:left;
	padding-bottom:15px;
	}
		
.warnings {
	font-size:18px;
	font-weight:bold;
	}	
	
	.whoIs  {
		font-size:20px;
		font-style:italic;
		font-weight:bold;
		}	
		
		
.fb-like {
	float:right;
	padding-right:5px;
	padding-top:5px;
	color:white:
	}
	
.bulletSpacing {
	line-height:1.8em;
	}
.imgSeparation {
	padding-top:10px;
	}
	
.clearBothAndSpaceTop  {
	clear:both;
	padding-top:18px;
	}