/*
	Theme Name: HotelHC Theme
	Theme URI: http://hotelhc.com/
	Description: Sitio Web del Hotel HC 2010
	Version: 1.0
	Author: Lex Castillo
	Author URI: http://lexcastillo.com/
*/

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

body,html {
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", Verdana;
	background-color: #cc99ff;
	background-image: url("images/bgBodyCenter.jpg");
	background-repeat: repeat-y;
	background-position: center;
}

img { border: none; }

/* /////////////////////////////////////////////////////////////////////////////// HEADER ///////////////////////////////////////////////////////////////////////// */

#header {
	background-color: #000;
	height: 100px;
}

#logoMenu {
	width: 800px;
	margin: 0 auto;
	font-family: "Arial Black";
	font-size: 37.07px;
	font-weight: bolder;
}

#logoMenu #hotel {
	color: #fff;
	margin: 0 0 0 -20px;
}

#logoMenu #hc {
	color: #cc99ff;
}

#slogan {
	color: #fff;
	font-size: 15.49px;
	margin: -10px 0 0 -5px;
	font-family: Arial;
}

#logoMenu a:link, #logoMenu a:visited, #logoMenu  a:hover, #logoMenu a:active {
	border:none;
	text-decoration: none;
}


/* //////////////////////////////////////////////////////////////////////////////// MENU ////////////////////////////////////////////////////////////////////////// */

#button {
	padding: 0;
	font-size: 15px;
}

#button li {
	display: inline;
}

#menu a:link, #menu a:visited {
	text-decoration: none;
	padding: 3px;
	margin: -10px 10px 10px -5px;
	background-color: #393839;
	color: #fff;
	display: block;
	width: 120px;
	text-align: center;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}

#menu  a:hover, #menu a:active {
	border-color: #ccc;
	border-width: 1px;
	text-decoration: none;
	padding: 3px;
	margin: -10px 10px 10px -5px;
	color: #fff;
	display: block;
	width: 120px;
	text-align: center;
	float: left;
}

/* /////////////////////////////////////////////////////////////////////////////// SLIDER ///////////////////////////////////////////////////////////////////////// */

#slider {
	margin-left: auto; margin-right: auto; margin-top: 45px;
	padding: 10px 0 10px 20px;
	width: 800px;
	text-align: center;
	background-color: #fff;
	border: solid;
	border-width: 1px;
	border-color: #ccc;
}

#baseSlider {
	margin: 0 auto;
	width: 800px;
	text-align: center;
}

.coin-slider { overflow: hidden; position: relative; }
.coin-slider a { text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 0; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 100%; padding: 0; background-color:#000000; color: #ffffff; float:left; margin: 0 auto; text-align: center; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; }

/* /////////////////////////////////////////////////////////////////////////// CONTENT INDEX ////////////////////////////////////////////////////////////////////// */

#contentIndex, #contentServicios {
	width: 800px;
	margin: 0 auto;
}

#indexLeft {
	width: 48%;
	float: left;
	margin: 5px;
}

#social {
	margin: 5px;
	text-align: center;
}

#indexRight {
	width: 48%;
	float: right;
}

#indexRight form {
	margin: 8px 0 0 0;
	text-align: center;
}

#indexRight #nuestraEmpresa {
	text-align: justify;
}

/* /////////////////////////////////////////////////////////////////////////// FORMULARIO ////////////////////////////////////////////////////////////////////// */

#formReservas {
	margin: 0;
}

.obligatorios {
	color: #f00;
	font-weight: bold;
}

.tituloContentIndex {
	text-align: center;
	font-weight: bold;
	font-size: 16.55px;
	margin: 15px 0 15px 0;
}

#formReservas label {
	margin: 10px;
}

#formReservas input {
	margin: 0;
	width: 75px;
}

#formReservas select {
	margin: 0 0 0 0;
}

.fechas {
	width: 180px;
	float: left;
}

/* ///////////////////////////////////////////////////////////////////////// BANNER INFERIOR ///////////////////////////////////////////////////////////////////// */

#bannerInferior {
	text-align: center;
}

#bannerInferior img {
	margin: 20px;
}

/* //////////////////////////////////////////////////////////////////////////// FOOTER ////////////////////////////////////////////////////////////////////////// */

#footer {
	background-color: #ebebeb;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	float: left;
	width: 100%;
}

/* ////////////////////////////////////////////////////////////////////////// SERVICIOS ///////////////////////////////////////////////////////////////////////// */

#contentServicios {
	margin-bottom: 20px;
	text-align: center;
}

#encabezadosPrecios li {
	display: inline;
	float:left;
	margin: 0 20px 0 50px;
}

#encabezadosPrecios {
	display: block;
	float:left;
}
#fechas {
	padding: 0 70px 0 0;
	font-weight: bold;
}

.encabezados  {
	font-weight: bold;
	padding: 0 0 0 10px;
}