/* CSS Document */

html { height:100%; width:100%; text-align:center; background-color:#fff; margin:0; padding:0;  font:200%;  /*text-shadow: #000 0px 0px 0px; Elimina el efecto bold en Safari*/}
body{ width:100%; font-family: "trebuchet MS", arial; color:#000000; margin:0 0 0 0; padding:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {font-weight: normal;margin: 0 0 1em 0;}
p {font-size:0.8em; padding:10px;}
li, dd, blockquote { margin-left: 1em;}
a, a:link, a:visited, a:hover, a:active { text-decoration:underline;}
a { color:#0C6291; text-decoration:underline;}
a:hover { color:#86B2C6; }
a img {	border: none;	text-decoration: none;}
img { border: none;	text-decoration: none;}
.negrita { font-weight:bold;}
hr { color:#FFFFFF; height:0.5px; }
abbr, acronym { border-bottom:1px dotted #000; cursor:help;}
a acronym { text-decoration:none;}
.img_l { float:left; margin:0; padding:0.2em; background-color:#FFFFFF; border:3px solid #B5B5B5;}
.img_r { float:right; margin:0; padding:0.2em; background-color:#FFFFFF; border:3px solid #B5B5B5;}
.img_c { float:none; padding:0.2em; background-color:#FFFFFF; border:3px solid #B5B5B5; display:block; margin:auto;}
.negrita { font-weight:bold;}
#contenedor { width:969px; height:auto; background-color:#fff; margin:0px auto 0px auto; display:block; overflow:hidden; padding:0 0 0em 0;  border:solid 5px #0C6291;}

#cab { width:100%; height:139px; padding:0; background-color:#fff; text-align:right; color:#fff; background-image:url(../imgweb/cabMundoflor.jpg); background-repeat:no-repeat;  float:left;}
#cab h1 { font-size:1.2em; font-weight:bold; color:#fff; letter-spacing:0.2em; margin:0.15em 23em 0 0;}


/*  MENU  */
#menu { text-align:left; height:auto; font-size:0.8em; font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0.1em;  width:100%; border-top:solid 7px #0C6291;float:left;}
#menu ul { list-style:none; border:none; font-weight:600; }
#menu ul li { font-size:0.85em; text-align:right; float:left;  }
#menu ul li a { text-decoration:none; color:#fff; background-color:#0C6291; font-size:1.2em; padding:2px;text-align:center;}
#menu ul li a:hover { color:#000; background-color:#86B2C6; }
/*CONTENIDO CENTRO*/
#contenido_centro {  min-height:358px; height:100%;  padding:0; background-color:#fff; float:left; font-size:1em; }
#contenido_centro_sup {width:100%; height:100%; padding:0; margin:0; float:left;}
#contenido_centro_foot {width:100%; height:auto; padding:0; margin:0;}
#contenido_centro_foot span {color:#0C6291; font-size:1.2em;}
/*FOOT*/
#foot { width:100%; height:100%; padding:0; background-color:#fff; border-top:5px solid #0C6291;   font-family:"Trebuchet MS"; color:#000; text-align:left; float:left; }
#foot  p { font-size:0.7em; font-weight:500; margin:0.5em 0 0.5em  0; padding:0 0 0 0.5em;}
#foot  a { text-decoration:underline; color:#0C6291; font-weight:bolder;}
#foot  a:hover {  color:#000; background-color:#86B2C6;}
/* id para el contacto */
#txtlegal {padding:2.5% 0% 2% 0%;font-size:0.9em;width:100%;}
form {}
form span {display:block;text-align:left;font-size:0.9em;font-weight:bold;margin-left:12px;margin-right:10px;color:#000000;padding: 3px 0px 3px 0px;}


/* id para el contacto */
#txtlegal {padding:2.5% 0% 2% 0%;font-size:0.9em;width:100%;}

form textarea {border:1px solid #000;width:85%;margin-left:12px;padding-left:3px;}

#txtlegal a:link { color:#F29517; text-decoration:none;} 
#txtlegal a:visited { color:#F29517; text-decoration:none;} 
#txtlegal a:active { color:#F29517; text-decoration:none;} 
#txtlegal a:hover { color:#000; text-decoration:underline;} 
.botonform {border:#ffffff 1px solid;margin:5px 5px 0px 0px;width:75px; cursor:pointer; color:#fff; height:30px; background-color:#F29517;}
#txtlegal .ChkLeer {height:auto;width:3em; border:none; margin:0 5px 0 -10px; float:left;}
#txtlegal .ChkLeer input { border:0;}
.error { color:#FF0000;}


#renta { width:auto;}
#renta form input {border:1px solid #000; width:15%;margin-left:12px;padding:0px;}
#renta form input.inp02 { width:4%; text-align:center;}
form.rentabilidad  textarea {border:1px solid #000;width:85%;margin-left:12px;padding-left:3px;}
form.rentabilidad  p {margin:0;width:100%;}
.negrita_rent { font-size:1.2em; margin:0; padding:0;}
.negrita_cart { font-size:1.1em; font-weight:bold; margin:0; padding:0;}
#renta form input.resultado { border:0;  font-weight:bold; font-size:2em; width:auto; margin:1em 0 1em 0; color:#F29517;}

/*FINANCIACIOM*/
#contenido_centro #txt ul.finan { list-style-type:none;}
#contenido_centro #txt ul.finan li { margin:2em;}
/*TABLA TIENDA*/
.tablatienda { float:left; margin:0; padding:0;  }
.tbody_300{ height:305px; max-height:305px; width:100%; overflow:scroll;  }
.tablatienda tr{ height:auto; }
.td_scroll {width:15px; border-left:none;}


td.tdTexto{height:100%; width:inherit; border:none;background-color:#FDEEED;margin:0;font-size:0.8em;}
td .txtTienda{width:85px;border:none;background-color:#FDEEED;margin:0;font-size:1em; font-weight:bold; text-align:center;}
table{background-color:Black; font-family:"arial"; width:100%; margin-bottom:10px;}
.tabla_busquedas{background-color:Black; font-family:Trebuchet MS;  margin-bottom:10px; font-size:0.9em;}
.tabla_reservas{background-color:Black; font-family:Trebuchet MS;  margin-bottom:10px;   font-size:0.9em;}
th{margin:0px;padding:3px; background-color:#0C6291;font-size:0.8em; font-weight:bold; color:#fff;}
td { font-size:0.8em; padding:0;  margin:1px; background-color:White;}
.titulo_pedido{background-color:#DFECF6; color:#000; font-weight:bold; font-size:1em;}
.titulo_reservas{background-color:#D2E6D3; color:#000; font-weight:bold; font-size:1em;}
.titulo_buscar{background-color:#FBF0BF; color:#000; font-weight:bold; font-size:1em;}
.titulo_confirmados{background-color:#86B2C6; color:#000; font-weight:bold; font-size:1em;}
.cabecera_pedido{background-color:#007AB9; color:#fff; font-size:0.9em;}
.cabecera_reservas{background-color:#00952C; color:#fff;  font-size:0.9em;}
.cabecera_buscar{background-color:#E67F05; color:#fff; font-size:0.9em;}
.contenido_pedido{background-color:#DFECF6; color:#000;}
.contenido_reserva{background-color:#D2E6D3; color:#000; text-align:center;}
.contenido_buscar{background-color:#FBF0BF; color:#000;}
td .spanpedido{height:100%; border:none;background-color:White;   margin:0;font-size:1em; font-weight:bold; text-align:center; color:#000;}
.contenido_buscar input{border:none;}
.alinear_derecha{text-align:left; padding:0 0 0 0.3em;}
/* Información cliente */
form span.labels {float:left; display:block; font-size:0.9em;font-weight:bold;margin-left:12px;margin-right:10px;color:#000000;padding: 3px 0px 3px 0px;}

/* Login*/
#LoginTexto {text-align:center; padding-left:100px; padding-top:50px;}
#login {text-align:center;}
#login input {text-align:center; width:150px;}
#login span {text-align:center;}
#LoginTexto p {padding:10px; text-align:center; font-size:0.8em; }
#btnLogin {padding-top: 5px;}

/* Localizacion*/
#localizacion {border-bottom:solid 3px #86B2C6; width:25%;  float:left; margin-bottom:10px;}
#localizacion span{ display:inherit; font-weight:bold; color:#0C6291;}

/* Cliente*/
#datos_cliente { width:auto; float:right; text-align:right; }
#datos_cliente span {float:left; }
#contenido_centro_med { width:100%; float:left;   margin:0.5em 0 1em 0; padding:0;}
#contenido_centro_tamfijo { width:750px; float:left;   margin:0.5em 0 1em 0; padding:0;}
/* Botones de Reserva*/

#btnsabajo {text-align:right; width:100%; margin:0; padding:0;   float:left;}
.botones_accion{ width:auto; margin:0.3em; padding:1px;  float:right;}
.botones_reservar{ width:auto; margin:0; padding:2px; font-weight:bold; clear:both;}
#btn_derecha {float:right; width:30%;}
#btn_izquierda {float:left; width:60%;  padding:2em;}
#btn_izquierda p {font-size:1.2em; }
/* Colocación Reservas y Busquedas*/
#reservas { float:left; width:100%;margin-right:2%;}
#busquedas {  float:right;width:23%; text-align:center;}
#confirmaciones {  float:left;margin: 0.8em 0 0 0; width:100%;}

/* CAlendario*/
#div_calendario {text-align:center; width:210px; margin:0; padding:0; float:right;}
#calendario { width:200px; font-size:0.8em; clear:both; margin:0 1em 0 0; float:right;}
#calendario td { padding:0.10em;}
#calendario element.style { background-color:#86B2C6; font-size:0.9em; width:70%;}
#calendario h2 { border-bottom:1px solid #000000; font-size:1.1em; margin:0.5em; text-align:center;}
#calendario p { font-size:1em;  text-align:center;}
.drop_calendar {text-align:center;}
/* Labels  Dinero*/
.txt_precios{ width:auto; font-size:1em; font-style:italic;}


/* EJEMPLO WEB*/

	
	.CapaCabecera {
		height:auto;
		width: 100%;
	}
	.TablaCabecera {
		width: 100%;
	}
	.CapaContenido {
		
		clear:both;
		width: 100%;
		height: 320px;
		overflow-y: scroll;
		overflow-x: hidden;
		border-bottom:solid 1px #000;
		
	}
	/* Tablas Fijas*/
	.tablafija { float:left; margin:0; padding:0;}
.tablafija tr{ height:auto;  }

	/*.tablafija th{margin:0;background-color:#0C6291;font-size:0.8em; font-weight:bold; color:#fff; padding:0;}*/
.tablafija td { font-size:0.8em; padding:2px;  background-color:White; }
.tablafija th { font-size:0.8em; padding:2px;   font-weight:bold; background-color:White;background-color:#0C6291;color:#fff; }
	
#paginas{margin-bottom:-4px;
margin-top:4px;}
#paginas span{ display:inline; margin:0;}	
#paginas a{ border:none; text-decoration:none; margin:2px;}	
#paginas span.a_page_selected{ background-color:#86B2C6; padding:0 5px; border:solid 1px #0C6291; }	
#paginas span.a_page{ padding:0 5px; border:solid 1px #0C6291; }	

/* Redimensionar fotos */


td.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
td.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 50px;
	height: 50px;
}

td.thumb li.False {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 50px;
	height: 0px;
}

td.thumb li img {
	width: 50px; height: 50px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
td.thumb li img.hover {
	background:url(/img/cuadro280.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
	border:none;
}









td.thumb_ {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 60px;
}
td.thumb_ li {
	margin: 0; padding: 5px;
	float: left;
	width: 50px;
	height: 50px;
}

td.thumb_ li.False {
	margin: 0; padding: 5px;

	width: 50px;
	height: 0px;
}

td.thumb_ li img {
	width: 50px; height: 50px; /* Set the small thumbnail size */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;

	
}
td.thumb_ li img.hover 
{
	
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: fixed;
	background:url(/img/cuadro280.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
	border:none;
	
}