#todo{

background:url(./multimedia/main_page_4.jpg);
background-repeat:no-repeat;
background-color:black;

/*
-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;
*/
}





#barBackground

{

    position:absolute;

    width:100%;

    height:30px;

    top:101px;

    background-color:rgb(64,64,64);

    z-index:-1;

    margin:0px auto;

    padding:0px;

 border-collapse:collapse;



 }

 

#photoBackground

{

    position:absolute;

    width:100%;

    height:250px;

    top:130px;

    background-color:white;

    z-index:-10;

    margin:0px auto;

    padding:0px;

 border-collapse:collapse;

 background-image:url(./multimedia/image24.JPG);

 background-repeat:repeat-x;

 

-webkit-animation-name:moveBackground;

 -webkit-animation-duration:20s;

-webkit-animation-delay: 2s; 

-webkit-animation-iteration-count:infinite;

-moz-animation-name:moveBackground;

-moz-animation-duration:20s;

 -moz-animation-delay: 2s; 

-moz-animation-iteration-count:infinite;

animation-name:moveBackground;

animation-duration:20s;

 animation-delay: 2s; 

animation-iteration-count:infinite;

 }

 

 

@-webkit-keyframes moveBackground

{

    0%   {background-image:url(./multimedia/image24.JPG); }

    25%  {background-image:url(./multimedia/image25.jpg); }

    50%  {background-image:url(./multimedia/image26.jpg); }

    75% {background-image:url(./multimedia/image27.jpg); }

    100% {background-image:url(./multimedia/image6.jpg); }



}



@-moz-keyframes moveBackground

{

    

    0%   {background-image:url(./multimedia/image24.JPG); }

    25%  {background-image:url(./multimedia/image25.jpg); }

    50%  {background-image:url(./multimedia/image26.jpg); }

    75% {background-image:url(./multimedia/image27.jpg); }

    100% {background-image:url(./multimedia/image6.JPG); }

}



@keyframes moveBackground

{

    

    0%   {background-image:url(./multimedia/image24.JPG); }

    25%  {background-image:url(./multimedia/image25.jpg); }

    50%  {background-image:url(./multimedia/image26.jpg); }

    75% {background-image:url(./multimedia/image27.jpg); }

    100% {background-image:url(./multimedia/image6.JPG); }

}  

 

 

 

#background

{

 width:100%;

    

 height:100%;   

 position:absolute;



 /*background-color:#FFF0E6; */

 z-index:-100;

}



#distribution

{



    width:1000px;

    margin:0px auto;

    padding:0px;

    border-collapse:collapse;

    font-family: 'Muli', 'SaniTrixieSansRegular', 'Arial', 'Helvetica', 'SansSerif';

    font-size:0.875em;

    box-shadow: 0px 15px 25px 15px #888;    

   /* color:rgb(64,64,64);*/

   color:Black;

       z-index:1;

 

}





#banner   



{height:100px;

 margin:0px;

 border-collapse:collapse;

/* background-color:rgb(240,84,34); */

background-color:white;

 /*background-image:url(./multimedia/logo_sin_texto.png);

 background-position:10px,5px;

 background-repeat:no-repeat;

*/

 text-align:left;

 top:0px;

  padding: 0px 40px 0px 300px ;

  font-weight: bolder; 

   font-style: normal; 

    font-size:2.5em;lal

 

 }

 

 

 #bannerWhole   



{

position:absolute;

height:129px;

 width:239px; 

 margin:0px;

 margin-left:-500px;

 border-collapse:collapse;

 top:0px;

 left:50%;



 z-index:10;

background-color:white;



 background-image:url(./multimedia/banner-logo-grande.svg); 

 background-repeat:no-repeat;

 }



 #allButtons{

     padding:0px 0px 0px 0px;

 }



div.leftOfButtons  



{

     width:260px;

     margin:0px;

      padding:0px;

    height:30px;

   text-align:center;

    color:black;

    float:left;

    display:inline-block;

        }



div.individualButton  



{

    width:115px;

     margin:0px;

      padding:0px;

    height:30px;

   text-align:center;

    background-color:rgb(240,84,34);

    color:black;

    border-left-width:0px;

    border-left-color:White;

    border-left-style:solid;

    border-right-width:1px;
    border-right-color:White;

    border-right-style:solid; 

    border-bottom-width:0px;

    border-top-width:0px;

    display:inline-block;

    vertical-align:middle;

        }



div.individualButton:hover

{

    background-color:rgb(64,64,64);

   

}



div.individualButton:hover .dropdown-content {

    display:inline-block;

}



div.dropdown  



{

    width:115px;

    height:30px;

   text-align:center;

    background-color:rgb(240,84,34);

    color:black;

    border-left-width:0px;

    border-left-color:White;

    border-left-style:solid;

    border-right-width:1px;

    border-right-color:White;

    border-right-style:solid; 

    border-bottom-width:0px;

    border-top-width:0px;

    display:inline-block;

    vertical-align:middle;

    margin-right:-4px;

        }

/*

div.dropdown:hover

{

    background-color:rgb(64,64,64);

   

}



div.dropdown:hover .dropdown-content {

    display:inline-block;



}
*/

div.dropdown-content  



{

    display: none;

    width:115px;

        }



span.title {

color:white; 

  text-decoration:none;

   margin:0px;

 border-collapse:collapse;

 padding-left:auto; 

 padding-right:auto; 

 

}



div.button-text-container{

height:30px;

display:flex;

flex-direction:column;

justify-content:center;

}



div.dropdown-list-item {

    height:25px;

    border-bottom:1px solid rgb(64,64,64);

    background-color:darkgray;

    display:flex;

flex-direction:column;

justify-content:center;

    

}

div.dropdown-list-item:hover

{

    background-color:rgb(64,64,64);

   

}

a.individualButtonLink

{

  color:white; 

  text-decoration:none;

 /*  

  padding-left:30px;

  padding-right:30px; 

*/

   margin:0px;

 border-collapse:collapse;

 padding-left:auto; 

 padding-right:auto; 

}



a.individualButtonLink-list

{

  color:white; 

  text-decoration:none;

 

}







#photos



{height:250px;

 margin:0px;

 padding:0px;

 border-collapse:collapse;

 background-color:White;

 background-image:url(./multimedia/fig1.jpg);

 -webkit-animation-name:movebanner;

 -webkit-animation-duration:40s;

-webkit-animation-delay: 2s; 

-webkit-animation-iteration-count:infinite;

-moz-animation-name:movebanner;

-moz-animation-duration:40s;

-moz-animation-delay: 2s; 

-moz-animation-iteration-count:infinite;

animation-name:movebanner;

animation-duration:40s;

animation-delay: 2s; 

animation-iteration-count:infinite;

  

}



 



@-webkit-keyframes movebanner

{

    0%   {background-image:url(./multimedia/fig1.jpg); }

    20% {background-image:url(./multimedia/fig2.jpg); }

    40% {background-image:url(./multimedia/fig3.jpg); }

    60% {background-image:url(./multimedia/fig4.jpg); }

    80% {background-image:url(./multimedia/fig2.jpg); }

    100% {background-image:url(./multimedia/fig3.jpg); }


}



@-moz-keyframes movebanner

{

    

     0%   {background-image:url(./multimedia/fig1.jpg); }

    20% {background-image:url(./multimedia/fig2.jpg); }

    40% {background-image:url(./multimedia/fig3.jpg); }

    60% {background-image:url(./multimedia/fig4.jpg); }

    80% {background-image:url(./multimedia/fig2.jpg); }

    100% {background-image:url(./multimedia/fig3.jpg); }



}



@keyframes movebanner

{

   
      0%   {background-image:url(./multimedia/fig1.jpg); }

    20% {background-image:url(./multimedia/fig2.jpg); }

    40% {background-image:url(./multimedia/fig3.jpg); }

    60% {background-image:url(./multimedia/fig4.jpg); }

    80% {background-image:url(./multimedia/fig2.jpg); }

    100% {background-image:url(./multimedia/fig3.jpg); }

}











td.button

{

     margin:0px;

      padding:0px;

    height:30px;

    text-align:center;

    background-color:rgb(240,84,34);

    color:black;

    border-left-width:1px;

    border-left-color:White;

    border-left-style:solid;

    border-right-width:1px;

    border-right-color:White;

    border-right-style:solid;

}



td.button:hover

{

    background-color:rgb(64,64,64);

   

}



td.sideButtons

{

    height:30px;

     margin:0px;

  padding:0px;

 border-collapse:collapse;

  background-color:rgb(64,64,64);  

 

}





td.side

{height:300px;

  margin:0px;

  padding:0px;

 border-collapse:collapse;

 width:25px;

 background-color:white;

 

}



td.content1

{height:300px;

 width:250px;

  margin:0px;

  padding: 0px 50px 30px 30px ;

 border-collapse:collapse;

 background-color:white;

 text-align:left;



 



 

}



#content2

{height:300px;

 width:200px;

  margin:0px;

  padding:0px;

 border-collapse:collapse;

 background-color:white;

}



#content3

{height:300px;

 width:200px;

  margin:0px;

  padding:0px;

 border-collapse:collapse;

 background-color:white;

}



td.content4

{height:300px;

 width:200px;

  margin:0px;

  padding:0px;

 border-collapse:collapse;

 background-color:white;

 top:5px;

}



td.bottomSide

{height:30px;

 width:100px;

  margin:0px;

  padding:0px;

 border-collapse:collapse;

 background-color:white;

}



#bottom1

{height:30px;

 width:200px;

  margin:0px;

  padding:0px;

 border-collapse:collapse;

 /*background-color:rgb(240,84,34);*/

 background-color:rgb(64,64,64);

 color:white;

 text-align:center;

}







a.buttonLink

{

  color:white; 

  text-decoration:none;

  padding-left:50px;

  padding-right:50px; 

   margin:0px;

 border-collapse:collapse;



   

}



a.buttonLink:hover

{

    color:white;

}





p { 

   font-weight: normal; 

   font-style: normal; 

    font-size:1.4em;

     border-right:solid 1px white;

}



h1 { 

   font-weight:bolder; 

   font-style: normal; 

   font-size:2.5em;

}



li { 

   font-weight: normal; 

   font-style: normal; 

    font-size:1.4em;

     border-right:solid 1px white;

}



p.title { 

   font-weight: bolder; 
   font-style: normal; 

    font-size:3.0em;

    background-color:Lime;

    border-collapse:collapse;

    position:absolute;

    top:0px;

    

    padding-top:-80px;

    text-align:center;



  

}



#main_PhotoBackground

{

    position:absolute;

    width:100%;

    height:100%;

    top:0px;

    left:0px;

    background-color:black;

    z-index:-10;

    margin:0px auto;

    padding:0px;

 border-collapse:collapse;

 background-image:url(./multimedia/main_page.png);

 background-repeat:no-repeat;

 

 }

 

#main_bannerWhole   



{

position:absolute;

height:129px;

 width:239px; 

 margin:0px;

 /*margin-left:-500px; */

 border-collapse:collapse;

 top:0px;

  /*left:50%; */

  left:10px;

 opacity:1;

 z-index:10;

background-color:white;



 background-image:url(./multimedia/main_banner-logo-grande.svg); 

 background-repeat:no-repeat;

 }



#main_barBackground

{

    position:absolute;

    width:100%;

    height:30px;

    top:101px;

    background-color:rgb(64,64,64);

    z-index:-1;

    margin:0px auto;

    padding:0px;

 border-collapse:collapse;



 }



#main_BannerBackground

{

    position:absolute;

    width:100%;

    height:101px;

    top:0px;

    background-color:white;

    z-index:-2;

    margin:0px auto;

    padding:0px;

 border-collapse:collapse;

 opacity:1;



 }



#main_background

{

 width:100%;

    

 height:100%;   

 position:absolute;

 opacity:1;





 /*background-color:#FFF0E6; */

 z-index:-100;

}



#main_banner

{

 width:100%;

    

 height:100%;   

 position:absolute;

 opacity:0.7;



 /*background-color:#FFF0E6; */

 z-index:-50;

}



#main_page_Button1,#main_page_Button2,#main_page_Button3,#main_page_Button4,#main_page_Button5



{

    width:115px;

    height:30px;

    background-color:rgb(64,64,64);

    color:black;

    border-left-width:0px;

    border-left-color:White;

    border-left-style:solid;

    border-right-width:1px;

    border-right-color:White;

    border-right-style:solid; 

    border-bottom-width:0px;

    border-top-width:0px;

    display:inline-block;

    margin-right:-4px;

    text-align:center;

        }



#main_page_Button1:hover,#main_page_Button2:hover,#main_page_Button3:hover,#main_page_Button4:hover,#main_page_Button5:hover

{

    background-color:rgb(240,84,34);

   

}




/*


#main_page_Button1:hover ~ #main_text1 {

    opacity:0.75;

}

#main_page_Button2:hover ~ #main_text2 {

    opacity:0.75;

    left:116px;

}

#main_page_Button3:hover ~ #main_text3 {

    opacity:0.75;

    left:232px;



}

#main_page_Button4:hover ~ #main_text4 {

    opacity:0.75;

        left:348px;



}

#main_page_Button5:hover ~ #main_text5 {

    opacity:0.75;

        left:464px;



}

*/





#main_text1,#main_text2,#main_text3,#main_text4,#main_text5  



{

    position:absolute;

    top:30px;

    left:0px;

    width:200px;

    height:400px;

   text-align:left;

    background-color:rgb(64,64,64);

    color:black;

    opacity:0.0;

    display:block;

    color:white;

    padding:10px 10px 10px 10px;

        }



#main_buttons  



{

    position:absolute;

    top:101px;

 left:250px;

    font-family: 'Muli', 'SaniTrixieSansRegular', 'Arial', 'Helvetica', 'SansSerif';

    font-size:0.875em;

    margin:0px auto;

    padding:0px;

    border-collapse:collapse;



        }



p.main {

    font-weight: normal;

    font-style: normal;

    font-size: 1em;

    

}



#main_banner_name  



{

 position:absolute;

    height:100px;

 left:280px;

 margin:0px;

 border-collapse:collapse;

    font-family: 'Muli', 'SaniTrixieSansRegular', 'Arial', 'Helvetica', 'SansSerif';

 text-align:left;

 top:0px;

  font-weight: bolder; 

   font-style: normal; 

    font-size:2.5em;

    z-index:150;

display:flex;

flex-direction:column;

justify-content:center; 

 }

 

a.individualButtonLink-main

{

  color:white; 

  text-decoration:none;

 

}



.button_main

{

 display:flex;

flex-direction:column;

justify-content:center;

height:30px;

color:white;

}



#adds{

position:absolute;

left:130px;

top:130px;

display:block;

font-family: 'Muli', 'SaniTrixieSansRegular', 'Arial', 'Helvetica', 'SansSerif';

    font-weight: normal;

    font-style: normal;

} 



#main_t1,#main_t2,#main_t3,#main_t4,#main_t5  



{

    position:absolute;

    top:0px;

    left:0px;

    width:200px;

    height:350px;

   text-align:left;

    background-color:rgb(240,84,34);

    color:black;

    opacity:0.0;

    display:block;

    color:white;

    padding:10px 10px 10px 10px;

    z-index:300;

        }



#main_t1 {

 opacity:0.75;

}



#changeAdd1,#changeAdd2,#changeAdd3,#changeAdd4,#changeAdd5

{

    position:absolute;

    width:200px;

    height:30px;

    top:320px;

    left:0px;

    background-color:rgb(64,64,64);

    opacity:1.0;

    display:block;

    color:white;

    padding:10px 10px 10px 10px;

}



}

#main_t1:hover {

    opacity:0.0;



}

nav.main {
    color:white
}

a.Link-main

{

    /*
  color:rgb(240,84,34); 
        */
  color:white;
  font-weight:bold;

  

 

}



#main_picture  

{

    position:absolute;

    top:130px;

    left:0px;

    width:250px;

    height:400px;

   text-align:left;

    background-color:none;

    color:black;

    opacity:0.98;

    display:block;

    color:white;

    padding:0px 0px 0px 0px;

    z-index:500;

        }

#wrap {
 position:absolute;

    top:80px;

    left:250px;

    width:500px;

    height:50px;

   text-align:left;

    background-color:none;

        z-index:600;

}

h1.sizeTitle{
    font-family: 'Muli', 'SaniTrixieSansRegular', 'Arial', 'Helvetica', 'SansSerif';
  font-weight: bolder; 

   font-style: normal; 

    font-size:1.5em;
    color:rgb(15,255,0);
}



#newsletter-list
{

    width:600px;

    margin:0px auto;

    padding:0px;

    font-size:0.875em;

    box-shadow: 0px 15px 25px 15px #888;    

   /* color:rgb(64,64,64);*/

   color:Black;

 
}

td.newsletter-table-row1
{
    width:150px;
    border-right: solid 1px gray;
    
}

td.newsletter-table-row2
{
    width:450px;
    border-right: solid 1px gray;
    
}

a.newsletter

{
  color:rgb(240,84,34); 
  font-weight:bold;
}

#linkedin {
    position:absolute;

    top:105px;

    left:840px;

    width:20px;

    display:block;

    padding:0px 0px 0px 0px;

}