@font-face {
	font-family: 'Champagne_Limousines';
	src: url('fuentes/Champagne_Limousines.eot');
	src: local('☺'), url('fuentes/Champagne_Limousines.woff') format('woff'), url('fuentes/Champagne_Limousines.ttf') format('truetype'), url('fuentes/Champagne_Limousines.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	border:0;
	padding:0;
	margin: 0; 
}

#region1{width: 100%; background: #C3B298;  position:relative; height:auto;}
#contenidos{width: 100%; position:absolute; }
#region2{width: 100%; background: #808285; color: #fff; position:relative; top:10%; padding: 15px; color: #fff;}
#region3{
	width: 100%;
	position:relative;
	list-style:none;
	float:left;
	margin:0 auto;
}
#region3 ul { list-style:none;}
#region3 li { float:left; margin:0 0 30px 0; width:33.3%;}
#region3 img { width:auto;}
#region4{width: 100%; position:relative; background:#F1F2F2; float:left;}
#contreg1, #contreg2, #contreg3, #contreg4{width: 100%; margin: 0 auto; height:auto; text-align:center; color:#000; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
#contreg2{color: #fff !important;}
#contreg2 p{font-size: 25px; margin:0;}
#contreg4 p { font-size:12px;}
#contreg4 p img { width:auto;}

/*
.flip{
		height: 300px;
		width: 300px;
		float: left;
		position: relative;
		transition: all 1s ease;
		transform: perspective(900px);
		transform-origin: 100% 50%;
		transform-style: preserve-3d;

		-webkit-transition: all 1s ease;
		-webkit-transform: perspective(900px);
		-webkit-transform-origin: 100% 50%;
		-webkit-transform-style: preserve-3d;

		-moz-transition: all 1s ease;
		-moz-transform: perspective(900px);
		-moz-transform-origin: 100% 50%;
		-moz-transform-style: preserve-3d;
}

.flip:hover{
		transform: perspective(900px) rotateY(-180deg) translateX(100%);
		-webkit-transform: perspective(900px) rotateY(-180deg) translateX(100%);
		-moz-transform: perspective(900px) rotateY(-180deg) translateX(100%);
}

.flip .flip1, .flip .flip2{
	width: 300px;
	position: absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
.flip .flip2{
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
}
*/
img{width: 100%; height: auto;}