/* CSS Document */


body, td, th{
font-family:"Trebuchet MS", Verdana;
font-size:12px;
}
body{
margin:0px;
background-image:url(../images/bgImg.jpg);
background-position:center;
background-repeat:repeat-y;
/*
background-color:#4EBCD7;
background-image:url(../images/bg.jpg);
*/
background-color:#E9E9E9;
}
/*  Estilos de etiquetas generales   */
h1, h2, h3{
color:#AFB8C7;
margin:0px;
font-family:"Century Gothic", "Trebuchet MS", Verdana;
text-transform:uppercase;
}
h1{
font-size:160%;
}
h2{
font-size:140%;
}
h3{
font-size:120%;
}
form{margin:0; padding:0;}
input, textarea, select{
font-family:"Arial Narrow", "Trebuchet MS", Tahoma;
font-size:14px;
color:#000000;	
}
a{
color:#2FADD5;
text-decoration:none;
font-weight:bold;
}
a:hover{
color:#1E7491;
text-decoration:none;
}

.celda{
padding:3px;
border-bottom:1px solid #eee;
}

/*    Estilos de posicionnamiento   */
#global{
width:780px;
margin:auto;
background-color:#fff;
padding:0px;


}
#topglobal{
width:100%;
background-color:#4EBCD7;
height:100px;
}

#topnav{
float:right;
clear:both;
width:300px;
text-align:right;
color:#15556A;
font-weight:bold;

}
#logo{
float:left;
width:250px;
padding:10px 0px 0px 5px;
height:70px;
}
#menu{
/*float:right;*/
clear:both;
width:100%;
height:20px;
text-align:right;
background-color:#4EBCD7;
padding:4px 0px 0px 0px;
margin-top:4px;
border-bottom:8px solid #00CCCC;
}


/******** Estilos de la promoo *************/

#promo{
clear:both;
width:760px;
margin-top:10px;
margin:auto;
padding:20px 0px 20px 0px;
text-align:center;
}
#promoRel{
float:left;
text-align:right;
width:350px;
margin-top:10px;
margin:auto;
padding:20px 10px 20px 0px;
}

#contenido{
clear:both;
width:770px;
padding:4px 4px 10px 4px;
min-height:200px;
margin:8px 0px 0px 0px;
}

/* *************** means estilos ************** */

#means{
width:32%;
float:left;
padding:0px 4px 0px 10px;
}

#means ul{ padding:0; margin:0; list-style:none;}
#means li{ border-bottom:1px solid #fff; padding: 2px 0px 2px 0px;}
#means ul a{ 
display:block;
padding:1px 0px 1px 2px; 
text-decoration:none;
}
#means ul a:hover{ 
padding:1px 0px 1px 2px; 
background-color:#eee;
}



#marketvenues{
float:left;
width:20%;
/*border:1px solid #ddd;*/
padding:0px 4px 0px 22px;
}
#retailers{
width:38%;
float:right;
padding:0px 10px 0px 0px;
}



/***** estilos para el pie****/

#pie{
clear:both;
color:#64A5B0;
width:770px;
border-top:4px solid #eee;
margin-top:10px;
padding:10px 0px 0px 5px;
min-height:40px;
background-color:#fff;
}
#pielink{
float:left;
width:500px;
}

#powerby{
float:right;
width:200px;
text-align:right;
color:#394D5B;
}


/* estilos propios de cada area en la que estan los elementos */

/*   menus global  */
#menu a:link, #menu a:visited {
font-family:"Century Gothic", "Trebuchet MS", Verdana;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:12px;
padding:0px 12px 0px 0px;		
}
#menu a:hover, .menuover{
font-family:"Century Gothic", "Trebuchet MS", Verdana;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:12px;
padding:0px 12px 0px 0px;		
border-bottom:10px solid #99CC00;
}


/* para desplegar los productos imagenes y listados **/

.imageModel{
margin:2px;
padding:2px;
border:2px solid #eee;
}

#retailers ul{margin:0px; padding:0px; list-style:none;}
#retailers li{border-bottom:1px solid #eee;}
#retailers li a{
display:block;
text-decoration:none;
}
#retailers li a:hover{
background-color:#eee;
color:#FF6600;
}
#retailers li img{
padding:2px 4px 2px 0px;
}
.colored{
color:#FF9900;
}
#whereiam{
clear:both;
width:100%;
height:20px;
padding:14px 0px 0px 10px;
}
#zoom{
clear:left;
width:50%;
padding:2px 0px 0px 0px;
}

.prodimages{ border:2px solid #eee; padding:4px; }
.fontColorA{
color:#99CC00;
}
.fontColorB{
color:#0066D6;
}
#table td{
border-bottom:1px solid #eee;
padding:2px 0px 2px 0px;
}