/* 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:#224638; text-decoration:underline;}
a:hover { color:#FA859A; }
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:98%; height:auto; background-color:#fff; margin:0px auto 0px auto; display:block; overflow:hidden; padding:0 0 0em 0;  }

#cab 
{ 
	width:100%; height: 63px; padding:0; background-color:#fff; text-align:left;  float:left;
	border-top:solid 5px #224638;
}
#logo { background-color: #FFFFFF;
    float: left;
    padding: 0;
    text-align: left;
    width: auto;}
#empresa 
{
	font-family:"Trebuchet MS";
	height:100%;
	padding:0;
	background-color:#FFFFFF;
	float:left;
	font-size:0.9em;
	margin:0;
	text-align:right;
	width:25%;
}


#cab_derecha { width:60%; }
#publicidad{
    float: right;
    text-align: right;
    width: 300px;}
#publicidad span{ background-color:#224638;
color:#FFFFFF;
font-size:0.7em;
margin:0;
padding:0 20px;}

#publicidad span a{
color:#FA859A;}


/*  MENU  */
#menu 
{	display: inline;
    float: left;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    height: auto;
	 }
#menu ul { margin: 0;
    padding: 0;}
#menu ul li { 
display:inline;
padding:0;
font-size:0.85em; text-align:right;margin-left: 4px; }
#menu ul li a { font-weight:bold; text-decoration:none; background-color:#224638; color:#fff;  font-size:1.2em; padding:2px;text-align:center;}
#menu ul li a:hover { font-weight:bold;  color:#000; background-color:#FA859A; }
/*CONTENIDO CENTRO*/
#contenido_centro 
{  
	background-color:#FFFFFF;
	clear:both;
	float:left;
	font-size:1em;
	min-height:448px;
	padding:0;
	width:100%;
}
#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:#224638; font-size:1.2em;}
/*FOOT*/
#foot { width:100%; height:80px; padding:0; background-color:#fff; border-top:5px solid #224638;   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:#224638; font-weight:bolder;}
#foot  a:hover {  color:#000; background-color:#FA859A;}
/* 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:100%;border: 1px dashed gray;background-color:#FDEEED;margin:0;font-size:1em; font-weight:bold; text-align:center; }
td .txtTiendaFalse{width:100%;border: 1px dashed gray;background-color:#FDEEED;margin:0;font-size:1em; font-weight:bold; text-align:center; }
td .txtTiendaTrue{width:100%;border: none;background-color:#fff;margin:0;font-size:1em; font-weight:normal; text-align:center; }
table{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:#224638;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:#FA859A; 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;}

td input[type="image"][disabled]{display:none;}
.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; clear:both; 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 #FA859A; width:auto;  float:left; margin-bottom:10px;}
#localizacion span{ display:inherit; font-weight:bold; color:#224638;}

/* Cliente*/
#datos_cliente { 
    
    margin-top: -35px;
    position: absolute;
    text-align: right;
    width: 100%; }

#datos_cliente p { 
    padding:0;
    margin:0;}
#cliente_ventas { margin-right: 42%;
}
    
#datos_cliente span {float:none; display:inline; }
#contenido_centro_med { width:100%; float:left;   margin:0.5em 0 1em 0; padding:0;}
#contenido_centro_tamfijo { width:80%; float:right;   margin: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_izquierda_tienda {text-align:center; width:180px; margin:0; padding:0; float:left;}
#calendario { width:100%; font-size:0.8em; clear:both;  float:right;height: auto;}
#calendario table {margin:0; padding:0;border: 1px solid #000000;}
#calendario td { padding:0.10em;}
#calendario td table td { font-size:1.1em; font-weight:bold;}
#calendario td a{font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;}
#calendario element.style { background-color:#FA859A; font-size:0.9em; width:70%;}
#calendario h2 { border-bottom:1px solid #000000; font-size:0.8em; margin:0.5em; text-align:center; font-family: "arial";}
#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%;
	}
	.CapaCabeceraPequena {
		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;
		
	}
	.CapaContenidoPequeno {
		
		 border-left: 1px dashed #585858;
    border-top: 1px dashed #585858;
    clear: both;
    height: 67px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
		
	}
	/* Tablas Fijas*/
	.tablafija { float:left; margin:0; padding:0;}
.tablafija tr{ height:auto;  }

	/*.tablafija th{margin:0;background-color:#224638;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:#224638;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:#F3CDCA; padding:0 5px; border:solid 1px #BE3227; }	
#paginas span.a_page{ padding:0 5px; border:solid 1px #BE3227; }	


#div_izquierda_tienda #listados{clear: both;}
#div_izquierda_tienda h2{background-color:#224638; margin:0; padding:0;font-size:0.8em; color:#fff;	text-align:left;font-family: "arial"; padding:2px 2px 2px 5px;}
#div_izquierda_tienda select{ width:100%; border: 1px solid #000000;}
#div_izquierda_tienda #listados #sectores{width:100%; height: 70px; clear:both;}
#div_izquierda_tienda #listados #gruposfamilias{width:100%; clear:both; height:auto;}
#div_izquierda_tienda #listados #sectores select{ width:100%; height:100%;border: 1px solid #000000;}
#div_izquierda_tienda #listados #gruposfamilias select{width:100%; height: 120px; border: 1px solid #000000;}

#informacion_lotes{ background-color: #E1E1E1; border: 1px dashed #585858;}
#informacion_lotes p span{ display: inline;
    font-size: 1.1em;
    margin: 0;
    text-align: justify;}
#informacion_lotes p{ font-size: 0.8em;
    font-style: italic;
    margin: 0;
    padding: 1px 3px;
    text-align: justify;}
    
#pedidos_realizados{
	float: right;
    height: 100px;
    left: 60%;
    position: absolute;
    text-align: right;
    top: 22px;
    width: 39%;
    
    }   

.relative{ float:right;width: 100%;} 
.relative td{font-size:0.7em; padding:0; margin:0;}
.relative th{background-color: #E1E1E1;
    color: #000000;
    font-size: 0.7em;
    margin: 0;
    padding: 0;}

.relative td .spanpedido{padding:0;}
#cargando
{
	width:100%;
	text-align:center;
}
#cargando h2{ color:#585858; font-size:1.2em; font-style:italic; width:100%; text-align:center;margin-top:10%;}
.stock1{color:Green;}


/* Redimensionar fotos */


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

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

/* td.thumb li img {
	width: 25px; height: 25px; 
	-ms-interpolation-mode: bicubic; 
	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;  
	border: none; 
	border:none;

}*/


.thumbnail{
position: relative;
z-index: 0;
margin:0;
}

.thumbnail img{
width: 25px; height: 25px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	left: 0; top: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
-ms-interpolation-mode: bicubic; 
}
.thumbnail span{ /*Estilos del borde y texto*/
margin:0;
background-color: white;
padding: 5px;
visibility: hidden;
color: #FFFF00;
text-decoration: none;z-index: 50;
}

.thumbnail span img{ /*CSS for enlarged image*/
	background:url(/img/cuadro280.png) no-repeat center center;  
	border: none; 
	z-index: 100;
	margin-left: -20px;
    margin-top: -55px;
	top: 50%; 
    left: 50%;
	width: 230px; 
	height: 230px;
	padding:20px; 
	position:absolute;

}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}








.thumbnail #popup{ /*Estilos del borde y texto*/
margin:0;
background-color: white;
padding: 5px;
visibility: hidden;
color: #FFFF00;
text-decoration: none;z-index: 50;
}

.thumbnail:hover #popup{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
background-color:Transparent;
position:absolute;
padding:0;
margin:0;
}

.thumbnail #popup img{ /*CSS for enlarged image*/
	background:url(/img/cuadro280.png) no-repeat center center;  
	border: none; 
	z-index: 100;
	/*
	margin-left: -20px;
    margin-top: -55px;
	top: 50%; 
    left: 50%;
    padding:20px;
	*/
	
	width: 230px; 
	height: 230px;
	margin-left: 0px;
    margin-top: -25px;
	}
	
.thumbnail #popup span{ /*CSS for enlarged image*/
	
	min-height:20px;
	width: 228px; 
	z-index: 100;
	padding:5px; 
	margin:0;
	margin-top:-1px;
	font-size:0.9em;
	color:#000;
	background-color: #E1E1E1;
    border-bottom: 1px dashed #585858;
    border-left: 1px dashed #585858;
    border-right: 1px dashed #585858;

}