﻿body {
	background-color: #ffffff;
	text-align: center;
	margin: 0px auto;
}


#container {
	width:800px;
	text-align:center;
	margin-top:0px;
	border:1px #336699 solid;
}

#content {
	width:800px;
	margin-top:0px;
	background:#003366 url('../imagenes/fondo_content.jpg') repeat-y;
}

#header {
	width:800px;
 	height:430px;
}

#left {
	float:left;
	margin-left:0px;
	width:550px;
}

#imagen{
	float:left;
	margin-left:5px;
	padding-top:5px;
}


#textoleft {
	float:left;
	text-align:left;
	padding-left:15px;
	color:#999999;
}

h2 {
	padding: 0px;
	margin: 0px;
	color: #008000;
	font-family: "Arial Black", Arial;
}

#textoleft h3 {
	color:#000000;
}


#textoleft p{
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

#textoleft a{
	color:#008000;
	font-family:"Arial Black", Arial;
	font-size:11px;
}

#textoleft2 {
	float:left;
	margin-top:20px;
	margin-left:25px;
	text-align:left;
	padding-left:15px;
	color:#999999;
	font-family:Arial;
}

#textoleft2 h4{
	color:#0000FF;
}
#textoleft2 p{
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

#textoleft2 a{
	color:#008000;
	font-family:"Arial Black", Arial;
	font-size:11px;
}

#textoleft2 ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none;
	font-size:11px;
	color:#000000;
}

#textoleft3 {
	float:left;
	height:200px;
	text-align:left;
	padding-left:15px;
	color:#000000;
	font-size:11px;
}

#textoleft4 {
	float:left;
	text-align:left;
	padding-left:15px;
	color:#999999;
}

#textoleft4 h3 {
	color:#000000;
}


#textoleft4 p{
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

#textoleft4 a{
	color:#008000;
	font-family:"Arial Black", Arial;
	font-size:11px;
}

textarea  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

input  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

#textoleft3 select  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

#textocentro{
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:35px;
	text-align:left;
	width:550px;
	font-family:Arial;
	font-size:11px;

}

#textocentro ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}

#textocentro p {
	color:#FF6600;
}

#textocentro a{
	color:#008000;
	font-family:"Arial Black", Arial;
}


#textocentro2{
	clear:both;
	float:right;
	margin-right:10px;
	margin-top:0px;
	text-align:left;
	width:275px;
	font-family:Arial;
	font-size:11px;

}

#textocentro2 ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}

#textocentro2 p {
	color:#FF6600;
}

#textocentro2 a{
	color:#008000;
	font-family:"Arial Black", Arial;
}

#textocompra {
	float:left;
	margin-left:5px;
	margin-top:15px;
	text-align:left;
	font-family:Arial;
	font-size:11px;
}

#textocompra ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}

#textocentro3{
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:15px;
	text-align:left;
	width:550px;
	font-family:Arial;
	font-size:11px;
}

#textocentro3 p {
	color:#000000;
}

#textocentro4{
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:35px;
	text-align:left;
	width:300px;
	font-family:Arial;
	font-size:11px;
}

#textocentro4 ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}

#imagen2{
	float:right;
	margin-right:5px;
	padding-top:8px;
}

#right {
	float:right;
	background-color:#003366;
	border-left: 2px #000000 solid;
	margin-right:0px;
	margin-top:-1px;
	width:197px;
}

#right a {
	color:#00CC00;
	text-align:center;
	font-size:12px;
}

#footer {
	width:800px;
	height:150px;
	background:#003366 url('../imagenes/fondo_footer.jpg') no-repeat;
}

#ref {
	float:left;
	margin-left:15px;
	margin-top:95px;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	text-align:left;
}

#ref a {
	color:#CCCCCC;
}

#ref2 {
	float:right;
	margin-top:82px;
	margin-right:10px;
	color:#cccccc;
	text-align:right;
	font-family:Arial;
	font-size:11px;
}

#ref2 a {
	color: #FF6600;
}

#cel_titulo {
	text-align:left;
	color:#ffffff;
	font-family: Arial;
	margin-top:20px;
	margin-left:15px;
	font-size:12px;
}

#cel_campo {
	text-align:left;
	margin-top:-10px;
	margin-left:12px;
}


input  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}


#cel_campo select  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

#cel_campo select  {
	background-color:#00003E;
	color:#0474E1;
	font-size:12px;
}


#cel_boton {
	text-align:right;
}

#formulario {
	float:left;
	margin-left:0px;
	width:190px;
}

input  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

#casas {
	float:left;
	margin-left:0px;
	margin-top:10px;
	width:550px;
	color:#000000;
	font-size:11px;
	text-align:left;
}

#casas ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}


body {
	background-color: #ffffff;
	text-align: center;
	margin: 0px auto;
}


html>/**/body #container {
	width:800px;
	margin: 0px auto;
	border:1px #336699 solid;
}

html>/**/body #content {
	float:left;
	width:800px;
	margin-top:0px;
	background:#003366 url('../imagenes/fondo_content.jpg') repeat-y;
}

html>/**/body #header {
	float:left;
	width:800px;
 	height:430px;
}

html>/**/body #left {
	float:left;
	margin-left:0px;
	width:550px;
}

html>/**/body #imagen{
	float:left;
	margin-left:5px;
	padding-top:5px;
}


html>/**/body #textoleft {
	float:left;
	width:320px;
	margin:0px;
	text-align:left;
	color:#999999;
}

html>/**/body h2 {
	padding: 0px;
	margin: 0px;
	color: #008000;
	font-family: "Arial Black", Arial;
}

html>/**/body #textoleft h3 {
	color:#000000;
}


html>/**/body #textoleft p{
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

html>/**/body #textoleft a{
	color:#008000;
	font-family:"Arial Black", Arial;
	font-size:11px;
}

html>/**/body #textoleft2 {
	float:left;
	margin-top:20px;
	margin-left:25px;
	text-align:left;
	padding-left:15px;
	color:#999999;
	font-family:Arial;
}

html>/**/body #textoleft2 h4{
	color:#0000FF;
}

html>/**/body #textoleft2 p{
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

html>/**/body #textoleft2 a{
	color:#008000;
	font-family:"Arial Black", Arial;
	font-size:11px;
}

html>/**/body #textoleft2 ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none;
	font-size:11px;
	color:#000000;
}

html>/**/body #textoleft3 {
	float:left;
	height:200px;
	text-align:left;
	padding-left:15px;
	color:#000000;
	font-size:11px;
}

html>/**/body textarea  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

html>/**/body input  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

html>/**/body #textoleft3 select  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

html>/**/body #textoleft4 {
	float:left;

	margin:0px;
	text-align:left;
	color:#999999;
}

html>/**/body #textoleft4 h3 {
	color:#000000;
}


html>/**/body #textoleft4 p{
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

html>/**/body #textoleft4 a{
	color:#008000;
	font-family:"Arial Black", Arial;
	font-size:11px;
}


html>/**/body #textocentro{
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:0px;
	text-align:left;
	width:550px;
	font-family:Arial;
	font-size:11px;
}

html>/**/body h4 {
	font-size:15px;
}

html>/**/body #textocentro ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}

html>/**/body #textocentro p {
	color:#FF6600;
}

html>/**/body #textocentro a{
	color:#008000;
	font-family:"Arial Black", Arial;
}


html>/**/body #textocentro2{
	clear:both;
	float:right;
	margin-right:10px;
	margin-top:-110px;
	text-align:left;
	width:260px;
	font-family:Arial;
	font-size:11px;

}

html>/**/body #textocentro2 ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}

html>/**/body #textocentro2 p {
	color:#FF6600;
}

html>/**/body #textocentro2 a{
	color:#008000;
	font-family:"Arial Black", Arial;
}

html>/**/body #textocentro3{
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:15px;
	text-align:left;
	width:550px;
	font-family:Arial;
	font-size:11px;
}

html>/**/body #textocentro3 p {
	color:#000000;
}

html>/**/body #textocentro4{
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:35px;
	text-align:left;
	width:300px;
	font-family:Arial;
	font-size:11px;
}

html>/**/body #textocentro4 ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}

html>/**/body #imagen2{
	float:right;
	margin-right:5px;
	padding-top:8px;
}

html>/**/body #right {
	float:right;
	margin-right:0px;
	margin-top:-1px;
	background-color:#003366;
	border-left: 2px #000000 solid;
	width:197px;
}

html>/**/body #right a {
	color:#00CC00;
	text-align:center;
	font-size:12px;
}

html>/**/body #footer {
	float:left;
	width:800px;
	height:150px;
	background:#003366 url('../imagenes/fondo_footer.jpg') no-repeat;
}

html>/**/body #ref {
	float:left;
	margin-left:15px;
	margin-top:95px;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	text-align:left;
}

html>/**/body #ref a {
	color:#CCCCCC;
}

html>/**/body #ref2 {
	float:right;
	margin-top:82px;
	margin-right:10px;
	color:#cccccc;
	text-align:right;
	font-family:Arial;
	font-size:11px;
}

html>/**/body #ref2 a {
	color: #FF6600;
}

html>/**/body #cel_titulo {
	text-align:left;
	color:#ffffff;
	font-family: Arial;
	margin-top:20px;
	margin-left:15px;
	font-size:12px;
}

html>/**/body #cel_campo {
	text-align:left;
	margin-top:-10px;
	margin-left:12px;
}


html>/**/body input  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}


html>/**/body #cel_campo select  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

html>/**/body #cel_campo select  {
	background-color:#00003E;
	color:#0474E1;
	font-size:12px;
}


html>/**/body #cel_boton {
	text-align:right;
}

html>/**/body #formulario {
	float:left;
	margin-left:0px;
	width:190px;
}

html>/**/body input  {
	background-color:#0474E1;
	color:#ffffff;
	font-size:12px;
}

html>/**/body #casas {
	float:left;
	margin-left:0px;
	margin-top:10px;
	width:550px;
	color:#000000;
	font-size:11px;
	text-align:left;
}

html>/**/body #casas ul li
{
	background-image: url(../imagenes/flecha.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px; 
	list-style-type:none
}
