/*
Documento CSS propiedad de FLEXO estudio digital.
Prohibida la reproducción total o parcial de este código salvo consentimiento expreso del autor.
*/


/* ---------- General ---------------------------------------------------------------------- */
body	{
	margin: 0px;
	padding: 0px;
	background: #302C29;
	font: 70% Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
}

acronym {cursor: help;}

img {border: none; padding:0px; margin:0px;}


/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	padding:0px;
	margin:0px 0px 0px 0px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
h3 {
	padding:0px;
	margin:0px 0px 15px 0px;
	background-color:#ffffff;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color:#555555;
}

h4 {
	color: #654F49;
	font-size:100%;
	padding:2px 5px 3px 5px;
	margin:10px 0px 0px 0px;
	border-left:3px solid  #ff9900;
	clear:both;
;
}

h5 {
	color:#555555;
	font-size:100%;
	padding:0px 5px;
	margin:0px;
}

p	{
	margin:0px;
	padding:5px 0px;
	}


/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	}

th{
	font-weight:normal;
	background-color: #6a5d5a;
	color:#FFFFFF;
	text-align:left;
	padding:5px 8px;
}

td{
	background-color:#E9E6E0;
	text-align:left;
	padding:5px 8px;
}

.total { border-top: 1px solid #6a5d5a; font-weight:bold; padding:5px;}

td a:hover { background:none;}



/* ---------- enlaces ---------------------------------------------------------------------- */

a {
 text-decoration: none;
 color: #FFFFFF;
	}
a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color:#FF9900;
	}
a:visited {text-decoration: none;}

.tecla {text-decoration: underline;}


/* ---------- Capas ---------------------------------------------------------------------- */

#contenedor{
	width:750px;
	margin:0px auto;
	padding:0px;
}

#cabecera{
	width:750px;
	padding:0px;
	margin:0px;
	height:85px;
}

#logo{
	float:left;
	padding:18px 0px 0px 12px;
}

#datos {
	padding:0px;
	margin:40px 5px 0px 0px;
	float:right;
	text-align: right;
	font: 90% Arial, Helvetica, sans-serif;
}

#menu {
	float:left;
	width: 150px;
	text-align: left;
	margin:0px;
	padding:0px;
}

#pastillas {
	margin:10px 0px;
	width: 150px;
	text-align: center;
}

#fecha {
	width: 149px;
	height: 20px;
	text-align: center;
	background: #695d5a;
	color:#999999;
	padding: 8px 0px 0px 0px;
	font: 90% Arial, Helvetica, sans-serif;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#contenidos {
	width: 600px;
	float:right;
	text-align: left;
	padding: 0px;
	margin:0px;
}
 
 
#principal {
	float:left;
	width: 467px;
	text-align: left;
	padding: 0px 0px 5px 0px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#ffffff;
 }
 
#principal p {
	padding:0px 10px 10px 70px;
}

  
#lateral {
	float:right;
	padding:0px;
	margin:0px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
 }
  
#pie {
	clear:both;
	margin:0px;
	width: 750px;
	text-align: center;
	padding: 5px 0px;
	font-size: 90%;
	color: #999999;
 }
 

#legal {
	position: absolute;
	margin:10px;
	padding: 10px;
	width:250px;
	z-index: 15;
	border: 4px double #302C29;
	font: 100% Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	background-color:#FFFFFF;
 }
 
#lote{
background-color:#efeeea;
margin:10px 50px;
padding:20px 0px;
}

#lote img {
border:1px solid #cccccc;
margin:0px 25px;
padding:5px;
background-color:#FFFFFF;
}


/* ---------- colores de las secciones ---------------------------------------------------------------------- */

.fecha{
	color: #666666;
	font-size: 0.9em;
}
.rojo{color: #993300; font-weight:bold;}
.naranja{color: #FF6600;}
.verde{color: #336600; font-weight:bold;}

.banner{border-top: 1px solid #999999;}

/* ---------- estilos de lotes span ---------------------------------------------------------------------- */

.lotes1{background-color:#CC6600; color:#FFFFFF; font-size:90%; padding:0px 3px;}
.lotes2{background-color:#669933; color:#FFFFFF; font-size:90%; padding:0px 3px;}
.lotes3{background-color: #990000; color:#FFFFFF; font-size:90%; padding:0px 3px;}
.lotes4{background-color:#336699; color:#FFFFFF; font-size:90%; padding:0px 3px;}

.plotes {
	margin: 0px;
	padding: 10px 20px 10px 0px;
	font-size: 0.7em;
}



/* ---------- lista (usada en el menu) ------------------------------------------------------------ */

/* estilo de lista desordenada: mostrar o no las viñetas  */
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
 	font: 90% Arial, Helvetica, sans-serif;
 	color: #ffffff;
	background: #403B37;
	vertical-align: top;
}
 
#menu li a{
	display: block;
	width: 122px;
	padding: 4px 5px 4px 22px;
	background-image: url(/img/ico_flecha.gif);
	background-repeat: no-repeat;
	background-position: 7px;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
}	

/* ----------------- clases para listas ----------------*/
.listado ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado li {
	margin: 0px 30px 0px 60px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding: 3px 0px 3px 8px;
	border-bottom:1px solid #e6e4da;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}

/*-------- elementos de formulario ----------------------------------------------------------------------------*/
form {
	margin: 0px 0px 10px 70px;
}
fieldset { border:1px dotted  #ccc; padding:10px 20px; margin: 0 40px 20px 0;}
 
input {
	font: 1.1em Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	background: #E9E6E0;
	border: 1px solid #cccccc;
	padding: 3px 5px;
	margin-top: 2px;
	margin-bottom: 5px;
}
select {
	font: 1em Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	background: #E9E6E0;
	border: none;
	padding: 3px 5px;
	margin-top: 2px;
	margin-bottom: 5px;
}
textarea {
	font: 1.1em Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	background: #E9E6E0;
	border: 1px solid #cccccc;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 5px;
}
.boton {
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	background-color: #E9E6E0;
	font-variant: normal;
	border: 1px solid #333;
}



/*-------- clases para titulos con imagen ----------------------------------------------------------------------------*/
.general{ background: #5E5F46; }
.alimentacion{ background: #728D67; }
.vending{ background: #E38231; }
.limpieza{ background: #5690AD; }
.lotes{ background: #78943D; }
.equipamiento{ background: #A11818; }
.catalogo{ background: #C44423; }

.oculto{ display:none;}

.tt_empresa{
background-image:url(/img/tit_secc_empresa.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}

.tt_accesibilidad{
background-image:url(/img/tit_secc_accesibilidad.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}

.tt_legal{
background-image:url(/img/tit_secc_legal.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}

.tt_catalogo{
background-image:url(/img/tit_secc_catalogo.gif);
background-repeat:no-repeat;
background-color: #C44423;
height:28px;
}

.tt_contacto{
background-image:url(/img/tit_secc_contacto.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}

.tt_alimentacion{
background-image:url(/img/tit_secc_alimentacion.gif);
background-repeat:no-repeat;
background-color: #728D67;
height:28px;
}

.tt_lotes{
background-image:url(/img/tit_secc_lotes.gif);
background-repeat:no-repeat;
background-color: #78943D;
height:28px;
}

.tt_vending{
background-image:url(/img/tit_secc_vending.gif);
background-repeat:no-repeat;
background-color: #E38231;
height:28px;
}


.tt_infusiones{
background-image:url(/img/tit_secc_infusiones.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}

.tt_novedades{
background-image:url(/img/tit_secc_novedades.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}


.tt_equipamiento{
background-image:url(/img/tit_secc_equipamiento.gif);
background-repeat:no-repeat;
background-color: #A11818;
height:28px;
}

.tt_limpieza{
background-image:url(/img/tit_secc_limpieza.gif);
background-repeat:no-repeat;
background-color: #5690AD;
height:28px;
}

.tt_localizacion{
background-image:url(/img/tit_secc_localizacion.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}

.tt_tienda{
background-image:url(/img/tit_secc_tienda.gif);
background-repeat:no-repeat;
background-color: #59616d;
height:28px;
}


.tt_contacto{
background-image:url(/img/tit_secc_contacto.gif);
background-repeat:no-repeat;
background-color: #5E5F46;
height:28px;
}



/* ------------------------------------ recuadros respuesta  -----------------------------------*/
.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
       border: 1px solid;
       margin: 20px 40px 20px 0px ;
       padding:20px 10px 20px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/img/ico_info.gif');
}
.recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/img/ico_ok.gif');
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/img/ico_att.gif');
}
.recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/img/ico_ko.gif');
}