body {margin: 0px; padding: 0px;  background-color: #3375A7; text-align:center ; background-image : url(../../../images/azul3.png); scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #cccccc; scrollbar-darkshadow-color: #666666; font-family: Verdana, Arial, sans-serif}
BODY.dir {margin: 0px; background-color: #FFFFFF}

#header { 
	margin: 0; 
	width: 898px; 
	background: url(costa-de-la-luz.jpeg) no-repeat;  
	height: 120px; 
	color: #000000; 
}

#header .headings {	
	padding: 5px 0 0 40px; 
}

#header h1 {
	font-family: Trebuchet MS;
	color:#006666;
	font-size: 22px; font-weight: bold;
	margin: 0;
	padding: 0 150px; 
}


.content { 
	background: #FFFFFF;
	color:#808080; 
	margin: 0 auto; 
	padding: 0; 
	width: 900px;
	border-left:6px solid #339966;
	border-right:6px solid #339966;
}

#main { 
	background: inherit;  
	width: 900px; 
	margin: 0 ; 
	color: #808080; 
} 





.top {background-image: url(images/ARTop.jpg); background-repeat: no-repeat; width: 790px; height: 80px;}

#table1 { width: 790px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; }

#indexmain { width: 760px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; background-color: #FFFFFF; border: 1px; border-style: outset; border-collapse: separate; border-color: #CCCCCC;}

#tablebmenu { background-color: #3375A7; width: 790px;  padding: 0px; margin: 0px; text-align: center; position: relative; top: 0px; left: 0px; }

#vrl {background-color: #86CEE7; width: 260px;  height: 40px; padding: 0px; margin: 5px 0px 0px 0px; position: relative; top: 0px; left: 10px; float: left; margin-left: auto; margin-right: auto; text-align: left; }
#crc {background-color: #86CEE7; width: 260px; height: 40px;  padding: 0px; margin: 5px 0px 0px 0px; position: relative; top: 0px; left: 10px; float: left; margin-left: auto; margin-right: auto; text-align: left; }
#crr {background-color: #86CEE7; width: 260px; height: 40px;  padding: 0px; margin: 5px 0px 0px 0px; position: relative; top: 0px; left: 10px; float: left; margin-left: auto; margin-right: auto; text-align: left; }

.lmenu  {background-image: url(images/bglside.jpg); background-repeat: repeat-y; width: 155px; height: 100%; padding: 0px 0px 0px 15px; margin: 0px; text-align: left; position: relative; top: 0px; left: 0px; background-color: #9AE3F6; }



.mcol2 {background-color: #FFFBEB; width: 610px;  padding: 0px; margin: 10px; text-align: left; float: left; border: 1px; border-style: outset; border-collapse: separate; border-color: #CCCCCC;}

.mcol2text  {font-size: 12px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal; font-style: normal; margin: 5px;}


table.amenities { width: 592px;  padding: 3px; margin: 2px; text-align: center; position: relative; top: 0px; left: 5px; float: center; border: 1px; border-style: outset; border-collapse: separate; border-color: #2F306D; background-color: #CCCCCC;}

table.amenities  td { border-width: 2px; padding: 3px; background-color: white; -moz-border-radius: ; }

.amenities {color: #000000; font-weight: bold; }
.amenitiessmall {color: #000000; font-weight: bold; font-size: 8px; }
.amenitiesy {color: #000000; font-weight: bold; }
.amenitiesn {color: #CC0000; font-weight: bold; }





div.bottom { font-size: 12px; color: #2F306D; font-weight: bold; font-style: normal; text-align: center; padding: 2px; margin: 0px; height: 15; background-color: #9AE3F6;}

.text  {font-size: 12px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal; font-style: normal}
.textb  {font-size: 14px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: bold; font-style: normal}
.textmp  {font-size: 12px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal; font-style: normal; padding: 8px;}
.textred  {font-size: 12px; font-family: Verdana, sans-serif; color: #C00000; font-weight: bold; font-style: normal}
.msmall {font-size: 11px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal}
.msmall2 {font-size: 11px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: bold}
.smwhite {font-size: 11px; font-family: Verdana, sans-serif; color: #FFFFFF; font-weight: normal}
.smwgoogle {font-size: 11px; font-family: Verdana, sans-serif; color: #33CCCC; font-weight: normal}
.smallindent {font-size: 11px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal; margin: 5px;}
.small {font-size: 10px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal}

br.sm {font-size: 9px;}

h1 {font-size: 16px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: bold}
big {font-size: 16px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: bold;}
small {font-size: 9px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal}
select  {font-size: 10px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal; font-style: normal; }
input  {font-size: 11px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal; font-style: normal}
ul  {font-size: 12px; font-family: Verdana; color: #2F306D; font-weight: normal; font-style: normal}
li {font-size: 12px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: normal}
hr {color: #2F306D}

A:link { color: #33CCCC; text-decoration: none  }
A:visited { color: #FFFFFF; text-decoration: none  }
A:hover { color: #FFAD43; text-decoration: none }

A.left:link { color: #2F306D; text-decoration: none; font-size: 14px; font-weight: bold; }
A.left:visited { color: #2F306D; text-decoration: none; font-size: 14px; font-weight: bold; }
A.left:hover { color: #C2E9FC; text-decoration: none; font-size: 14px; font-weight: bold; }

A.area:link { color: #2F306D; text-decoration: none; font-size: 14px; }
A.area:visited { color: #2F306D; text-decoration: none; font-size: 14px; }
A.area:hover { color: #C2E9FC; text-decoration: none; font-size: 14px; }

A.right:link { color: #AA511C; text-decoration: underline  }
A.right:visited { color: #AA511C; text-decoration: underline  }
A.right:hover { color: #FFAD43; text-decoration: underline }

A.rightb:link { color: #AA511C; text-decoration: underline; font-weight: bold; }
A.rightb:visited { color: #AA511C; text-decoration: underline; font-weight: bold; }
A.rightb:hover { color: #FFAD43; text-decoration: underline; font-weight: bold:}

img.AR { float: left; position: relative; top: 0px; left: 200px; padding: 0px; margin: 0px; width:365px; height: 62px}

.line  {background-image: url(images/line.png); background-repeat: repeat-x; width: 780; height: 4;}

.avail { width: 280px;  padding: 3px; margin: 2px; text-align: center; font-size: 14px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: bold; font-style: normal; position: relative; top: 0px; left: 0px; float: left; border: 1px; border-style: outset; border-collapse: separate; border-color: #CCCCCC; background-color: #DD8D37;}





.portada1  { background-color: #FFFBEB; width: 635px;  padding: 0px; margin: 0px; text-align: left; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #3375A7; font-weight: normal; font-style: normal;font-weight: normal}
.portada2  {background-color: #88FBEB; width: 635px;  padding: 0px; margin: 0px; text-align: left; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: normal}
.barra  { width: 635px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Comic sans, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: bold}

.borde {
  border:6px groove #FF6F00;  
  }
.fotos  {font-size: 12px; font-family: Verdana, sans-serif; color: #ffffff; font-weight: normal; font-style: normal;font-weight: bold}
.texto_fotos{font-size: 12px; font-family: Verdana, sans-serif; color: #ffffff; font-weight: normal; font-style: normal;font-weight: bold}
.description  {font-size: 12px; font-family: Verdana, sans-serif; color: #3375A7; font-weight: normal; font-style: normal;font-weight: bold}

.amenities1  { background-color: #FFFBEB; width: 635px;  padding: 0px; margin: 0px; text-align: left; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #3375A7; font-weight: normal; font-style: normal;font-weight: normal}
.amenities2  {background-color: #88FBEB; width: 635px;  padding: 0px; margin: 0px; text-align: left; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: bold}
.amenities_left{ background-color: #F5D281; width: 100px;  padding: 2px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #ff6f00; font-weight: normal; font-style: normal;font-weight: bold}
.normal {font-size: 12px; font-family: Verdana, sans-serif; color: #3375A7; font-weight: normal; font-style: normal;font-weight: normal}
.small1 {font-size: 11px; font-family: Verdana, sans-serif; color: #FFFFFF; font-weight: normal}
.resumen1 {font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: bold}
.resumen2 {background-color: #F5D281; width: 500px;  padding: 0px; margin: 0px; text-align: left; margin-left: auto; margin-right: auto;  font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: normal}
.resumen3 {background-color: #FFFFCC; width: 500px;  padding: 0px; margin: 0px; text-align: left; margin-left: auto; margin-right: auto;  font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: normal}
.barra_naranja  {font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: bold}
.menubajo {font-size: 12px; font-family: Verdana, sans-serif; color: #FFFFFF; font-weight: bold; padding: 2px;}


.precios1  { background-color: #F5D281; width: 720px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: bold}
.precios2  { background-color: #FFFBEB; width: 630px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: normal}
.precios3  { background-color: #FFa600; width:630px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: normal}
.precios4  { background-color: #ff6a00; width: 630px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: normal}
.precios5  { background-color: #FFFBEB; width: 180px;  padding: 0px; margin: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; font-family: Verdana, sans-serif; color: #000080; font-weight: normal; font-style: normal;font-weight: normal}


table.rates { width: 652px;  padding: 3px; margin: 2px; text-align: center; position: relative; top: 0px; left: 3px; float: center; border: 1px; border-style: outset; border-collapse: separate; border-color: #2F306D; background-color: #CCCCCC;}

table.rates  td { border-width: 0px; padding: 0px; background-color: #F5D281; -moz-border-radius: ; }









.mcol {}



.book { width: 280px;  padding: 3px; margin: 2px; text-align: center; font-size: 14px; font-family: Verdana, sans-serif; color: #2F306D; font-weight: bold; font-style: normal; position: relative; top: 0px; left: 0px; float: right; border: 1px; border-style: outset; border-collapse: separate; border-color: #CCCCCC; background-color: #DD8D37;}






TABLE.CABEZERA
  { 
     font-family:arial; font-weight:bold
     font-size:100pt;
     background-color:#0099FF;
     width:820px;
     border-style:solid;
     text-align:center;
     border:6px groove #0066CC;  
  }

     6px groove #FF6F00
     
     
  }
  

TABLE.MYTABLE4 { 
font-family : arial; 
font-size : 10pt; 
background-color : #395d41; 
width : 600px; 
border-style : solid; 
border-color : #ff9933; 
border-width : 2px; 
} 
TH.MYTABLE4 { 
font-size : 10pt; 
background-color : #395d41; 
color : blue; 
border-style : groove; 
border-width : 2px; 
border-color : red; 
text-align : center; 
} 
TR.MYTABLE4 { 
height : 10px; 
} 
TD.MYTABLE4 { 
font-weight : bold; 
font-size : 12px; 
color : #ffffcc; 
font-family : Century; 
background-color : #ffd782; 
color : #0000ff; 
border-style : groove; 
border-width : 1px; 
border-color : blue; 
text-align : center; 
}



*/ voy a poner la nueva css. la anterior se debe borrar */




body { 
	margin:0px 0; 
	padding:0;
background-image : url(../gift/azul3.png); 
background-color : #ffffff; 
	font: 0.75em Trebuchet MS; 
	color:#000000;  
	line-height: 1.4em; 
}

/* para los parrafos ->>  http://jontangerine.com/silo/typography/p/#two-lead-indent-justified */


span.titulo { 
font-weight : bold; 
font-size : 12px; 
color : #0066CC; 
font-family : Arial; 

}



.text { 
font-weight : bold; 
font-size : 12px; 
color : #ff6600; 
text-align : left; 
font-family : Century; 
margin-top : 0; 
margin-bottom : 0; 
} 

.content { 
	background: #FFFFFF;
	color:#808080; 
	margin: 0 auto; 
	padding: 0; 
	width: 870px;
	border-left:6px solid #339966;
	border-right:6px solid #339966;
}

.borde { 
border : 4px groove #008877; 
} 

#top {
	padding: 0;
	margin: 0;
	height: 20px;
}

#top .topright { 
	float: right;
	color: #999;
	padding: 20px 25px 0 0;
	font-size: 1em;
}

#top img { 
	border: none; 
}


#header { 
	margin: 0; 
	width: 870px; 
	background: url(costa-de-la-luz.jpeg) no-repeat;  
	 
	height: 120px; 
	color: #000000; 
}

#header .headings {	
	padding: 5px 0 0 40px; 
}

#header h1 {
	font-family: Trebuchet MS;
	color:#006666;
	font-size: 32px; font-weight: bold;
	margin: 0;
	padding: 0 150px 50px ; 
}

#header h2 {
	font-family: Trebuchet MS;
	font-size: 18px; 
	background-image: none;
	color:#FF0066;
	text-align: center;
	margin: 0;
	padding: 2px 0 0 180px;
		background: url(../gift/solalquiler.png) no-repeat; 
}
#header h5 {
	font-family: Trebuchet MS;
	font-size: 10px; 
	background-image: none;
	color:#339966;
	text-align: left;
	margin: -4px 0 0 0;
	padding: 0px 0 0 180px;
}


#menu {
	background: transparent;
	 
	width: 550px;
	height: 38px;
	margin:  0px 0px 0px 0px; 
	padding: 0px 0px 0px 100px;
}

#menu ul { 
	margin: 0; 

	list-style:none; 
	padding: 5px 0 0 50px; /*CHANGE THIS TO CENTER MENU*/
}

#menu a, #nav strong, #nav span { 
	float:left; 
	display:block; 
	background: #ffffff;
	border-bottom: 4px solid #40cb25;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	color:#000000; 
	padding: 4px 7px;
	font-weight:bold; 
	text-decoration:none;
}

#menu a { 
	float:none; 
}

 /* cambiamos tamaņo texto de menu */
#menu li { 
	float:left; 
	font-size: 10px;
	background:inherit; 
	margin:0 0 0 4px; padding:0 0 0 0px; 
}

#menu a:hover { 
	float:left; 
	display:block; 
	background: #ffffff;
	border-bottom: 4px solid #4fb6e5;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	color:#999999; 
	padding: 4px 7px; 
	text-decoration:none;
}

.nav { 
	text-align: left; 
	color: #333333; 
	padding: 20px 0 0 0px; 
	width: 300px; 
}

.nav li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ffffff; 
	list-style: none;
}

.nav li a { 
	color:#000000;
	font-weight:bold;
	text-decoration: none;  
	padding: 5px 0 1px 5px; 
	background: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 4px solid #40cb25;
	display: block; 
	margin-bottom: 2px;
}

.nav li a:hover { 
	color: #999999; 
	text-decoration: none; 
	background:#ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 4px solid #4fb6e5;
	display: block; 
	margin-bottom: 2px;
}

#main { 
	background: inherit;  
	width: 870px; 
	margin: 0 ; 
	color: #808080; 
} 
 

#main .left { 
	float: right;
	padding:0px 2px 0 2px; 
	margin:0;
	background:inherit;
	width: 650px; 
	
}

#main .right .hitems { 
	margin: 0; 	
	padding: 0; 
}

#main .right .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #333333;
}
	
#main .right .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .left { 
	float: left; 
	width: 300px; 
	padding: 15px 5px 0 15px; 
	margin: 0; 
}
#main h3 {  
	font: 14px Trebuchet MS;
	margin: 2px 0 10px 20px; 
	padding: 0 20px; 
	color: #999; 
	background: url(images/h3.png) no-repeat; 
}

#main .box  {	
	background: #efefef; 
	padding: 5px; 
	border: 1px solid #ccc;
}

#main .left ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .left li { 
	margin: 0 0 2px 2px;
	padding: 0 0 0 0px;
	color: #555555;
	list-style : none; 
}

#main .right  .text {
	margin: 0 0 20px 2px;
	padding: 0 0 0 0px;
	color: #808080;
}

.img_left {
	padding: 0 12px 8px 0;
	float: left;
}

.img_right {
	padding: 0 0 3px 8px;
	float: right;
}

#footer { 
	clear:both;
	height: 70px;
	
	background: url(../gift/sandalias.jpg) bottom left no-repeat;
	color: #339966; 
	font-size: 90%; 
	padding: 0px;
	margin: 2px 0px 2px 0px; 
	text-align:center; 
}

#footer .info { 
	padding: 20px 0px 0px 70px; 
}

#footer a { 
	color: #000000; 
}

.comments { 
	background: url(images/comments.png) bottom right no-repeat;
	text-align: right; 
	margin: 0px 20px 10px 0px; 
	padding: 0px 20px; 
}

ul { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 5px;
	list-style: circle;
}

li { 	
	margin: 5px 0px 5px 15px; 
	padding: 0px 5px 0px 5px;	
	color: #808080;
}


p { 
	margin: 0 4px 2px 4px; 
	padding: 0; 
	color: #808080; 
}
p + p {
text-indent: 2.5em;
}


 span.dest {
 font-weight : bold; 
	color:#3366CC;
	size: 12px;
		text-align: right; 
}


a { 
	color: #3366CC;  
	text-decoration:none; 
}

a:hover {  
	color: #339e1e;
	text-decoration:underline; 
}

h1 { 
	padding:5px 10px 10px 10px; 
	margin: 5px 10px 10px 10px;
	color: #ffffff; 
	font: bold 23px Trebuchet MS; 
	letter-spacing: -1px;
	background: url(gift/logo.png) no-repeat; 
	
}

h1 a { 
	color: #ffffff;
}

h2 { 
	color:#4fb6e5;
	font-size:22px; 
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
	padding:0 0 0 20px; 
	background: url(../gift/solalquiler.png) no-repeat; 
}


.destacado {
	color:#339966;
	font-size:16px; 
	font-weight:bold; 
	margin: 0px 200px 0 310px; 
		padding: 2px 0 0 18px;
	background: url(../gift/parasol-icon.png) no-repeat bottom left ; 
}


h2 a { 
	color: #4fb6e5; 
}

h2 a:hover { 
	color: #4e92e6; 
	text-decoration:none; 
 }
 
 h3 { 
	color:#4fb6e5;
	font-size:12px; 
	font-weight:bold; 
	margin: 0px 0 0px 140px; 
	padding:0 0 0 20px; 
	background: url(../gift/parasol-icon.png) no-repeat; 
}

h3 a { 
	color: #4fb6e5; 
}

h3 a:hover { 
	color: #4e92e6; 
	text-decoration:none; 
 }
 
 .detalles { 
font-weight : bold; 
font-size : 12px; 
color : #0066CC; 
font-family : Arial; 
}

.barra_naranja  {font-size: 12px; font-family: Verdana, sans-serif; color: #000080; background: url(images/raya_naranja3.png) ; font-weight: normal; font-style: normal;font-weight: bold}

 
 
 .add {
background-color: #CCFFFF;
padding: 5px 10px 5px 10px;
margin:2px;
float:left;
width:800px;
text-align:center;
font: bold 12px Trebuchet MS ; 
text-color: #4fb6e5;
color: #4fb6e5;
border-top: 2px solid #339966;
	border-bottom: 2px solid #339966;
}
.add .imagen
{color:#3366CC; }




 
 .foto {
background-color: #CCFFFF;
padding: 5px 10px 5px 10px;
margin:2px 5px 2px 30px;
float:left;
width:380px;
text-align:center;
font: bold 12px Trebuchet MS ; 
text-color: #4fb6e5;
color: #4fb6e5;
border-top: 2px solid #339966;
	border-bottom: 2px solid #339966;
}
.foto .imagen
{color:#3366CC; }









/* 
Style: OrangeYouGlad.css
Created by Randy Peterman, September 2nd, 2005
http://design.randypeterman.com
using TopStyle Pro 3.12

Requires one image: down_arrow.gif for {mostly} 
Standards Compliant browsers like Firefox.
*/
table{
	background: #FFEFD5;
	border-spacing: 0px;
	border-collapse: collapse;
}
caption{
	width: 100%;
	text-align: left;
	font-weight: bolder;
	border-top: 4px double #bbb;
}
table *{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
thead{
	background: #FFA109;
}
thead * th{
	border-bottom: 1px outset;
	border-top: 1px outset;
	padding-left: 3px;
	padding-right: 3px;
}
tfoot{
	background: #FFA109;
}

table * a{
	color: #000;
}
tbody * th{
	background: #FFDCA2;
	border-right: 1px solid #956500 !important;
	border-bottom: 1px solid #fff;
	font-size: medium;
	font-weight: normal;
	padding-left: 2px;
	padding-bottom: 4px;
	text-align: left;
	vertical-align: top;
}
tbody * th a{
		color: blue !important;
}
tbody * td{
	border: 0px none;
	border-bottom: 1px solid #ddd;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
}
tbody tr.odd{
	background: #FFF8EA;
}
tbody tr.odd th{
	background: #FFE2B0;
}
tfoot tr td[colspan='4']{
	text-align: right;
	font-style: italic;
	padding-right: 4px;
}
tbody td a{
	background: url(down_arrow.gif) no-repeat;
	background-position: top left;
	min-height: 20px;
	padding-left: 20px;
	float: left;
	padding-right: 4px;
}
tbody tr th+td a{
	background-image: none;
	padding: inherit;
	float: inherit;
}
/* Fake for IE, argh! Maybe IE 7 will resolve this. */
tbody td a{
	_background: none;
	_background-position: inherit;
	_padding-left: 2px;
	_float: inherit;
	_padding-right: inherit;
}
tfoot * th{
	border-bottom: 1px outset;
	border-top: 1px outset;
}





































/* formulario 1 */


form{width: 260px;border: 2px solid #339966;background-color: #CCFFFF;
color: #000;text-align: center; padding:4px 8px 4px 8px;}




 /*  aqui habra que quitar mucho codigo */
 
 
 

div.wrapContainer{width:98 %; float:left; padding: 2; margin-top: -1px; margin-left: 4px;}
.floatLeft{float: left;} 
.floatRight{float: right;  padding: auto; width: 15%;  margin: auto; }
.floatRightrow {float: right; margin: 2; padding: 2; width: 75%; background-color: #ffd782;  margin: 2; 2; 2; 2;}


	
	
.floatLefttrow {float: center; margin: 2; padding: 2; width: 99%; background-color: #ffd782;  margin: auto;}
.floatcalendar {float: center; padding: 2; width: 62%; background-color: #ffd782; border: 2px groove #ff9933;  margin-left: 212px;}


.image-left{float: left; vertical-align: text-top; border : 4px groove #008877; padding: 2; margin-right: 5px;  margin-bottom: 5px;  a img, table
border:2px;} 
.image-mas{ float: left;  margin-right: 5px;margin-top: 200px;} 
.image-logo{ text-align: center; } 
.image-right{float: right; vertical-align: text-top;}



div.box {background-color: #FFFFFF; width: 800px;  height: auto;   min-height: 200px; overflow: auto;  border-top: 2px solid #339966;
	border-bottom: 2px solid #339966;  margin: auto; }
div.floatRight {background-color: #395d41; width: 40%; border: 1px solid #ffd782; float: right;}



div.row {float: left;  width: 57%; background-color: #ff9933;  margin:12px 2px 5px 2px; }
div.cols {float: left; width: 12%; margin: 0 2px 0 0; padding: 0;  border: 2px groove; background-color: #ff9933;}

/*





*/ 

.menulogotttt {float: center; text-align: bottom; width: 99%; background-color: #ffd782; }
.menulogo {float: center; width: 890px; min-height: 25px; background-color: auto; display: table-cell;  outline:none;	vertical-align: middle; }



div.cols-flechal {float: left; height: 44px;  width: 120x;  margin: 0 3px 0 0;  border: 0px; padding: 0;  background-color: auto;}
div.cols-flechar {float: right;  height: 44px; width: 120px; margin: 0 0 0 0; padding: 0;  background-color: #auto;}
div.colinformacion {float: left;  text-align: center; color : #ff9933; width: 400px;  height: 42px; margin-left: 55px; margin-right: 25px;   background-color: auto;}

.image-rightbox{float: right; }
.texto {position: relative;
top: -50%;
margin-left: 50px;
display: block;
}

.texto2 {position: relative;
top: 20%;
margin-right: 4px;
display: block;
}

/*para la caja de flechas*/ 

div.colsalquiler {float: left; width: 30%; margin: 0 3px 0 0; padding: 0;  border: 2px groove; background-color: #ff9933;}
div.row3 {float: left; margin: 0; padding: 0; width: 18%; background-color: #ff9933;}
div.cols3 {float: left; width: 50%; margin: 0 2px 0 0; padding: 0; background-color: #ff5533;}



div.principal {background-color: #FFFFFF; width: 900px;  height: auto;   min-height: 200px; overflow: auto;   border: 2px groove #ff9933;  margin: auto; }
div.detalles {background-color: #FFFFFF; width: 600px;  height: auto;   min-height: 200px;   border: 2px groove #ff9933;  margin: auto; }

/* Para el menu de calendario y imagen de mas informacion */

div.wrapdetalles{width: 700px; float:left; padding: 2; margin-top: 0px; margin-left: 4px;   border: 0px groove #ff9933;}
.image-detalles{float: left; vertical-align: text-top; border : 0px groove #008877; padding: 2; margin-right: 20px;  margin-bottom: 5px;  a img, table
border:2px;} 




/* fin de esta parte */