/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}
body {
	background-image: url(images/bg_page.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.edicion{
	font-size:14px;
	font-weight:bold;
	color:#990000;
}

.form_style{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}

.menu_off{
	display:block;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	PADDING-TOP: 0.1em;
	FONT: 12pt "Verdana, Tahoma, Arial";
	TEXT-ALIGN: center;

}

.botones{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:none;
font-weight:bold;
color: #FFFFFF;
background-image:url(../images/bg_btn_form.jpg);
background-position:center;
background-repeat:repeat-x;
}


/******Estilos para los precios de los productos-> Cafe ****************************/

.precio_productos
 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#58410b;
	text-decoration: none;
}


.pdf_dowloads_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58410b;
	text-decoration: none;
}


/********Estilo para el item o sección que seleccionamos del menu ****************/
a:active#item_selected {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#644637;
	text-decoration: none;
}
a:visited#item_selected {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#644637;
	text-decoration: none;
}
a:link#item_selected {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#644637;
	text-decoration: none;
}
a:hover#item_selected {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#644637;
	text-decoration: none;
}
/********************************/
.telefonos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	font-style:normal;
	color: #006699;
}

/******************Migajas de Pan*********************/
a:active#breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color: #594031;
	text-decoration: none;
}
a:visited#breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#594031;
	text-decoration: none;
}
a:link#breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#594031;
	text-decoration: none;
}
a:hover#breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#644637;
	text-decoration: none;
}

/*****************************************/
/* Estilo para menu principal*/
a:active#menu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#594031;
	text-decoration: none;
}
a:visited#menu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#594031;
	text-decoration: none;
}

a:link#menu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#594031;
	text-decoration: none;
}

a:hover#menu{
  font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#644637;
	text-decoration: none;
		
}

/*********Estilo Menu secundario ********/
a:active#secundario {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited#secundario {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
}

a:link#secundario {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover#secundario{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #336699;
	text-decoration: none;
	
}
/***************************************/
/*********Estilo Menu secundario ********/
a:active#secundario_hijos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #FF8000;
	text-decoration: none;
}
a:visited#secundario_hijos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #FF8000;
	text-decoration: none;
}

a:link#secundario_hijos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #FF8000;
	text-decoration: none;
}

a:hover#secundario_hijos{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #1F88A7;
	text-decoration: none;
	
}
/***************************************/


/**********************************************************/
/**********Estilo Menu terciario********************************/
a:active#terciario {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin-left:5px;
	color: #333333;
	text-decoration: none;
}
a:visited#terciario {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin-left:5px;
	color: #333333;
	text-decoration: none;
}

a:link#terciario {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin-left:5px;
	color: #333333;
	text-decoration: none;
}

a:hover#terciario{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin-left:5px;
	color:#3a359c;
	text-decoration: none;
}

/*********************************************/

/***********Estilos para los submenus *********/
a:active#submenu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	padding:14px;
	color:#252525;
	text-decoration: none;
	text-decoration: none;
	background-image:url(../images/binneta_menu.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
a:visited#submenu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	padding:14px;
	color:#252525;
	text-decoration: none;
	text-decoration: none;
	background-image:url(../images/binneta_menu.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

a:link#submenu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	padding:14px;
	color:#252525;
	text-decoration: none;
	text-decoration: none;
	background-image:url(../images/binneta_menu.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

a:hover#submenu{
  font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	padding:14px;
	color:#3a359c;
	text-decoration: none;
	background-image:url(../images/binneta_menu_gris.jpg);
	background-position:left;
	background-repeat:no-repeat;
		
}

/**********************************************/
/*********Estilo Para las Noticias ********/
a:active#news {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #34729E;
	text-decoration: none;
}
a:visited#news {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #34729E;
	text-decoration: none;
}

a:link#news {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #34729E;
	text-decoration: none;
}

a:hover#news{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #669900;
	text-decoration: none;
	
}
/***************************************/

/*********Nombres de Productos***********/
a:active#prods {
	font-weight: bold;
	padding-top:10px;
	font-size:15px;
	padding: 8px;
	margin-left:3px;
	color:#6e4f1f;
	text-decoration: none;
}
a:visited#prods {
	font-weight:bold;
	padding-top:10px;
	font-size:15px;
	padding: 8px;
	margin-left:3px;
	text-decoration: none;
	color: #6e4f1f;
}

a:link#prods {
	font-weight:bold;
	padding-top:10px;
	font-size:15px;
	padding: 8px;
	margin-left:3px;
	color:#6e4f1f;
	text-decoration: none;
}

a:hover#prods {
	font-weight:bold;
	padding-top:10px;
	font-size:15px;
	padding: 8px;
	margin-left:3px;
	color: #a9812f;
	
}
/********************************/

/*---------------------------------------*/
/*********************************************/
/* Estilo para menu categorias*/
a:active#categs {
	font-weight: bold;
	font-size:13px;
	margin-left:10px;
	color:#a9812f;
	text-decoration: none;
}
a:visited#categs {
	font-weight: bold;
	font-size:13px;
	margin-left:10px;
	color:#a9812f;
	text-decoration: none;
}

a:link#categs {
	font-weight: bold;
	font-size:13px;
	margin-left:10px;
	color:#a9812f;
	text-decoration: none;
}

a:hover#categs{
	font-weight: bold;
  	font-size:13px;
	margin-left:10px;
	color:#6e4f1f;
	text-decoration: none;
		
}
/*---------------------------------------*/
/******************************************************************/
/************************************************
*
*	Estilos para el DDTabs Horizontal **************************************
*
************************************************/
.basictab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: bold 11px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
/*padding: 6px px;*/
margin-right: 3px;
border-bottom: none;
color: #4b91c5;
}

.basictab li a:visited{
color: #4b91c5;
}

.basictab li a:hover, .basictab li a.current{
color: #387496;
background-color: #e8e8e8;
}

.basictab li a:active{
color: #4b91c5;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

/************************************************
*
*	Estilos para el DropDown Menu*******************************
*
************************************************/

.drop_down_tabs{
/*padding: 0;*/
/*width: 100%;*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.drop_down_tabs ul{
font: normal 12px Arial, Verdana, sans-serif;
list-style:none;
/*padding-top:-1px;*/
padding-left:10px;
}

.drop_down_tabs li{
display:inline;  /*menu principal*/
text-align:center;

}


.drop_down_tabs a{
float:left;
color: #FF9900;
background: transparent; /*Cambio del fondo del menu principal o padre*/
text-decoration:none;
}

.drop_down_tabs a span{
float:left;
display:block;
/*background: #ffffff;*/
padding-left:5px; /* paddind del menu principal*/
}

.drop_down_tabs a span{
float:none;
}
/***********************************************************/
.drop_down_tabs a:hover{
/*background-color: #591f20;*/
/*background: #ffffff;*/
} 

.drop_down_tabs a:hover span{
background: #ffffff;
color: #C5C5C5;  /*hover de los que no tienen submenu*/
}

.drop_down_tabs .selected a, #ddcolortabs .selected a span{ /*Es como el "hover del menu proncipal"*/
/*background: #ffffff;*/
color: #C5C5C5; /* hover de texto pero de las que tienen submenu nada mas*/
}
/**********************************************************/

.ddcolortabsline{
clear: both;
padding: 0;
/*width: 100%;*/
height: 8px;
line-height: 8px;
background: transparent;
border-top: 0px solid transparent; /*propiedades para la linea divisoria del menu principal o padre*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
/*border: 1px solid #ffffff; /*borde que divide submenu del menu padre*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 11px Arial; /*tamaño fuente del submenu*/
text-align:left;
line-height:18px;
z-index:150; /*medida del campo de celda de submenu*/
/*background-color: #FF9900;*//*Cambio el color de fondo primario del submenu desplegable*/
background-image:url(../images/bg_submenu_inicio.jpg);
background-position: center;
background-repeat: repeat;
width: 150px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid; /* canbio linea base del menu principal (opcional)*/
border-bottom: 1px solid transparent; /*combio el borde que separa cada item*/
padding: 1px 0;
text-decoration: none;
font-weight:bold;
color: #785605; /*Cambio el color de la fuente primaria*/
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ 
background-color: #fcf3da; /*Cambio el fondo del submenu Hover*/
color: #785605;
}
/*****************************************************************/
/*****************************************************************/

.naranja{
	color:#FF3300;
}

/*a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#0000FF;
}
a:hover {
	text-shadow: Gray;
	font-weight:bold;
	color: #FF0000;	
}
a:active {
	text-decoration: none;
}*/

.menu_gris {color: #666666}

.precios {
	color: #0000FF;
	font-weight: bold;
}

.form {color: #CCCCCC}

.boton {
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-SIZE: 12px; BACKGROUND: #ff9900;
BORDER-LEFT: #000000 1px solid;
COLOR: #000000;
BORDER-BOTTOM:
#000000 1px solid;
FONT-STYLE: normal;
FONT-FAMILY: verdana, arial, "trebuchet MS", helvetica, sans-serif;
}

.cajon {
	display:block;
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	FONT: 9pt "Verdana, Tahoma, Arial";
	MARGIN-LEFT: 0.1em;
	PADDING-TOP: 0.1em;
	BACKGROUND-COLOR: #FFFFF0;
	TEXT-ALIGN: left;
	visibility: hidden;
	overflow: hidden;
}

.otro{
	visibility: hidden;
}

.fecha{
	font-size: 9px;
	font-style: italic;
	color: #333333;
}

.whois{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
	
.relleno{
	background:#FFCC00;
}


.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.rentacar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background: #195372;
	color:#FFFFFF;
}

.cartittle{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #195372;
	font-weight:bold;
}

.cardetails{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #195372;
	font-style:italic;
	font-weight:bold;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.searchResults {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #FF6600;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.menu_arriba{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:10px;		
}



.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: thin;
  border-style: ridge;
  border:inset;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;

  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}


.abajo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.boton2 {
BORDER-RIGHT: #999999 1px solid;
BORDER-TOP: #999999 1px solid;
FONT-SIZE: 10px; BACKGROUND: #ffffff;
BORDER-LEFT: #999999 1px solid;
COLOR: #666666;
BORDER-BOTTOM: #999999 1px solid;
FONT-STYLE: normal;
FONT-FAMILY: verdana, arial, "trebuchet MS", helvetica, sans-serif;
}



/****************************************************************

	Estilos para el Newsletter Form
	
****************************************************************/


#bluehornet input {
	font-size:9px;
	color:#333333;
	padding:2px;
} 


#bluehornet label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	border:none;
}

#bluehornet .error {
	color: red;
	font-size: small;
	
} 

#bluehornet input.error { 
	border: 1px dotted red;
	font-size:9px;

}

#bluehornetgracias	{
	display:none;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color: #592D00;
	background-color:transparent; /* para que el fadein se vea bien en internet explorer, se tiene que poner un color de fondo */
}

.newsletter_title{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
text-decoration:none;
color: #377800;


}

.newsletter_text{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
color: #592D00;
}

.newsletter_box {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color: #377800;

}








/****************************************************************
	
	Estilo CSS para el menu Drop Horizontal Actuar
	
****************************************************************/
	/*this is the css for the vertical version*/
		.vertical ul{
                        position: right;
			list-style-type: none;
			padding: 0px 0px 0px 0px;
                        margin-left:9px;
			width: 154px; /* espacio del fondo tabla*/
			background-image:url(../images/bg_verde.jpg);
			widows:inherit;

		}
		.vertical li a{
			display: block;
			width: 50px; /*ancho del marco*/
			text-decoration: none;
			height: 10px;
                        width: 152px;/*ancho de la tabla*/
			padding: 5px 0px 18px 0px;
                        border: 1px solid;
			border-top: 0px;

		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
                      



		}
		.vertical li ul{
			position: absolute;
			margin-top: -2.5em; /* Levanta o baja el cuadro de submenu*/
			margin-left: 151px; /* Distancia de padre -> hijo-> hijo*/

		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding-left: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;

		}
		.horizontal li{
			float: left;
			display: inline;
                        padding-left: 1px;

		}
		.horizontal li a{
			text-decoration: none;
			height: 1.2em;
			float: left;
			display: block;
			width: 100px;
			padding: .1em 1px 1px 1px;
			border: 1px solid;
			border-left: none;

		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;

		}
		.horizontal li ul{
			position: absolute; 
			margin-top: .3em;
			margin-left: -1px;
			width: 129px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;

		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 1px;

		}
		.horizontal li ul li a{
		width: 125px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
		padding-left: 1px;
		}
		/*colors for menu*/ /* colores del menu*/
		.blackwhite li a{
		background-position:top left;
		background-repeat:repeat;
		border-bottom-color:#00be8d;
                border-left-color:transparent;
                border-right-color:transparent;
		font-weight:normal;
		color: #FFFFFF;
		font-size:12px;
                text-align:center;
		}
		.blackwhite li a:hover{
		border-bottom-color:#00be8d;
                border-left-color:#09a24f;
                border-right-color:#09a24f;
		background-color: #004323;
		font-weight:normal;
		color:#fff000;
		font-size:12px;
		}
		.blackwhite ul{
			border-color: transparent;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
/*Not really sure why IE needs all these,but hey it works!*/
.horizontal  li ul{
	margin-top: 1.4em;
	margin-left: -29px;
}	
.horizontal  li li ul{
	position: absolute;
	left: 0px;
}
/*These assist the iframe shim*/
.mlmenu iframe{
	position: absolute;
	display: none;
	filter: alpha(opacity=0);
	z-index: 2;
}
select,object,iframe{
	z-index: 1;
}
.delay li.hide ul{
	filter: alpha(opacity=0);
}