@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#37241b url(img/fondo.jpg) repeat-x 0 380px;
}


@font-face {
    font-family: 'relato_sans_ot_semiboldRg';
    src: url('font/relatosansot-semibold-webfont.eot');
    src: url('font/relatosansot-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/relatosansot-semibold-webfont.woff') format('woff'),
         url('font/relatosansot-semibold-webfont.ttf') format('truetype'),
         url('font/relatosansot-semibold-webfont.svg#relato_sans_ot_semiboldRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'relato_sans_ot_regularregular';
    src: url('font/relatosansot-regular-webfont.eot');
    src: url('font/relatosansot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/relatosansot-regular-webfont.woff') format('woff'),
         url('font/relatosansot-regular-webfont.ttf') format('truetype'),
         url('font/relatosansot-regular-webfont.svg#relato_sans_ot_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'relato_sans_ot_lightregular';
    src: url('font/relatosansot-light-webfont.eot');
    src: url('font/relatosansot-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/relatosansot-light-webfont.woff') format('woff'),
         url('font/relatosansot-light-webfont.ttf') format('truetype'),
         url('font/relatosansot-light-webfont.svg#relato_sans_ot_lightregular') format('svg');
    font-weight: lighter;
    font-style: normal;
}


.contenedor {
	width:925px;
	margin: 0 auto;

	display: table;

}

.header {
	height:142px;
	display: inline-block;
	float:left
}
.logo {
		display: inline-block;
	float:left;
	width:358px;
}
.menu {
	display: inline-block;
	float:right;
	width:535px;
	margin-top:62px;
}

h1, h1 a {
	font-family: 'relato_sans_ot_semiboldRg';
	font-size:16px;
	color:#f24f00;
	text-decoration:none
}

h1 a:hover {
	color:#FFF;
		text-decoration:none
}


h2 {
	font-family: 'relato_sans_ot_lightregular';
	font-size:36px;
	color:#fff;
	text-decoration:none;
	margin-bottom: 20px; 
}


.selected {
	color:#FFF;
		text-decoration:none
}

p, p a {
	color:#37241b;
		font-family: 'relato_sans_ot_regularregular';
	font-size:14px;
	line-height:18px;
	padding:0;
	margin:10px 0 0 0;
	text-decoration:none
	
}

p a:hover {
	text-decoration:underline
}


.item {
	display: inline-block;
	float:left;
	margin-left:12px

}

.banner {
	width:885px;
	height:350px;
	margin: 0 20px 0 20px;
	display:inline-block;
	float:left;
	position:relative;
}

.palmeritas {
	position:absolute;
	top:288px;
	left:237px;
	z-index:1000;
}

.pie {
		width:885px;
	height:50px;
	margin: 31px 20px 0 20px;
	display:inline-block;
	float:left;
	position:relative;
}

.pie p {
	color:#FFF;
	margin-left:350px;
	font-size:15px;

}

.pie p a {
		color:#FFF;
			font-size:15px;
}

.wrapper {

	height:100%

}



/*INICIO banner
*/



		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#slides .slides_container {
			width:725px;
			height:420px;
			display:none;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		
		#slides .slides_container div {
			width:725px;
			height:420px;
			display:block;
		}
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#slides_two .slides_container {
			width:885px;
			display:none;
			height:350px;
			position:relative;
			z-index:20
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		
		#slides_two .slides_container div {


			display:block;
			width:885px;
		}
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#slides_three .slides_container {
			width:725px;
			display:none;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		
		#slides_three .slides_container div {
			width:200px;
			height:100px;
			display:block;
		}
		
		.prev, .next {
			display:none
			
		}
		
		/* 
			Example only
			
		*/
		
		.pagination {
			float:left;
			margin:46px 0 0 23px;
		
		}
		
		.pagination li {
			background:url(img/no-seleccionado.png);
			width:8px;
			height:11px;
			list-style-type:none;
			float:left;
						position:relative;
			z-index:30;
			right:0;
			margin: 0 3px 0 3px;
		
			
			
		}
		
		.pagination li a {
			display:block;
				width:11px;
			height:11px;
			font-size:0px
		}
		
		.pagination .current {
				background:url(img/seleccionado.png);
		}
		hr {
			background:#efefef;
		}
		
		
.bannerLeft {
	float:left;
	display:inline-block;

	width:242px;
	height:254px;
	background:#e2dece;
	padding:56px 40px 40px 68px;
}

.bannerLeft h1 {
	font-size:19px;
}

.bannerLeftPromos {
	float:left;
	display:inline-block;

	width:272px;
	height:288px;
	background:#e35f13;
	padding:22px 10px 40px 68px;
}

.bannerLeftPromos p { 
	font-size: 16px;
	line-height: 23px;
}

.bannerRight {
		float:left;
	display:inline-block;
	width:535px;
}
		

/*FIN banner
*/


.contenedorSlide {
	background:#e2dece;
	width: 885px;
	height:350px;
}

.slideRight {
	float:right
}

.contactoWrapper {
	background:#e8520e;
	width:885px;
	height:350px;
	
	
}

.contactoWrapper h1 {
	color:#FFF;
	font-size:19px;
}

.contactoLeft {
	float:left;
	display:inline-block;
	width:200px;
	margin:56px 0 0 67px;
}

.contactoLeft p {
	font-size:16px;
	line-height:22px
}

.contactoRight {
	float:left;
	display:inline-block;
	width:500px;
	margin:62px 0 0 83px;
}

.contact-form p {
		font-size:16px;
		color:#FFF
}

.formTags {
	margin-bottom:4px;
}


.formInput input {
	width:466px;
	height:19px;
	border: solid 1px #37241b;
	background:#e8520e;
}
	
.formInput textarea {
		width:465px;
	height:90px;
	border: solid 1px #37241b;
	background:#e8520e;
}

.formButton {
	background:url(img/enviarBoton.jpg);
	text-indent:-99999px;
	width:68px;
	height:27px;
	border:0;
	position:relative;
	left:-80px;
	top: -20px;
	cursor:pointer;
}

.facebook {
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	
}