@font-face {

    font-family: 'KingthingsExeterRegular';

    src: url('fonts/Kingthings_Exeter-webfont.eot');

    src: url('fonts/Kingthings_Exeter-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/Kingthings_Exeter-webfont.woff') format('woff'),

         url('fonts/Kingthings_Exeter-webfont.ttf') format('truetype'),

         url('fonts/Kingthings_Exeter-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'TangerineRegular';

    src: url('fonts/Tangerine_Regular-webfont.eot');

    src: url('fonts/Tangerine_Regular-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/Tangerine_Regular-webfont.woff') format('woff'),

         url('fonts/Tangerine_Regular-webfont.ttf') format('truetype'),

         url('fonts/Tangerine_Regular-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'TangerineBold';

    src: url('fonts/Tangerine_Bold-webfont.eot');

    src: url('fonts/Tangerine_Bold-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/Tangerine_Bold-webfont.woff') format('woff'),

         url('fonts/Tangerine_Bold-webfont.ttf') format('truetype'),

         url('fonts/Tangerine_Bold-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'QumpellkaNo12Regular';

    src: url('fonts/QumpellkaNo12-webfont.eot');

    src: url('fonts/QumpellkaNo12-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/QumpellkaNo12-webfont.woff') format('woff'),

         url('fonts/QumpellkaNo12-webfont.ttf') format('truetype'),

         url('fonts/QumpellkaNo12-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



body{

	margin: 0;

	padding: 0;

	background-image:url(../imagen/fondo.png);

	background-repeat:repeat;

	font-size: 13px;

	color:#FFCC00;

}



#contenedor{

	margin:0 auto 0 auto;

	width:902px;

	height:auto;

}



	#menu {

		margin:10px auto 0 auto;

		width: 900px;

		height: 55px;

	}

	

		#menu ul {

			margin-top:10px;

			padding: 0;

			padding-top:5px;

			list-style: none;

			text-align:center;

		}

	

		#menu li {

			font-family: 'Kaushan Script', cursive;

			font-size:25px;

			padding-right:20px;

			margin-top:100px;

			display: inline;

		}

		

		#menu a {

			text-decoration: none;

			color:#666633;

		}

		

		#menu a:hover{

			color:#FDBE2D;

		

		}

	

		#menu .active a {

			color: #FDBE2D;

		}

	

	#logotipo{

		width:170px;

		height:170px;

		float:left;

	}

	

	#imagenes{

		background-image:url(../imagen/imagen.png);

		width:720px;

		height:300px;

		float:right;

		margin-right:1px;

	}

	

	#imagen{

		float:left;

		width:170px;;

		height:120px;

		padding-right:10px;

	}

	.pics {

		clear:both;

		text-align:center;

		padding: 0;

		margin-left:15px;

		margin-top:15px;    

	}

	

	#sociales{

		margin-left:50px;

		/*padding-top:190px;*/

	}

	#clima{

		margin-top:10px;

	}

	#conversor{

		width:170px;

		margin-top:30px;

	}



#izda {

	float:left;

	width:180px;

}



#decha {

	float:right;	

}



#contenido{

		width:720px;

		height:auto;

		border:solid #FFCC00 1px;

	}

	#contenido h2{

		font-family: 'Kaushan Script', cursive;

		font-size:30px;

		color:#CCCCCC;

		text-align:center;

	}

	

	#textos{

		font-family: 'QumpellkaNo12Regular';

		color:#CCCCCC;

		font-size:14px;

		text-align:justify;

		/*width:700px;/*

		/*margin-left:20px;*/

	}

		#textos p{

			margin-top:5px;

			margin-right:20px;

			margin-left:20px;

			margin-bottom:12px;

			

		}

		#textos a{

			text-decoration:none;

			color:#CCCCCC;

		}

		#textos a:hover{

			text-decoration:none;

			color:#FFCC00;

		}

	

	#izquierda{

		float:left;

		font-family: 'QumpellkaNo12Regular';

		color:#CCCCCC;

		font-size:14px;

		text-align:justify;

		width:336px;

		margin-left:20px;

	}

		#izquierda p{

			margin-right:20px;

		}

		#izquierda a{

			text-decoration:none;

			color:#CCCCCC;

		}

		#izquierda a:hover{

			text-decoration:none;

			color:#FFCC00;

		}

		

	#derecha{

		float:right;

		font-family: 'QumpellkaNo12Regular';

		color:#CCCCCC;

		font-size:14px;

		text-align:justify;

		width:280px;

		margin-right:30px;

	}

		#derecha p{

			margin-right:20px;

		}

		#derecha a{

			text-decoration:none;

			color:#CCCCCC;

		}

		#derecha a:hover{

			text-decoration:none;

			color:#FFCC00;

		}

	#izquierda2{

		float:left;

		font-family: 'QumpellkaNo12Regular';

		color:#CCCCCC;

		font-size:14px;

		text-align:justify;

		width:326px;

		/*margin-left:20px;*/

	}

	#derecha2{

		float:right;

		font-family: 'QumpellkaNo12Regular';

		color:#CCCCCC;

		font-size:14px;

		text-align:justify;

		width:368px;

		margin-right:20px;

	}	

	

	#izquierda3{

		float:left;

		font-family: 'QumpellkaNo12Regular';

		color:#CCCCCC;

		font-size:12px;

		text-align:justify;

		padding:5px;

		width:226px;

		/*margin-left:20px;*/

	}

	#derecha3{

		float:right;

		font-family: 'QumpellkaNo12Regular';

		color:#CCCCCC;

		font-size:12px;

		text-align:justify;

		width:226px;



	}	

	

	#textoInicio{

		font-family: 'QumpellkaNo12Regular';

		color:#FFCC00;

		font-size:20px;

		width:700px;

		/*margin-left:20px;*/

		margin-top:250px;

		text-align:center;

	}

		#textoInicio p{

			margin-right:20px;

		}

	#textoReservas{

		font-family: 'QumpellkaNo12Regular';

		color:#FFCC00;

		font-size:17px;

		width:700px;

		/*margin-left:20px;*/

		margin-top:250px;

		text-align:left;

	}

#pie{

	margin:0 auto 0 auto;

	padding-top::20px;

	width:900px;

	height:50px;

	font-family: 'Karla', sans-serif;

	font-size:16px;

	text-align:center;

	color:#fff;

}

	#pie a {
		color:#FFF;	
	}