﻿#Container {
	left: 0px;
	top: 0px;
	width: 820px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url('images/tablexpand.jpg');
}

.c5 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #00FFFF;  face= Comic Sans MS
}

#header_ {
	float: left;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 322px;
	background-image: url('images/header_piedra.jpg');
}
#header_ h1 {
	font: 29px/24px "Calisto MT";
	color: #336699;
	float: center;
	position: center;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-left: 60px;
}
#header_ h2 {
	font: 20px/18px "Calisto MT";
	color: #336699;
	float: center;
	position: center;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-left: 60px;
}

#header_ ul.navi{
	width: 750px;
	display: block;
	position: absolute;
	top: 286px;
	left: 50px;
	padding: 0;
	margin: 0;
	background: none;
}
#header_ ul.navi li{
	border-width: 1px;
	background: url(images/saparation.gif) no-repeat right;
	height: 22px;
	padding: 0 12px 0 5px;
	margin: 0;
	display: block;
	float: left;
}
#header_ ul.navi li a{
	font: 14px/21px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 0px;
	padding: 0 0 0 23px;
	font-weight: bold;
	margin: 0;
	width: inherit;
	letter-spacing: -1px;
	background-repeat: no-repeat;
	background-image: url('images/button.png');
}
#header_ ul.navi li a:hover{
	color: #FFFF99;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url('images/button_over.png');
}

#left_ {
	float: left;
	left: 0px;
	top: 322px;
	width: 230px;
	background-image: url('images/left.jpg');
}
#left_ h2{
	font: 29px/24px "Calisto MT";
	color: #336699;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-left: 41px;
}
#left_ p{
	background: no-repeat;
	color: #333333;
	padding: 0 0 0 45px;
	width: 175px;
	display: block;
	font: 12px/18px Tahoma;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	letter-spacing: 0px;
}
#left_ p span{
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
}
#left_ p span.bg{
	color: #799fbb;
}
#left_ p a{
	font: 13px/12px "trebuchet MS";
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#left_ p a:hover{
	background: no-repeat;
	color: #CC3300;
	font-weight: normal;
	text-decoration: underline;
}

/* aqui añado 4 grupos tomados del header que encesita la barra superior de enlaces*/



/*  fin */


#right_ {
	float: left;
	left: 230px;
	top: 322px;
	width: 590px;
	background-image: url('images/right.jpg');
}


#right_ h2{
	font: 29px/24px "Calisto MT";
	color: #336699;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
#right_ h3{
	font: 18px/14px "Calisto MT";
	color: #CC0000;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 25px;
}
#right_ h4{
	font: 18px/14px "Calisto MT";
	color: #CC0000;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 25px;
}

#right_ p{
	background: no-repeat;
	color: #333333;
	padding: 0 0 0 10px;
	width: 535px;
	display: block;
	font: 12px/20px Tahoma;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	letter-spacing: 0px;
}
#right_ p span{
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
}
#right_ p span.bg{
	color: #799fbb;
}
#right_ p a{
	font: 13px/12px "trebuchet MS";
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#right_ p a:hover{
	background: no-repeat;
	color: #CC3300;
	font-weight: normal;
	text-decoration: underline;
}

#tablexpand_ {
	float: left;
	left: 0px;
	top: 628px;
	width: 820px;
	height: 8px;
	background-image: url('images/tablexpand.jpg');
}


/* center lo he agregado para la parte central.  */

#center_ {
	float: left;
	left: 230px;
	top: 322px;
	width: 820px;
	background-image: url('images/barra_blanca.jpg');
}
/* este h2 cre que no se usa*/
#center_ h2{
	font: 29px/24px "Calisto MT";
	color: #336699;
	float: center;
	position: center;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-left: 60px;
}
#center_ h3{
	font: 20px/18px "Calisto MT";
	color: #FF9933;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 50px;
	padding-right: 50px;
}

.borde {
  border:4px groove #82efff;  
  }
  .formulario {
  border:4px groove #82efff;  
  }


/* se modifica el texto general*/
#center_ p{
	background: no-repeat;
	color: #444444;
	padding-left: 50px;
	padding-right: 50px;
	width: 735px;
	display: block;
	font: 14px/20px Comic Sans MS;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	letter-spacing: 0px;
}


#center_ titulos{
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
}


#center_ p span{
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
}
#center_ p span.bg{
	color: #799fbb;
}
#center_ p a{
	font: 13px/12px "trebuchet MS";
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#center_ p a:hover{
	background: no-repeat;
	color: #CC3300;
	font-weight: normal;
	text-decoration: underline;
}




















#footer1_ {
	float: left;
	left: 0px;
	top: 636px;
	width: 820px;
	height: 18px;
	background-image: url('images/footer1.jpg');
}
#footer3_ {
	float: left;
	left: 1px;
	top: 636px;
	width: 820px;
	height: 18px;
	background-image: url('images/footer4.jpg');
}
#footer2_ {
	float: left;
	left: 0px;
	top: 654px;
	width: 820px;
	background-image: url('images/footer2.jpg');
}
#footer2_  p{
	background: no-repeat;
	color: #333333;
	padding: 0;
	margin: 0 0 0 45px;
	width: 731px;
	display: block;
	font: 13px/17px "trebuchet MS";
	text-align: center;
}
#footer2_  p span{
	color: #333333;
	font-weight: bold;
}
#footer2_  p span.bg{
	color: #799fbb;
}
#footer2_  p a{
	font: 13px/12px "trebuchet MS";
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#footer2_  p a:hover{
	background: no-repeat;
	color: #CC0000;
}


#footer11_ {
	float: left;
	left: 0px;
	top: 636px;
	width: 820px;
	height: 18px;
	background-image: url('images/footer1.jpg');
}


#footer22_ {
	float: left;
	left: 0px;
	top: 636px;
	width: 820px;
	height: 18px;
	background-image: url('images/footer2.jpg');
}


body {
	margin: 0px;
	background-image: url('images/bg.jpg');
	background-repeat: repeat-x;
	background-color: #82efff;
}
.clear{
	clear:both;
}

/* en esta parte pongo la parte de la descripcion (barras blancas y naranjas donde se pone dormitorios, baños, etc
Con margin:auto se centra la tabla.  color: #453827; */

table
{
border-collapse: collapse;
width: 731px;
margin: auto;
border-spacing:0;
border: 1px solid #BA9;
font: 90% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

}
 caption{
   padding: 0 .4em .4em;
 
  text-align: left;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  color: #453827;
  background: transparent;
  }
	
tr{

}
td, th {
  border: 1px solid #FF9933;
  padding: .3em;
	font-size: 0.9em;
color: #666;
  }
thead th, tfoot th, tfoot td {
	border: 1px solid #BA9;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	background: #FF9933	url("thbg.gif") repeat-x top left;
	color: #FFF;
}
 tbody th,thead th,tbody td {
	vertical-align: top;
	text-align: center;
}

tbody tr:hover td, 
tbody tr:focus td,
tbody tr:hover th,
tbody tr:focus th
{
	background: url("shimx.gif")  repeat-x top left;
	color: #000;
}

tr.odd
{
background: url("shim.gif")  repeat-x top left;
}


/* pruebas con otra tabla para las banderas*/


table
{
border-collapse: collapse;
width: 731px;
margin: auto;
border-spacing:0;
border: 1px solid #BA9;
font: 90% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

}
 caption{
   padding: 0 .4em .4em;
 
  text-align: left;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  color: #453827;
  background: transparent;
  }
	
tr{

}
td, th {
  border: 1px solid #FF9933;
  padding: .3em;
	font-size: 0.9em;
color: #666;
  }
thead th, tfoot th, tfoot td {
	border: 1px solid #BA9;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	background: #FF9933	url("thbg.gif") repeat-x top left;
	color: #FFF;
}
 tbody th,thead th,tbody td {
	vertical-align: top;
	text-align: center;
}

tbody tr:hover td, 
tbody tr:focus td,
tbody tr:hover th,
tbody tr:focus th
{
	background: url("shimx.gif")  repeat-x top left;
	color: #000;
}

tr.odd
{
background: url("shim.gif")  repeat-x top left;
}