<?php
SESSION_START();

$texto="#6A6A6A";
$family="Arial";
$size1="95%";
echo"<link rel='shortcut icon' type='image/ico' href='images/favicon.ico'>";
echo"<style type='text/css'>

.clear{
    clear:both;line-height: 0.1;
    }

.h1{
    font-family:Arial; 
    font-size:20px; 
    padding:5px 5px;
    color:#3A589F; 
    background-color:transparent; 
   }
h1{
    font-family:Arial; 
    font-size:20px; 
    padding:5px 5px;
    color:#3A589F; 
    background-color:transparent; 
   }

div.topbrand{
    width:95%;
    margin-left:0px; margin-top:0px; maring-bottom:0px;  
    background-color:#0172aa; 
    z-index:1; 
    font-family:Arial; 
    padding:5px;
    }

div.descuento{
    font-size:25px; 
    float:right;
    margin-top:10px;
    text-align:center;
    min-width:400px;
   }
   

div.reunion{
    margin-top:10px;
    text-align: center;
    color:#636363; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:18px; 
    font-weight:bold;
    padding:5px 5px;
    }

div.reunion a{
    color:#636363; 
    text-decoration: none;
    }

div.reunion a:hover{
    color:#035ABE; 
   }
    
div.titulo1{
    width:95%;
    margin-left:20px; margin-top:0px; maring-bottom:0px;  
    color:#028415; 
    background-color:transparent; 
    z-index:2; 
    font-family:Arial; 
    font-size:17px; 
    padding:5px 5px;
    }

div.titulo2{
    width:95%;
    margin-left:0px; margin-top:0px; maring-bottom:0px;  
    color:#014780; 
    background-color:transparent; 
    z-index:2; 
    font-family:Arial; 
    font-size:18px; 
    padding:5px 5px;
    }
    
div.tema1{
    float:left;
    margin-left:0px; 
    color:#0096e2; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:18px; 
    padding:5px 5px;
    }

div.tema1 a{
    color:#0096e2; 
    text-decoration: none;
    }
    
    
div.image1{
    min-width:410px;
    max-width:1200px;
    
    margin:5px auto 5px auto;
    color:#0096e2; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:18px; 
    padding:5px 5px;
    }



div.texto1{
    width:90%;
    margin-left:20px; margin-top:0px; 
    color:#6A6A6A; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:14px; 
    padding:5px 5px;
    }

div.texto1 a {
    width:90%;
    margin-left:20px; margin-top:0px; 
    color:#6A6A6A; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:14px; 
    padding:5px 5px;
    }


 
div.afiliado{
    left:0px;
    float:left;
    width:180px;
    height:180px;
    color:#6A6A6A; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:14px; 
    padding:5px 5px;
    }
  

.noshow {display:none; color:#AA1E1E; }
h1.noshow {display:none; color:#AA1E1E; }

            div.tableformarea{
                width: 85%;
                //border: 3px solid #30FF01;
               }
            
            div.opcion1{
                width:40%;
                font-family:Arial;
                text-align:right;
                font-size:14px;
                padding:4px;
                background-color:transparent;
                color:#474747;
                float:left;
                }
                
            div.opcion2{
                width:55%;
                font-family:Arial;
                text-align:left;
                font-size:14px;
                padding:2px;
                background-color:transparent;
                color:#474747;
                float:left;
            }
            
            input.texto{
                width:98%;
                font-family:Arial;
                text-align:left;
                font-size:14px;
                padding:4px;
                background-color:#FAFAFA;
                color:#017BB7;
                border: 1px solid #DCDCDC;
                float:left;
            }

table.precio{
    width:700px;
    padding:0px;  
    border: 0px solid gray; 
    background-color:transparent;
    color:black;
    }
td.precio1{font-family:Arial;width:250px;font-size:16px;padding:0px;background-color:#0096e2;color:white;}
td.precio2{text-align:center;font-family:Arial;width:250px;font-size:14px;padding:5px;background-color:#B6E6FD;color:{$texto};}
td.precio3{text-align:left;font-family:Arial; font-size:15px; padding:3px;background-color:white;color:{$texto};}
td.valor1{text-align:center;font-family:Arial;width:250px;font-size:16px;padding:5px;background-color:#B6E6FD;color:{$texto};}

a.whatsapp{font-family:Arial;width:250px;font-size:16px;padding:0px;background-color:transparent;color:#0096e2;}

.clear{
    clear:both;
    }

div.topbrand{
    width:99%;
    height:30px;
    margin-right:40px; 
    margin-top:0px; 
    background-color:#0497E0; 
    z-index:1; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:5px;
    }

div.righttopmenu{
    background-color:transparent;
    width:400px;
    padding:3px;
    color:white;
    margin-top:-4px;
    margin-right: 17%; 
    float: right;
}

div.btn-up{
    background-color:black;
    padding:12px;
    color:white;
    margin-top:-4px;
    font:arial;
    float: right;
}
div.btn-up a{
    background-color:black;
    color:white;
    text-decoration: none;  
}
  

div.logomain{
    height:110px;
    margin-top:0px; 
    margin-left: 17%;
    background-color:transparent; 
    float:left;
    } 
    
div.logomain2{
    height:110px;
    margin-top:0px; 
    background-color:transparent; 
    float:left;
    } 

                div.imagebox{
                    height:90px;
                    background-color:transparent; 
               }
                
                
                div.menubrand{
                    width:90%;
                    height:30px;
                    margin-right:40px; 
                    margin-top:-20px; 
                    background-color:transparent; 
                    z-index:2; 
                    font-family: Arial, Helvetica, sans-serif;
                    font-size:16px;
                    font-weight: normal;
                    padding:5px;
                    clear:both;
                    }
                
                ul.menulist{
                    width:95%;
                    margin-right: 50px;
                    margin:0px 50px 0px auto;
                    float: right;
                    text-align: right;
                    clear:both;
                }
                
                li.item1{
                    display:inline;
                    background-color:transparent;
                    padding:8px;
                    color:#010101;
                    font:arial;
                    font-weight: normal;
                }
                li.item1 a{
                    text-decoration: none;
                    color:#02125E;
                }
                
                a:hover {
                  font-weight: bold;
                }

div.lowbrand{
    width:99%;
    height:30px;
    margin-right:40px; 
    margin-top:0px; 
    background-color:#0497E0; 
    z-index:1; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:5px;
    }
    
div.lowbrandmenu{
    background-color:transparent;
    width:400px;
    padding:3px;
    color:white;
    margin-top:-4px;
    margin-right: 17%; 
    float: right;
}
div.btn-down{
    background-color:#0470A6;
    padding:12px;
    color:white;
    margin-top:-4px;
    font:arial;
    float: right;
}
div.btn-down a{
    background-color:#0470A6;
    color:white;
    text-decoration: none;  
}


div.pagearea{
    width:95%;
    margin: 10px auto 10px auto;
    color:#6A6A6A; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:14px; 
    padding:5px 5px;
    }
    
.zoom{
    width:500px; 
    float: left; 
    margin:5px auto 5px auto;
    }
    
.tutorial{
    width:400px;
    border:0px solid #cccccc;
    float: left; 
    margin:5px auto 5px auto;
    }

.framebotones{
    width:80%;
    max-width:800px;  
    background-color:transparent; 
    color:#FFFFFF; 
    padding:5px; 
    margin:5px auto 5px auto;
    border-radius:5px; 
    border:0px solid #cccccc;
    clear:both;
    }

.ayuda-boton{
    width:100%; 
    font-size: 18px; 
    background-color:#0172aa; 
    color:#FFFFFF; 
    padding:10px; 
    margin:5px auto 5px auto;
    text-align: left;
    border-radius: 10px; 
    clear:both;
    }
    
    .ayuda-boton:hover {
      background-color: #015D8A;
    }
    
.ayuda-video{
    width:100%; 
    height:500px; 
    font-size: 15px; 
    margin-left:0px;
    display:none;
}

div.pagearea2{
    width:80%;
    min-width:1100px;
    border-radius:20px;
    margin: 10px auto 10px auto;
    color:#6A6A6A; 
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:14px; 
    padding:5px 5px;
    }

div.imageline1{
    width:1080px;
    
    border-radius:20px;
    margin: 5px auto 10px auto;
    background-color:transparent; 
    z-index:1; 
    font-family:Arial; 
    font-size:14px; 
    padding:5px 5px;
    }
    
div.imageline2{
    width:350px;
    height:280px;
    border-radius:20px;
    margin: 5px auto 10px auto;
    background-color:#0195D4; 
    z-index:1; 
    font-family:Arial; 
    font-size:14px; 
    padding:5px 5px;
    }

div.audiovisual{
    width:500px; 
    height:450px;
    float:left;
    padding:5px;
    margin:10px 10px;
}

div.audiovisual2{
    width:250px; 
    height:400px;
    padding:2px;
    margin:10px Auto;
}

div.water{
    bottom:-100px;
    width:100%;
    opacity:0.2;    
    position:fixed;
    z-index:-11; 
}

img{
    border-radius:20px;
}

img.baner{
    border-radius:10px;
    width:470px;
}

img.waterimg{
    width:95%;
    border-radius:10px;
}

div.tutorialline{
    float:left;
    padding:5px;
    background-color:transparent;
    color:#0172aa;
    font-size:15px;
    }

div.tutorialline a{
    color:#0172aa;
    text-decoration: none;  
    }
a:hover {
    font-weight: bold;
    }

div.footer{
    bottom:-200px;
    width:100%;
    opacity:0.2;    
    position:fixed;
    z-index:-5; 
    float:left;
}

div.arealeft{
    float:left;
}
    

</style>
";
?>
