/***************************************** CONTENEDORES PRINCIPALES*/

#principal		{
	margin:5px auto 0px auto;
	padding:0px;
	width:765px;
	min-height:500px;
	height:auto !IMPORTANT;
	height:500px;
	}

#languaje			{
	padding:0px;
	clear:both;
	margin:5px auto;
	text-align:right;
	padding-right:10px;
	}

#header			{
	margin:auto;
	padding:0px;
	width:765px;
	height:147px;
	background-image:url(../img/grounds/header.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}

#header_in			{
	margin:auto;
	padding:0px;
	width:765px;
	height:147px;
	background-image:url(../img/grounds/header_in.jpg);
	background-position:right top;
	}

#main			{
	margin:auto;
	padding:0px 0px 0px 10px;
	width:755px;
	height:316px;
	background-image:url(../img/grounds/main2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}

#main2			{
	margin:0px;
	padding:0px;
	width:756px;
	min-height:255px;
	height:auto !IMPORTANT;
	height:255px;
        color:inherit;
	background-color:#F7F7F7;
	background-image:url(../img/grounds/products_back.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	border-left:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
	border-bottom:1px solid #B6B6B6;
	}

/*tengo que anidar un container para que los fondos puedan fluir...*/



#in_main2 		{
	clear:both;
	margin:0px;
	/*padding:15px 0px 0px 8px;*/
        padding:15px 0px 0px 0px;
	width:748px;
	min-height:380px;
	height:auto !IMPORTANT;
	height:380px;
	background-image:url(../img/grounds/products_back2.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

#footer			{
	margin:0px;
	padding:10px 0px 0px 0px;
	color:#B6B6B6;
        background-color:inherit;
	height:27px;
	width:765px;
	margin:auto;
	text-align:center;
	}

/***************************************** CONTENEDORES ANIDADOS....*/

/*para el header*/

#logo			{
	margin:0px;
	padding:10px 0px 0px 10px;
	width:198px;
	height:52px;
	float:left;
	}

#login			{
	margin:0px;
	padding:32px 22px 8px 10px;
	float:right;
	width:178px;
	height:77px;
	clear:right;
	}

/* el menu*/

#menu_panel			{

        width:620px;
	height:20px;
	float:left;
/*	margin:62px 0px 0px 1px !IMPORTANT;
	margin:60px 0px 0px 1px;*/
        margin:7px 0 0 1px;
	font-size:1em;
	}

#menu			{
	width:544px;
/*    width:550px;*/
	height:20px;
	float:left;
	margin:62px 0px 0px 1px !IMPORTANT;
	margin:60px 0px 0px 1px;
	font-size:1em;
	}

/*para la columna de ventajas*/

#header_advantages{
	width:212px;
	height:14px;
	float:left;
	text-align:center;
	margin:10px 0px 0px 0px !IMPORTANT;
	margin:0px 0px 0px 0px;
	}

#advantages		{
	width:193px;
	height:280px;
	float:right;
	text-align:center;
	margin:10px 17px 0px 0px !IMPORTANT;
	margin:10px 7px 0px 0px;
	}

/*la capa que genera las columnas en el main*/

.col_home		{
	float:left;
	width:155px;
	height:178px;
	margin:30px 0px 0px 0px;
	padding:5px 10px 50px 10px;
	}

/*para los products*/

#header_products{
	height:22px;
	margin:2px 0px 0px 0px;
	padding:0px;
	width:544px;
	text-align:center;
	float:left;
	}

/*como cada container es de un color tengo que hacer 3 :(  */

.cont_product		{
	/* background-image:url(img/grounds/gr_products.jpg); */
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#FFF;
        color:inherit;
	width:505px;
        min-height:160px;
        height:auto !IMPORTANT;
	height:160px;
	padding:10px 10px 10px 5px;
	border:1px solid #D4D3D3;
        margin-bottom:10px;
        margin-left:8px;
	}

.img_prod 		{
	float:left;
	width:150px;
	height:110px;
	text-align:left;
        padding:0;margin:0;
	}

.desc_prod		{
	float:left;
	width:235px;
	min-height:120px;
        height:auto !IMPORTANT;
	height:120px;
	padding:5px 8px;
	margin:0px 0px 0px 0px;
	border-left:1px solid #D4D3D3;
	border-right:1px solid #D4D3D3;
	}

.thumbsite 		{
	width:95px;
	height:142px;
	float:right;
        padding-top:20px;
	}

#header_become{
	height:22px;
	margin:2px 0px 0px 0px;
	padding:0px;
	width:525px;
	
	float:left;
	}

#become {
        background-image:url(../img/grounds/fondo_become.gif);
	background-position:right top;
	background-repeat:no-repeat;
        background-color:inherit;
        float:left;
        padding:0px 9px 9px 9px;
        width:525px;
        color:#FFFFFF;
}

#become strong {font-weight:bold;color:#FFFFFF;background-color:inherit;}

.commissions	{
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px 5px;
	color:#504D4D;
	border:1px solid #D4D0C8;
	background-color:#FFFFFF;
	}

.price_prod		{
	border:1px solid #D4D0C8;
	margin-top:10px;
	/*height:45px;*/
	background-color:#F5FFEA;
        color:inherit;
        padding:0;
        /*width:235px;*/
        float: left;
	}

.price_prod_vip   {
    /*margin:0; padding:0;*/
    background:url(../img/grounds/fondo_become2.gif) repeat-x top left;
    float:left;/*width:100%;*/
    
}

.price_prod_vip comm  { 
    color:#FFFFFF;
    background-color:inherit;
}

.bttn_prod 		{
	width:80px;
	height:25px;
	margin:10px auto 0px auto;
	text-align:center;
	}

/*para los autoapoyos*/

#header_publi	{
	height:22px;
	margin:2px 0px 0px 0px;
	padding:0px;
	width:212px;
	text-align:center;
	float:right;
	}

#publi			{

	height:350px;
	/*margin:0px 13px 0px 0px !IMPORTANT;
	margin:0px 3px 0px 0px;*/ margin:0;
	padding:0px;
	width:195px;
	text-align:center;
	float:right;
	}

#as_seen		{
	width:197px;
	height:256px;
        margin-top:9px;
	}

#contact_phones		{
	width:197px;
	height:161px;
        margin-top:8px;
        background-image:url(../img/grounds/contact_us.jpg);
	background-position:left top;
	background-repeat:no-repeat;
        padding:0px 0px 0px 8px !IMPORTANT;
	padding:0px 0px 0px 0px;
	}

#head_contact		{
	font-weight:bold;
	font-size:1.5em;
	color:#613504;
        background-color:inherit;
	height:30px;
	text-align:left;
	padding:5px 2px 0px 0px !IMPORTANT;
	padding:5px 2px 0px 10px;
	}

#in_contact		{
	width:177px;
	height:120px;               
	overflow:auto;	
        padding:0px;
	margin:0px;
	text-align:left;
	color:#000000;
        background-color:inherit;
	}

#in_contact ul {
        margin:0px;
	padding:0px;
	height:15px;
	/*white-space:nowrap;*/
}

#in_contact li {
        margin:0;
        padding:10px 0px 0px 0px;
        list-style-type:none;
}

#in_contact li.li_small {
        font-size: 9px;
        padding:2px 0px 0px 0px;
}

#in_contact li.li_center {
        text-align:center;
}


#in_contact li img {
        margin:0px 7px 0px 0px;
        vertical-align:middle;
}

#news			{
	width:197px;
	height:191px;
	background-image:url(../img/grounds/fresh_news.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:-10px;
	padding:5px 0px 0px 8px !IMPORTANT;
	padding:5px 0px 0px 0px;
	}

#head_news		{
	font-weight:bold;
	font-size:1.5em;
	color:#613504;
        background-color:inherit;
	height:30px;
	text-align:left;
	padding:0px 2px 0px 0px !IMPORTANT;
	padding:0px 2px 0px 10px;
	}

#in_news		{
	width:177px;
	height:130px;
	overflow:auto;
	padding:0px;
	margin:0px;
	text-align:left;
	color:#000000;
        background-color:inherit;
	}

#credits		{
	margin:0px 6px 0px 0px;
	padding:0px;
	width:190px;
	height:15px;
	text-align:center;
	}

#contact_country_phones {
    background:         url(/img/grounds/planisferio.gif) no-repeat right;
}

/***************************************** NIVEL 2 !....*/

.guru {
      padding:10px;
      font-weight:bold;
      font-size:1.1em;
	  border:1px solid #6B738A;
	  min-height:100px;
	  height:auto !IMPORTANT;
	  height:100px;
	  margin:10px auto;
          color:inherit;
	  background-color:#F2F2F2;
	  }

#main_level2	{
	margin:auto;
	padding:0px;
	width:765px;
	min-height:168px;
	height:auto !IMPORTANT;
	height:168px;
	background-image:url(../img/grounds/gr_main_nivel2.gif);
	background-position:right top;
	background-repeat:no-repeat;
	}

#in_main_level2	{
	margin:0px;
	padding:0px;
	width:756px;
	min-height:100px;
	height:auto !IMPORTANT;
	height:100px;
	background-image:url(../img/grounds/gr_main_nivel2_2.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-left:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
	border-bottom:1px solid #B6B6B6;
	}

#path		{
	margin:0px 0px 0px 0px;
	padding:7px 0px 0px 20px;
	width:730px;
	height:15px;
	}

#contents_level2{
	margin:1px auto 10px auto;
	width:718px;
	min-height:350px;
	height:auto !IMPORTANT;
	height:350px;
	border:1px solid #B6B6B6;
	background-color:#FFFFFF;
        color:inherit;
	padding:10px;
	}

/***************************************** FIN CONTAINERS NIVEL 2 !....*/


/***************************************** ESTILOS DE MENU !....*/


ul#navlist		{
	margin:0px;
	padding:0px;
/*	width:544px;*/
	height:20px;
	white-space:nowrap;
	}

#navlist li		{
	display:inline;
	list-style-type:none;
	height:20px;
	}

#navlist a 		{
	background-image:url(../img/grounds/a_active_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	padding:3px 10px 0px 10px !IMPORTANT;
	padding:1px 10px 0px 10px;
	height:20px;
	}

#navlist a:link, #navlist a:visited{
	color:#FFFFFF;
        background-color:inherit;
	text-decoration:none;
	}

#navlist a:hover{
	background-image:url(../img/grounds/a_hover_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#FFFFFF;
        background-color:inherit;
	text-decoration:none;
	}

#navlist li a.current			{
	background-image:url(../img/grounds/a_hover_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#E0F1C9;
        background-color:inherit;
	text-decoration:none;
	}

.sublevel						{
	display:none;
	border:1px solid #BABABA;
	background-color:#C1C1C1;
        color:inherit;
	background-image:url(../img/grounds/level2_gr.gif);
	background-position:left;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	}

#level2							{
	position:absolute;
	top:175px !IMPORTANT;
	top:180px;
	margin-left:0px !IMPORTANT;
	margin-left:-2px;
	padding:0px;
	width:542px !IMPORTANT;
	width:544px;
	}

.sublevel ul		{
	margin:0px;
	padding:0px;
	height:16px;
	white-space:nowrap;
	}

.sublevel li		{
	display:inline;
	list-style-type:none;
	height:16px;
	margin:0px;
	padding:0px;
	}

.sublevel a 		{
	background-image:url(../img/grounds/a_active_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-size:9px;
	float:left;
	padding:1px 14px 0px 14px;
	height:16px;
	}

.sublevel a:link, .sublevel a:visited{
	color:#FFFFFF;
        background-color:inherit;
	text-decoration:none;
	}

.sublevel a:hover{
	background-image:url(../img/grounds/a_hover_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#FFFFFF;
        background-color:inherit;
	text-decoration:none;
	}

/* Lista de links */

.link_list		{
        margin:0;
        padding:10px;
	}

.link_list_cat		{
	list-style-type:none;
        border:1px solid #31540E;
        margin:10px;
        background:url(../img/grounds/links.gif) top right no-repeat;
	}

.link_list_cat	img	{
        padding:2px;
        border-right:1px solid #31540E;
        border-bottom:1px solid #31540E;
	}
    
.link_sublist		{
        clear:both;
        
	}

.link_sublist li		{
	/*list-style-image:url(../img/icons/filesicons/html.gif);*/
        list-style-type: circle;
        list-style-position: outside;
        border-bottom:1px solid #EFEFEF;
        height: 20px;
        vertical-align: middle;
	}

/*#link_list a 		{
	padding:3px 10px 0px 10px !IMPORTANT;
	padding:1px 10px 0px 10px;
	height:20px;
	}

#link_list a:link, #link_list a:visited{
	color:#fff;
	text-decoration:none;
	}

#link_list a:hover{
	background-image:url(../img/grounds/a_hover_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
	}
*/

/************************ 4 banners !!!*/

.container	{
	width:705px;
	min-height:200px;
	height:auto !IMPORTANT;
	height:200px;
	padding:5px;
	clear:both;
        color:inherit;
	background-color:#F6F6F6;
	margin-bottom:10px;
	background-image:url(http://www.xhaffiliation.com/img/grounds/bann.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border:1px solid #B2B2B2;
	}

.titcont	{
	width:70px;
	height:17px;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0px;
	font-weight:bold;
	}

.textcont	{
	width:130px;
	height:17px;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0px;
	}

.forcode	{
	width:695px;
	height:160px;
	overflow:auto;
        color:inherit;
	background-color:#FFFFFF;
	padding:5px;
	margin-top:10px;
	border:1px dashed #B2B2B2;
	}


/** nuevos ***/

.main_boxes_pral {
        float:right;
        width:385px;
        height:480px;
        padding:0;
        border:1px solid #B6B6B6;
}

.main_boxes {
        float:left;
        width:320px;
}

.div_grafico {
       margin:0;
       vertical-align:bottom;
       float:left;
       padding:0;
       position:relative;
 }

.div_grafico_data {
      margin-bottom:3px; padding:3px
}

.div_barra_raw {
        background:url(../../img/cuerpo.gif) repeat-y center;
        width:15px;
        padding:0;
        position:absolute;
}
.div_barra_unq {
        background:url(../../img/cuerpo2.gif) repeat-y center;
        width:15px;
        padding:0;
        position:absolute;
}

.stadistics_table {
        margin: 1px; padding: 3px;  min-height: 100px;border:1px solid #B4B4b4;
}

.div_captcha {
    text-align:center;
}

.captcah_img {
    border:1px solid #D4D0C8;
    margin:0px auto 3px auto;
}

.div_captcha input {
    float:none;
    margin:0 auto;
}

/**** generales para flotar los divs *****/

.fleft {float:left;}
.fright {float:right}
.fclear {clear:both}

img {border:none;}
.img_middle {border:none; vertical-align:middle}


.logged {
  float:right;
  width:100%;  height:100%;
}





/* *** PROMOCION --- */

#promotion {
    width:       580px;
    height:      584px;
    background:  url(/img/grounds/promotion.gif) no-repeat top left;
    position:    absolute;
    top:         150px;
    left:        25%;
    padding:     8px 10px;
    z-index:     1000;
    color:       #1a2907;
    font-weight: bold;
}

#promotion #intro {
    padding-top:    20px;
    font-size:      18px;
}

#promotion #price {
    font-size:      34px;
    text-align:     right;
    padding-right:  60px;
}

#promotion #standard {
    font-size:      18px;
    padding-top:    5px;
}

#promotion  #compare_prices {
    padding:    5px 0px 0px 15px;
    font-size:  16px;
    
}

#promotion p {
    font-size:      16px;
    margin:         15px 0px;
    line-height:    20px;
}

#promotion a {
    color:       #1a2907;
    text-decoration: underline;
}

#catalog_promotion {
    padding:    15px;
}

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

#country_commissions {
                width:  520px;
                margin: 10px auto 0px auto;
                border-top:1px solid #92BD66;
            }
            
            .row {
                border-right:1px solid #92BD66;
                border-left:1px solid #92BD66;
                border-bottom:1px solid #92BD66;
            }
            
            .row_header {
                color:          #335310;
                font-weight:    bold;
                text-align:     center;
            }
            .row_even {
                background: #FCFEFC;
                float:left;
            }
            
            .row_odd {
                background: #eef7e5;
                float:left;
            }
            
            .row_country {
                float:left;
                width:250px;
                padding:3px;
                vertical-align: middle;
            }
            
            .row_country span {
                font-size:12px;
                color:#000000
            }
            
            .row_commissions {
                float:right;
                width:250px;
                padding:3px;
            }
            
            .row_commissions_product {
                float:left;
                width:180px;
            }
            
            .row_commissions_price {
                float:right;
                font-weight:bold;
                text-align:center;
            }
            
.contrato {
    width:      450px;
    height:     200px;
    overflow:   auto;
    border:     1px solid #D4D0C8;
}

.contrato ol {
    list-style-type: none;
    margin:5px;
    padding:0px;
}
.contrato ol li {
    margin:10px 0px;
    font-weight:bold;
}

.contrato ol li p{
    margin: 5px 0px;
    font-weight:normal;
}

.contrato ol li ol li {
    font-weight: normal;
    text-decoration: none;
}
.contrato ol li ul {
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.contrato ol li ul li {
    font-weight: normal;
    text-decoration: none;
}