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


* { 

	margin: 0;
	padding: 0;
}


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

ol
{
	padding-top:6px;
	padding-bottom:6px;
	margin-left: 30px;
	line-height:135%;
	
}

p {
	padding-top:6px;
	padding-bottom:6px;
	line-height:135%;
	
}

h1 {
	font: normal 20px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	color:#0e0e85;
	padding-top:2px;
	padding-bottom:2px;
}

h2 {
	font: normal 16px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#00ade9;
	margin:0;
	padding-bottom:0.3em;
}

h3 {
	font: normal 14px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#00ade9;
	margin:0;
	padding-bottom:0.3em;
	padding-top:0.5em;
}

a { text-decoration: underline;
	color: #0e0e85;

}

a:hover {
	text-decoration:underline;
	color:#014c98;
}

.fondoPrincipal { 
	margin-top:3px;
	width:1000px;
	text-align:left;
	background-image:url(../images_sitio/contenedorMiddle.jpg);
	background-repeat: repeat-y;
}



.fondoPrincippalTop {
	background-image:url(../images_sitio/ContenedorTop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
	
.fondoPrincipalBottom {
	background-image:url(../images_sitio/ContenedorBottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 6px 6px 6px 4px;
}


#contenedorGeneral {
	width:1000px;
	margin:0 auto;
	clear:both;
	float:none;
	overflow:hidden;
}


#contenedorTop {
   margin: 0 auto;
   float: none;
   width:1000px;
   height:160px;
   background:url(../images_sitio/bgTop.jpg) no-repeat top center;
   clear:both;
   
}


#contenedorTop .logo  {
   margin: 0 auto;
   float:left;
   margin-top:5px;
   padding-left:40px;
   height:76px;
   position:relative;
}


#contenedorTop .rightTop  {
   margin: 0 auto;
   width:300px;
   height:76px;
   float:right;
   position:relative;
}

.franjaAzul{
   margin: 0 auto;
   float: none;
   width:97%;
   height:10px;
   background-color:#0063be;
   clear:both;
   position:relative;
}

#menu {  
	margin: 0 auto;   
	padding: 0;  
	width: 200px;
	margin-top:20px;
	margin-left:175px;
	position:relative;
	height:50px;
	clear:both;
	float:none;
 }   


#menu ul {
	list-style-type:none;	
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase; 
	color: #515c90;
}

#menu li {
   float: left;
   padding-left:0px;
   padding-right:0px;
}

#menu a {  
	display: block;  
	margin: 0px 0px;  
	text-decoration: none;  
	text-align: center;  
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase; 
	color: #515c90;
   width:65px;
 }
   
#menu a:hover {   
    color: #ff8400;
	text-decoration:underline; } 
	
#menu a.activado {   
    color: #ff8400;
	text-decoration:none; } 

#contenedorMenu2 {
   margin: 0 auto;
   width:1000px;
   height:15px;
   font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   text-align:center;
   position:relative;
   margin-left:20px;
   clear:both;
   float:none;
	z-index:1;
}

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

#contenedorMenu2 li {
   float: left;
   padding-left:10px;
   padding-right:10px;
}

#contenedorMenu2 a {  
	display: block;  
	margin: 0px 0px;
	padding-top:0px; 
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	color: #0e0e85; }
   
#contenedorMenu2 a:hover {   
	display: block;  
	margin: 0px 0px;
	padding-top:0px;   
  text-decoration: none;  
  text-align: center; 
    color: #3d858b; } 


#contenedorMenuTop {
   margin: 0 auto;
   width:1000px;
   height:45px;
   font: normal 10px Verdana, Arial, Helvetica, Tahoma, sans-serif;
   text-align:center;
   position:relative;
   margin-left:20px;
   clear:both;
   float:none;
	z-index:1;
}

#menuTop {  
	margin: 0 auto;   
	padding: 0;  
	width:1000px;
	list-style-type: none; }   


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

#menuTop li {
   float: left;
   padding-left:0px;
   padding-right:1px;
}

#menuTop a {  
	display: block;  
	margin: 0px 0px;
	padding-top:0px; 
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	color: #fff; }
   
#menuTop a:hover {   
	display: block;  
	margin: 0px 0px;
	padding-top:0px;   
  text-decoration: none;  
  text-align: center; 
    color: #3d858b; } 
	
#menuTop a.inicio {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:73px;
	background:url(../images_sitio/inicio.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.inicio:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:73px;
	background:url(../images_sitio/inicio-o.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }

#menuTop a.nosotros {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:108px;
	background:url(../images_sitio/nosotros.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.nosotros:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:108px;
	background:url(../images_sitio/nosotros-o.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }



#menuTop a.marcas {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:88px;
	background:url(../images_sitio/marcas.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.marcas:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:88px;
	background:url(../images_sitio/marcas-o.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }


#menuTop a.tips {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:57px;
	background:url(../images_sitio/tips.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.tips:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:57px;
	background:url(../images_sitio/tips-o.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }


#menuTop a.noticias {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:102px;
	background:url(../images_sitio/noticias.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.noticias:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:102px;
	background:url(../images_sitio/noticias-o.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }

#menuTop a.productos {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:125px;
	background:url(../images_sitio/productos.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.productos:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:125px;
	background:url(../images_sitio/productos-o.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }

#menuTop a.canal {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:203px;
	background:url(../images_sitio/canal.jpg) left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.canal:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:203px;
	background:url(../images_sitio/canal2-o.jpg) left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }


#menuTop a.contacto {  
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:116px;
	background:url(../images_sitio/contacto.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	text-transform:uppercase;
	color: #fff; }
   
#menuTop a.contacto:hover {   
	display: block;  
	margin: 0px 0px;  
	height:35px;
	padding-top:10px;
	width:116px;
	background:url(../images_sitio/contacto-o.jpg) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #fff; }


#contenedorMedio {
   width: 1000px;
   margin: 0 auto;
   position:relative;
   overflow:hidden;
   background:url(../images_sitio/contenidoBg.jpg) no-repeat top center;
   margin-top:4px;
   clear:both;
}

#contenedorMedioSecciones
{   margin: 0 auto;
	width:945px;
	float:none;
	text-align:left;
	margin-left:25px;
	padding-top:0.1em;
	margin-right:10px;

	
}

#franjaLogos {

	background:url(../images_sitio/franjaBottom.jpg) no-repeat bottom center;
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	
}


#franjaLogos ul {
	list-style-type:none;	
	margin-left: 15px;
	padding: 0;
}


#franjaLogos li {
   float: left;
   padding-left:18px;
   padding-right:18px;
}



.franjaContenido {

	width:1000px;
	margin:0 auto;
	clear:both;
	margin-top:25px;
	overflow:hidden;
}

.franjaContenido  ul{
	margin-left:30px;
	list-style-type: disc;
	line-height:125%;
}

.internalmenu  ul{
	margin-left:60px;
	list-style-image: url(../images_sitio/icon_internal.png);
	line-height:125%;
	margin-bottom:10px;
}


#contenedorMedio .imagenBody  {
   margin: 0 auto;
   float:none;
   clear:both;
   padding-top:0.2em;
   text-align:center;
}

#contenedorDerecha{
	margin-left: 0.2em;
	width:200px;
	margin-top:0.8em;
	float:left;
}

#contenedorDerecha .fondoConTitulo{
	margin-left: 1.5em;
	background:url(../images_sitio/fondoTitulo.png) no-repeat;
	width:267px;
	height:42px;
	color:#0e0e85;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:15px;
	padding-left:0px;
	padding-top:30px;

}

#contenedorDerecha .textoCompletoDerecha{
	width:260px;
	margin:0 auto;
	margin-top:0px;
	margin-left:25px;
	padding-bottom:1px;
	float:none;
	clear:both;
	position:relative;
}

#contenedorDerecha  .descripcionTextoNovedades{
	width:240px;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:5px;
	color:#8f8f8f;
	font-size:12px;
	float:none;
	clear:both;
	position:relative;
}


#contenedorDerecha .eventos{
  width: 165px;
    margin:0 auto;
  margin-bottom:1em;
  float:left;
  background:#d9e8f5; 
  padding:7px;
}

#contenedorDerecha .columnaTituloEventos{
  clear:both;
  float:none;
  margin:0 auto;
  color:#0063be;
   font: bold 12px Arial, Verdana, Helvetica, Tahoma, sans-serif;
   padding-bottom:2px;
}

#contenedorDerecha .lineaeventos{
  width:99%;
    margin:0 auto;
   background-color:#0063be;
  clear:both;
  float:none;
  height:1px;
  margin-bottom:5px;
}

#contenedorDerecha .imagenEventos{
  width:99%;
    margin:0 auto;
	margin-top:3px;
	text-align:center;
  clear:both;
  float:none;

}

#contenedorDerecha .textoEventos{
  width:96%;
    margin:0 auto;
	margin-top:3px;
	text-align:left;
	color:#093b69;
   font: bold 13px Arial, Verdana, Helvetica, Tahoma, sans-serif;
  clear:both;
  float:none;

}


a.verMasNoticias {  
	text-decoration: none;  
	text-align: right;  
	font-size: 10px;
	font-weight:bold;
	color: #ff8400; }
   
a.verMasNoticias:hover {   
  text-decoration: none;  
  text-align: right; 
    color: #014c98; } 
	
#contenedorDerecha .promos{
  width: 160px;
    margin:0 auto;
  margin-bottom:1em;
  float: left;
  padding:2px;
  margin-left:4px;
}

#contenedorDerecha .columnaTituloPromo{
  clear:both;
  float:none;
  margin:0 auto;
  color:#0063be;
   font: bold 12px Arial, Verdana, Helvetica, Tahoma, sans-serif;
   padding-bottom:2px;
}

#contenedorDerecha .lineaPromo{
  width:99%;
    margin:0 auto;
   background-color:#0063be;
  clear:both;
  float:none;
  height:1px;
  margin-bottom:5px;
}

#contenedorDerecha .imagenPromo{
    margin:0 auto;
  clear:both;
  float:none;
  margin-bottom:10px;
  margin-top:8px;
  text-align:center;
}

#contenedorDerecha .columnaFondo{
  width:354px;
  clear:both;
  background:url(../images_sitio/bg_left.gif) repeat-x #f8e8f2;
  margin:0 auto;
   float:none;
}


#contenedorDerecha .contenidoLateral{
	padding-top:0.5em;
	padding-bottom:0.4em;
	padding-left:1.3em;
	padding-right:0.3em;
	color:#666666;
	font-size:11px;
	line-height:115%;
	clear:both;
}
#contenedorDerecha .masInfo{
	padding-top:0.1em;
	padding-bottom:0.4em;
	padding-left:1.3em;
	margin-right:0.8em;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	clear:both;
}


#contenedorMedioIzquierda
{   margin: 0 auto;
	width:660px;
	float:right;
	text-align:left;
	margin-left:0.8em;
	padding-top:0.1em;
	margin-right:0.5em;
	float:left;
}

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

#contenedorMedioIzquierda .seccionesFondo {
   margin: 0 auto;
   width:660px;
   height:165px;
   font: normal 12px Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#3e3e3e;
   *background:url(../images_sitio/bgTexto2.jpg) left center no-repeat;
   overflow:hidden;
   clear:both;
   float:none;
}



.productosDestacadoshome{
	margin:0 auto;
	width:630px;
   font: normal 12px Verdana, Arial, Helvetica, Tahoma, sans-serif;
   text-align: left;
   clear:both;
   float:none;
}

.contenidoDestacados {
	background:url(../images_sitio/productosBg2.png) repeat-y;
	overflow:hidden;
}

#columnaProductos {
	width:45%;
	float:left;
	margin:0 auto;
	padding-left:5px;
}

#columnaProductos .imagenProductos {
text-align:center;
height:150px;
width:100%;
}

#columnaProductos .TextoProductos {
	width:270px;
	margin:0 auto;
	margin-left:15px;
	color:#364880;
}



.resaltarAzul{
	font: normal 13px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#014c98;
}

.franjaTitulo {
	font: normal 20px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	color:#0e0e85;
	margin-left:20px;
	margin-top:15px;
}

.franjaTituloNaranaja {
	font: normal 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	color:#0e0e85;
	text-transform:uppercase;
	margin-left:150px;
	margin-top:12px;
	margin:0 auto;
	width:36%;
}

.franjaSubtitulo {
	color:#a5a3a3;
	font: normal 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
}


.resaltarCeleste {
	color:#00ade9;
	font: normal 13px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
}


a.linkProductos {
	color:#0e0e85;
	display:block;
	height:28px;
	font: normal 9px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	background:url(../images_sitio/link.jpg) right center no-repeat;
	text-transform:uppercase;
	padding-left:12px;
	padding-top:15px;
	margin-left:130px;
}

.resaltarProductos {
	color:#00ade9;
	font: normal 16px Verdana, Arial, Helvetica, Tahoma sans-serif;
	text-transform:uppercase;
	margin-left:325px;
	padding-bottom:2px;
}


.franjaTitulo2 {
	font: normal 24px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	color:#0063be;
	text-align:right;
}

.contenidoTexto {
	color:#8f8f8f;
	font: normal 13px Arial, Verdana, Helvetica, Tahoma sans-serif;
	line-height:115%;
	padding-top:0px;
	padding-bottom:5px;
	margin-left:20px;
}

#contenedorMedioIzquierda .seccionConTexto {
	width: 100%;
	margin: 0 auto;
	padding-top:0.5em;
	padding-right:0.1em;
	position:relative;
	clear:both;
	float:none;
}


#contenedorMedioIzquierda .seccionConTextoSubtitulo {
	width: 94%;
	margin: 0 auto;
	padding-top:0.5em;
	padding-right:0.1em;
	position:relative;
	clear:both;
	float:none;
}

#contenedorMedioIzquierda .imagenTitulo {
	margin: 0 ;
	padding-top:0.1em;
	clear:both;
	float:none;
}

#contenedorMedioIzquierda .SubtituloconImagen {
	margin: 0;
	width:95%;
	float:none;
	clear:both;
	padding-bottom:0.5em;
}

#contenedorMedioIzquierda .imagenSubtituloconImagen {
	margin: 0 ;
	float:left;
	padding-left:3em;
	padding-top:7em;
}

#contenedorMedioIzquierda .subtituloLaImagen {
	margin: 0 ;
	float:right;
	padding-left:1em;
}

#contenedorMedioIzquierda .seccionConImagenTexto {
	width: 60%;
	margin:0;
	padding-left:0.5em;
	padding-top:0.2em;
	padding-right:1em;
	float:left;
	position:relative;
}

#contenedorMedioIzquierda .sangriaIzq {
	padding-left:0.1em;
	padding-right:0.1em;
	line-height:145%;
}


#contenedorMedioIzquierda .seccionConImagenLaimages_sitio {
	width: 25%;
	margin:15px;
	float:left;
}




#contenedorBottom {
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
  	width:1000px;
	margin:0 auto;
	color:#FFFFFF;
	background:url(../images_sitio/bgBottom.jpg) repeat-x;
	padding-top:5px;
	padding-bottom:6px;
	margin-top:1.5em;
	margin-bottom:1em;
	text-align:center;
	overflow:hidden;
}


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

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

#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
	);
}

.contenedor_categorias
{
  width:230px;
  float:left;
  margin:0 5px;
}
.contendedor_productos_catalogo
{
  width:750px;
  float:left;
  margin:0 auto;
}