/************************** css por PanamaCOM orden alfabetico *******************************/

#container {
	width: 100%;
	background:url(../styleImages/bg_new2.jpg) no-repeat top center #4d3330;
	margin:0 auto;
	height:auto;
}

/* CSS Document */

* { 

	margin: 0;
	padding: 0;
}


body
{
	color: #606060;
	margin:0;
	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	background:#4d3330;
}



p {
	padding-top:4px;
	padding-bottom:20px;
	
}

h1 {
	font: normal 26px Georgia, "Times New Roman", Times, serif;
	color:#583738;
	text-transform:uppercase;
	padding-left:30px;	
	padding-top:25px;
	padding-bottom:15px;
	margin:0;
}



a { text-decoration: none;
	color: #5f3c3d;

}

a:hover {
	text-decoration:underline;
	color: #5f3c3d;
}


#contenedorTop {
   margin: 0 auto;
   text-align:left;
   float: none;
   width:996px;
   background:url(../styleImages/bg_top.png) no-repeat 0 0;
   height:190px;
   position:relative;
   overflow:hidden;
   clear:both;
}

#logoFlor {
	position:absolute;
	margin-left:450px;	
	top:70px;
	z-index:1;
}

#contenedorTop .imagenTop  {
   margin: 0 auto;
  text-align:center;
  padding-top:15px;
  position:relative;
   clear:both;
   float:none;
}



#contenedorMenuTabs {
   margin: 0 auto;
   margin-left:67px;
   margin-top:37px;
   font-size:11px;
   width:860px;
   height:25px;
   color:#5f3c3d;
   text-align:center;
   clear:both;
   float:none;
   position:relative;
}

#menuTabs {  
	margin: 0 auto;
	margin-left:675px;  
	padding: 0;  
	list-style-type: none;
	position:relative; }   


#menuTabs ul {
	list-style-type:none;	
	margin: 0 auto;
	padding: 0;
}

#menuTabs li {
   float: left;
   background:url(../styleImages/menuTab.png) 0 0 no-repeat;
   width:87px;
   height:25px;
}

#menuTabs a {  
	display: block;  
	text-decoration:none;
	padding-top:5px;
	color: #5f3c3d;
 }
   
#menuTabs a:hover {   
	display: block;  
	text-decoration:none;
	padding-top:5px;
	color: #3d2727;

} 


#contenedorMenu {
   margin: 0 auto;
   margin-left:68px;
   width:860px;
   height:65px;
   color:#5f3c3d;
   background:url(../styleImages/bg_Menu.jpg) no-repeat;
   text-align:center;
   clear:both;
   float:none;
   position:relative;
}

#menu {  
	margin: 0 auto;   
	padding: 0;  
	list-style-type: none;
	position:relative; }   


#menu ul {
	list-style-type:none;	
	margin: 0 auto;
	padding: 0;
}

#menu li {
   float: left;
}






#menu a {  
	display: block;  
	margin: 0px 0px;
	padding-top:12px;
	text-decoration:none;
	color: #5f3c3d;
 }
   
#menu a:hover {   
	display: block;  
	margin: 0px 0px;
	padding-top:12px;
	text-decoration:underline;
} 

#menu a.whyKehei {  
	display: block;  
	margin: 0px 0px;  
	padding-top:12px;
	height:65px;
	width:134px;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	color: #5f3c3d; }
   
#menu a.whyKehei:hover {   
	display: block;  
	margin: 0px 0px;
	height:65px;
	width:134px;
  	background:url(../styleImages/why_kei_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }

#menu a.whyKeheiActivado {   
	display: block;  
	margin: 0px 0px;
	height:65px;
	width:134px;
  	background:url(../styleImages/why_kei_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }	

#menu a.product {  
	display: block;  
	margin: 0px 0px;  
	margin-left:5px;  
	padding-top:12px;
	height:65px;
	width:82px;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	color: #5f3c3d; }
   
#menu a.product:hover {   
	display: block;  
	margin: 0px 0px;
	margin-left:5px;  
	height:65px;
	width:82px;
  	background:url(../styleImages/product_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }

#menu a.productActivado {   
	display: block;  
	margin: 0px 0px;
	margin-left:5px;  
	height:65px;
	width:82px;
  	background:url(../styleImages/product_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }	


#menu a.blog {  
	display: block;  
	margin: 0px;
	margin-left:15px;  
	padding-top:12px;
	height:65px;
	width:105px;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	color: #5f3c3d; }
   
#menu a.blog:hover {   
	display: block;  
	margin: 0px;
	margin-left:15px;  
	height:65px;
	width:105px;
  	background:url(../styleImages/blog_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }

#menu a.blogActivado {   
	display: block;  
	margin: 0px 0px;
	margin-left:15px;  
	height:65px;
	width:105px;
  	background:url(../styleImages/blog_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }	



#menu a.faq {  
	display: block;  
	margin: 0px;
	margin-left:192px;  
	padding-top:12px;
	height:65px;
	width:53px;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	color: #5f3c3d; }
   
#menu a.faq:hover {   
	display: block;  
	margin: 0px;
	margin-left:192px;  
	height:65px;
	width:53px;
  	background:url(../styleImages/faq_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }

#menu a.faqActivado {   
	display: block;  
	margin: 0px;
	margin-left:192px;  
	height:65px;
	width:53px;
  	background:url(../styleImages/faq_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }	

#menu a.about {  
	display: block;  
	margin: 0px;
	margin-left:30px;  
	padding-top:12px;
	height:65px;
	width:80px;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	color: #5f3c3d; }
   
#menu a.about:hover {   
	display: block;  
	margin: 0px;
	margin-left:30px;  
	height:65px;
	width:80px;
  	background:url(../styleImages/about_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }

#menu a.aboutActivado {   
	display: block;  
	margin: 0px;
	margin-left:30px;  
	height:65px;
	width:80px;
  	background:url(../styleImages/about_bg.jpg) no-repeat;
  text-decoration: none;  
  text-align: center; 
   font-size: 12px; 
    color: #5f3c3d; }	




#contenedorAnchoContenido {
   margin: 0 auto;
   text-align:left;
   float: none;
   width:996px;
   position:relative;
   overflow:hidden;
   clear:both;
}

#contenedorMedio {
   width:860px;
   margin: 0 auto;
   background:url(../styleImages/bg_contenido.jpg) repeat-y top left;
   margin-top:-1px;
   overflow:auto;
   padding:0;
   position:relative;
   clear:both;
   float:none;
}

.contenidoUnaLinea {
   width:90%;
   margin: 0 auto;
   padding:0;
   margin-top:5px;
   padding-bottom:8px;
   position:relative;
   clear:both;
   float:none;
	line-height: 145%;
}

.contenidoUnaLineaSec {
   width:90%;
   margin: 0 auto;
   padding:0;
   margin-top:5px;
   padding-bottom:8px;
   position:relative;
   clear:both;
   float:none;
	line-height: 145%;
}

.slogan {
	font: normal ;
	color: #009f47;
}

/**********MENU INTERNO****************/
#lateral{
	width:305px;
	font-size:12px;
	clear:both;
	margin: 0 auto;
	padding:0;
	position:relative;
}
#lateral ul{
	padding: 0px; 
	margin:0 auto;
	list-style: none;
	list-style-image:none;
	list-style-type:none;
}

#lateral li{
	list-style:none;
	text-align:center;
	list-style-type:none;
}

#lateral li.especial{
	height:22px;
	list-style:none;
	text-align:center;
	padding-top:10px;
}


#lateral li.especial:hover{
	height:22px;
	list-style:none;
	text-align:center;
	background:url(../styleImages/over_Menu_k2.png) no-repeat top left;
	
}

#lateral li.especialActivado{
	height:22px;
	padding-top:10px;
	list-style:none;
	text-align:center;
	background:url(../styleImages/over_Menu_k2.png) no-repeat top left;
	color: #5f3c3d;	
}

#lateral a{
	color: #5f3c3d;
	text-decoration: none;
	text-transform:uppercase;

}

 
#lateral  a:hover{
	color: #5f3c3d;
	text-decoration:none;
}

#lateral  a.menuActivado{
	color: #5f3c3d;
	text-decoration:none;
}


/****************end MENU***************/



#contenedorMedioDerecha
{   margin: 0;
	width:140px;
	float:right;
	text-align:left;
	padding-top:1em;
	padding-right:1em;
	padding-bottom:0.5em;
	position:relative;
}



#contenedorMedioIzquierda
{   margin: 0 auto;
	width:605px;
	float:left;
	text-align:left;
	padding-top:1em;
	padding-left:10px;
	margin-right:10px;
	position:relative;

}

#contenedorMedioCompleto
{   margin: 0 auto;
	width:100%px;
	float:left;
	text-align:left;
	padding-top:1em;
	padding-left:10px;
	margin-right:10px;
	position:relative;

}



.titulosMedio {
	font-size:13px;
	padding-top:8px;
	padding-left:8px;
	font-weight:bold;
	color:#46360e;
 
}

.tituloMedioAzul {
	color:#174e73;
	font-size:12px;
	padding-top:0px;
	padding-left:0px;
	font-weight:bold;
}


a.vermas {
	color: #BB0000;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

a.vermas:hover{
	color: #666666;
	text-decoration:none;
}



.secciones {
   margin: 0 auto;
   width:600px;
   font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#606060;
   padding-top:0.5em;
   padding-bottom:0.5em;
   clear:both;
   float:none;
}


h2 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color:#76995a;
	text-transform:uppercase;
	
	
	padding-bottom:5px;
	margin:0;
}

h3 {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color:#76995a;
	padding-top: 5px;
	padding-bottom:2px;
	margin:0;
}

h4 {
	font: normal 15px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#222222;
	margin:0;
	padding-left:0;
	padding-top:0.4em;
	padding-bottom:0.1em;
}

.seccionConTexto {
	width: 96%;
	margin: 0 auto;
	padding-top:0.2em;
	padding-right:0.2em;
	position:relative;
}

 .seccionConImagenTexto {
	width: 358px;
	margin:0 auto 0 auto;
	height:auto;
	padding-left:5em;
	padding-right:0em;
	padding-top:0 em;
	float:right;
	position:relative;
}

 .sangriaIzq {
	padding-left:0.2em;
	padding-right:0.2em;
	line-height:145%;
}

 .addition {
	padding-top:30px;

}


 .seccionConImagenLaImagenes {
	width:45%;
	margin:0 auto;
	float:left;
	position:relative;
	padding-bottom:3px;
}


 .seccionSencilla {
	width: 90%;
	margin:0 auto 0 auto;

	height:auto;

	
	float:none;
	position:relative;
}

 .seccionMenuContainer {
	width: 775px;
	margin:0 auto 0 auto;

	height:auto;
	padding-left:0em;
	padding-right:0em;
	
	float:right;
	position:relative;
}

 .seccionMenuTexto {
	width: 525px;
	margin:0 auto 0 auto;
	height:auto;
	padding-left:35px;
	padding-right:30px;
	padding-top:0 em;
	line-height: 145%;
	border-left: 1px solid #ccc9c9 ;
	float:right;
	position:relative;
}

 .space {
	padding-top:25px;
}

 .space_small {
	padding-top:15px;
}
 .seccionMenuMenu {
	width:160px;
	margin:0 auto;
	font: normal 13px Arial, sans-serif;
	float:left;
	position:relative;
	padding-top: 40px;
	padding-left: 0px;
	padding-bottom:0px;
}

.seccionMenuMenu ul{
	padding: 0px; 	
	margin:0 auto;
	list-style: none;
	list-style-image:none;
	list-style-type:none;
}

.seccionMenuMenu li{
	list-style:none;
	padding-bottom: 8px;
	text-align:left;
	list-style-type:none;
}

.seccionMenuMenu a{
	color: #76995a;
	text-decoration: none;
	text-transform:uppercase;

}

 
.seccionMenuMenu  a:hover{
	color: #76995a;
	text-decoration:none;

}

.red{
	color: #805051;
}





#contenedorBottom {
   width: 860px;
   height:165px;
   margin-bottom:10px;
   background-color:#ffffff;
   margin: 0 auto;
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#999999;
   float: none;
   clear:both;
   position:relative;

}

#contenedorBottom  a {
	color:#999999;
	text-decoration:none;
}

#contenedorBottom  a:hover{
	color: #add080;
	text-decoration:none;
}


#contenedorBottom .derechosReservados {
  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#999999;
   text-align:left;
   width:375px;
   margin-left:18px;
   float:left;

}

#contenedorBottom .derechosReservadosDerecha {
  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#999999;
   text-align:right;
   padding-right:19px;
   width:480;
   float:right;

}

#contenedorBottom .imagenBottom {
	float:none;
	clear:both;
	margin-left:18px;
	padding:0;
}

#contenedorBottom .textoDerechos {
	float:none;
	clear:both;
	padding:0;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
	text-align:left;
	width:350px;
	font-size:10px;
	margin-right:10px;
}

#contenedorBottom .derechosPanamaCOM{
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#999999;
   text-align:right;
   width:40%;
}

#contenedorBottom .linkBottom {
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
  margin:0 auto;
  margin-top:5px;
  margin-left:55px;
  margin-bottom:15px;
  width:90%;
  clear:both;
  float:none;

}

#contenedorBottom  .linkBottom ul {
	list-style-type:none;	
	margin: 0;
	padding: 0;
	text-align:center;
}

#contenedorBottom .linkBottom li {
	padding-left:4px;
	padding-right:4px;
    float:left;
}

#contenedorBottom .linkBottom a {
	color:#add080;
	text-decoration:none;
}

#contenedorBottom .linkBottom a:hover{
	color:#add080;
	text-decoration:none;
}

#contenedorBottom .linkBottom a.bottomActivado{
	color:#156551;
	text-decoration:none;
	font-weight:bold;
}


/****************  Seccion de Productos  ************/

.contenedorProductoA {
	width:45%;
	margin:0 auto;
	float:left;
	position:relative;
	padding-top:20px;
	margin-left:2em;
	padding-bottom:3px;
}

.nombreProducto {
	margin:0 auto;
	position:relative;
  font: bold 13px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#5f3c3d;
	padding-bottom:5px;
	text-align:center;
}

.imagenProducto {
	margin:0 auto;
	padding-top:4px;
	padding-bottom:5px;
	text-align:center;
}

.detalleProducto {
	margin:0 auto;
	position:relative;
  font: normal 12px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#5f3c3d;
  margin-left:6px;
	padding-bottom:2px;
	text-align:left;
	line-height:135%;
}

.Opcioncomprar {
	margin:0 auto;
	position:relative;
  font: bold 11px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#989e60;
  margin-left:6px;
	padding-bottom:5px;
	text-align:right;
	
}

a.OpcioncomprarProducto {
  font: bold 11px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#989e60;
  text-decoration:none;
}

a.OpcioncomprarProducto:hover {
  font: bold 11px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#5f3c3d;
  text-decoration:underline;
}

/****************  Seccion de Shop  ************/

.unaLineaProducto {
   width:96%;
   margin: 0 auto;
   padding:0;
   margin-top:5px;
   padding-bottom:5px;
   position:relative;
   clear:both;
   float:none;
}

.contenedorProductoParaComprar {
	width:98%;
	margin:0 auto;
	float:none;
	clear:both;
	position:relative;
	padding-top:1em;
	padding-bottom:0.5em;
}

.nombreProductoAComprar {
	margin:0 auto;
	width:20%;
	float:left;
	position:relative;
  	font: bold 13px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  	color:#5f3c3d;
	text-align:center;
	margin-right:2px;
	margin-top:15px;
}

.imagenProductoComprar {
	margin:0 auto;
	width:215px;
	float:left;
	position:relative;
	text-align:center;
	margin-right:3px;
}

.detalleProductoAComprar {
	margin:0 auto;
	position:relative;
	width:27%;
  font: normal 12px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#5f3c3d;
  	float:left;
	padding-bottom:2px;
	margin-right:3px;
	text-align:left;
	line-height:135%;
}

.restaltarProductoNombre {
  font: bold 12px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#5f3c3d;
}


.precioGr {
  font: normal 23px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#5f3c3d;
   text-align:center;
}

.ordenarProducto {
	margin:0 auto;
	position:relative;
	width:22%;
  font: normal 12px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#5f3c3d;
  	float:left;
	text-align:center;
	line-height:135%;
}





#wrapper
	{
	overflow: hidden;
	}

/* easy clearing */
#wrapper:after
	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */


.png,
img{
	behavior: expression(	
		(
		this.origBg = this.origBg? 
			this.origBg 
			: 
			this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','')
		),	
		this.behaviorSet == undefined?
		(
				this.origBg.match(/.png$/) == null?
				(this.nodeName == "IMG" && this.src.match(/.png$/))?
				(
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
					this.src = "images/transparent.gif"
				)
				:
				null
			:
				this.origBg.match(/.png$/)?
				(this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + ((this.currentStyle.backgroundRepeat == "no-repeat")? "crop" : "scale") + "')",
				this.style.background = 'none'):null
		)
		:
		null
		,
		this.style.behavior='none', 
		this.runtimeStyle.behavior='none',
		this.behaviorSet = true
	);
}

/*Opcion del shippin*/
.contenedor_shipping
{
  width:650px;
  border:1px solid #336699;
}
.div_left_contenedor_shipping
{
 width:200px;
 margin:5px;
 float:left;
}
.div_right_contenedor_shipping
{
 width:400px;
 margin:5px;
 float:left;
}
.div_clear_shipping
{
  clear:both;
  width:650px;
  height:1px;
}

div.latestProds {
	text-align: center;
	width: 150px;
	float: left;
	overflow: hidden;
}
.boxContent {
	border: none;
	padding: 3px;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 0px;
	position: inherit
}

.txtcartProgressCurrent {
	text-decoration: underline;
}