/*-----------------------------------------------------------------------------
Screen Stylesheet
Specification:		Home Page
Version:   			1.0
Date:      			2007-Oct-28
Author info: 		Solucionweb.com
Website:   			The Lodges at Naylor Mill
Description:		Landing Page
2007 Under Creative Commons License Terms
-----------------------------------------------------------------------------*/
/* Reset values
Asigne valores por defecto a algunas de los valores CSS por defecto como margin, border y padding.
La razón es simple, cada explorador aplica estilos distintos a distintos elementos.
-----------------------------------------------------------------------------*/
body, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, blockquote, th, td { margin: 0pt; padding: 0pt; }
.clear { clear:both; }
.right { float: right; }
.left  { float: left; }

/* Basic Document
-----------------------------------------------------------------------------*/
body {
    font: 62.5%/1.5 Verdana;
	 background-color: #333333; /* Background color */
    color: #FFF; /* Font color */
    text-align: left;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

#wrapper {
	position:relative;
	text-align:left;
	width:895px;
	margin:0 auto;
}
.clear {
	clear: both;
}
.right {float:right;}

/* General Typograph:
Debemos de saber que le tamaño por defecto es de 10pt. Esto es 62.5%/1.5 = 10
-------------------------------------------------------------------------------- */
h1 {
	font-size: 2.5em;
	color: black;
}
    
h2 {
	color: white;
	font-size: 2.8em;
	text-align: left;
}
    
h3 {
/*	 color: Gray; */
	color: white;
	font-size: 2.0em;
	text-align: left;
}
    
h4 {
	font-size: 1em;
	text-align: left;
	color: #FFF;
}
    
h5 {
	font-size: 1em;
	text-align: center;
	color: #FFF;
}
 
h5 a {
	color:Yellow;
	text-decoration: none;
}

h5 a:hover{
	color:Yellow;
	text-decoration: none;
}  

p {
    font-size: 1em;
	 color: #000;
	 text-align: left;
}

ul {
	 text-align: left;
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 
li {
/*	 color: Gray; */
	 color: #000;
	 text-align: left;
	 font-size: 1.7em;
	 padding-bottom: 15px;
} 
 
/* Cree secciones:
Archivos CSS demasiado extensos pueden ser dificiles de manejar.
Es recomendable, dividirlo en varias secciones con estilos y clases comunes para cada sección.
Por ejemplo, divida las clases de los elementos de navegación, de los estilos de los elementos de pie de página, etc.
-------------------------------------------------------------------------------- */

/* Container
-----------------------------------------------------------------------------*/
#container {
	margin:0 auto;
	width: 960px;
}

/* Form styles
----------------------------------------------------------*/	
#form {
	float: left;
	width:320px;
	clear: left;
	color:#FFF;
	overflow: hidden;
	background-color: Black;
}

#formcontent {
	margin:8px;
	padding:9px;
}

.formhead {
	color:#FFF;
	font-size: 1.2em;
	text-align:center;
	display:block;
	font-weight:bold;
	padding-top:1px;
}

.formcopy {
	line-height:1.25em;
}

#form fieldset {
	padding: 2px 2px 2px 2px;
	font-family:  inherit;
	font-size:12px;
	border:solid 1px Orange;
	background-color: #F5F4F4;
}

#form label {
	display:block;
}

.button {
	width: 191px;
	height:32px;
}

.small {
	font-family: inherit;
	font-weight:normal;
	font-size:10px;
	color:#FFF;
	margin:4px 0;
	display:block;
}

.submitbtn {
	text-align:center;
}

.reqtext {
	font-size: 1.2em !important;
	font-weight:bold;
	color:#FFF;
}

.requiredtext {
	float:left;
	color:#fff;
	font-style:italic;
	font-size: 1.0em;
	width:160px;
}

.formloop {
	width: 100%;
	clear:both;
	padding: 2px 0;
}

.first {
	border-top:none;
}

.last {
	border-bottom:none;
}

.formlabel, .forminput{
	float:left;
}

.checkbox {
	float: left;
	border-color: Black;
}

.radio {
	border-color: Black;
	display: inline;	
}

.formlabel {
	width:250px;
	font-family: Arial;
	line-height: 1.25;
	color: #fff;
	font-weight: bold;
	word-spacing: 0.1em;
	text-align: left;
	letter-spacing: 0;
	margin-right: 10px;
	font-size: 1.1em;
}

.formlabelab {
	width:260px;
	text-align:left;
	line-height: 1.25;
	color: #FFF;
	font-weight: bold;
}

.formlabelac {
	text-align:left;
	line-height: 1.0;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0;
	margin-right: 10px;
	font-size: 1.1em;
}

.formheader {
	width:100%;
	text-align:left;
	margin-right: 6px;
	padding-top: 4px;
	border-bottom: 0px solid #999;
}

.forminput {
	width:200px;	
}

.forminput input, .input {
	width:270px;
}
/* -------------------------------------------------------------------------
-- End setting form
---------------------------------------------------------------------------- */

/* Header
---------------------------------------------------------------------------- */
#header {
overflow: hidden;
background-image: url(../images/header.jpg);
display: block;
height: 326px;	
} 

#content {
background-image: url(../images/contentbg.jpg);
background-position: top right;
background-repeat: no-repeat;
height: 1216px;
}

#forma {
	float: left;
	width: 322px;
	background-image: url(../images/formbg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 1216px;
}

#forma h2 {
	color: white;
	font-size: 2.8em;
	text-align: left;
	margin-left: 15px;
}
    
#forma h3 {
/*	 color: Gray; */
	color: white;
	font-size: 2.0em;
	text-align: left;
	margin-left: 15px;	
}

#title {
	margin-left: 352px;
}

#title h1 {
	font-size: 2.5em;
	color: black;
	margin-top: 30px;	
}

#bullets {
	padding-top: 340px;
	margin-left: 352px;
}

#footer {
	clear: both;
	height: 86px;
	background-image: url(../images/footer.jpg);
	background-position: center;
	background-repeat: no-repeat;

}

/* Tablas:
Para las tablas, talvez lo principal sería indicarle un valor por defecto al tipo de letra y a los borders.
-----------------------------------------------------------------------------*/

table {
	border-spacing: 10;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}


/* Error Handling
----------------------------------------------------------*/
div.error {
	font-family: inherit;
	font-size: 0.7em;
	width: 90%;
	margin-left: 1px;
	margin-bottom: 1px;
	color: #FFF;
	border: 1px solid #FF0000;
	background-color:#FFF;
	list-style-type: none;
}

input.error, select.error, textarea.error {
	border: 1px solid #FF0000;
	background-color:#F1E0F0;
}