/*-----------------------------------------------------------------------------------*/
/*	BACKGROUND SELECTION
/*-----------------------------------------------------------------------------------*/

/* select the background you want by comenting the others */



/* background 1 (fullscreen images / gallery) */
	@import url(supersized.css);
	@import url(supersized.shutter.css);

/* background 2 (image grid) */
/*	@import url(image-grid.css); */



/* background 3 (google maps) */
/*	#map_canvas { position: absolute; width:100%; height:100%; } */



/*-----------------------------------------------------------------------------------*/
/*	IMPORTS
/*-----------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic);



/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

*{
	margin:0;padding:0;
}
html,body{
    height: 100%;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color:#333;
	-webkit-font-smoothing: antialiased;
	overflow-y: auto;
	overflow-x: hidden;
	//background-color: #F1E9DE;
	
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}/*\*/
.clearfix{display:block}/**/
.none{display:none}



/*-----------------------------------------------------------------------------------*/
/*	Highest Resolutions
/*-----------------------------------------------------------------------------------*/

p, h1 {margin-bottom: 20px;}

a{
	color:  #B86E53;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#images_container{
	width: 100%;
	position: relative;
}
.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}
.main{
	position: relative;
}


.floater {
	float:left;
	height:50%;
	margin-top:-150px; /* half the box's height */
	position:relative;
}


.top {
	position: absolute;
	top: 0px;
	left: 0px;
}

.bottom {
	position: absolute;
	bottom: 30px;
	left: 0px;
}

.ie .wrap {background: url('/assets/images/fondo.png');}




		#leftSide {
			float: left;
			width: 50%;
			padding: 0px
		}
		
		#rightSide {
			float: right;
			width: 50%;
			padding: 40px
		}
		
		#cuadro {
			background-color: rgba(255,255,255,0.9);
			border:1px solid 333;
			padding: 40px;
		}
			
		#social {
			clear: both;
			margin: 0px 0px 0px 30px;
		}
		
		#social img:hover {padding-bottom: 2px;}

		#logo {
			position: absolute;
			margin: 0px;
			float: left;
		}

		
		





/*-----------------------------------------------------------------------------------*/
/*	Tablets (portrait)
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width:1024px){



	
}



/*-----------------------------------------------------------------------------------*/
/*	smartphones (landscape)
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 880px){

	body{ background-color: #F1E9DE;}

#leftSide {
			clear: both;
			width: 100%;
			padding: 0px
		}
		
#rightSide {
			clear: both;
			width: 100%;
			padding: 0px;
		}
		#cuadro {
			margin:0px 20px 40px 20px;
		}
		


	.bottom {
		bottom: 20px;
		left: 25px;
	}


	#logo {
			position: relative;
		}
		
	#logo img{
		
		margin: 0px;
		float: left;
	}

	#social {
		clear: both;
		margin: 20px 0px 0px 0px;
	}
	
	#social img{
		width: 48px;
	}

}



/*-----------------------------------------------------------------------------------*/
/*	smartphones (portrait)
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 360px) {
	
	body{ background-color: #F1E9DE;}


			

}