/* digamundostyle4.css - This is a style sheet for digamundo.com  */

         body
            {
            background-color:#FFFFFF;
            text-align:center;
/*
            background-image: url('FrogHuge.jpg');    
            background-attachment: fixed;   
            background-repeat: no-repeat;            
            background-size:cover;  
*/            
            }     
            
         .frogpromo
            {
            text-align:center;
            background-image: url('frogpromopic.png');    
            background-attachment: fixed;   
            background-repeat: no-repeat;            
            background-size:cover;  
            }                 
            
         .main
            {
            text-align:center;
	    width:90%;
            color:black;
            margin:auto;    
/*            overflow:auto;     */    
            border-style:none;
            }                   
            
         .headerbar
            {
            width:100%;
            border-radius:25px;
            padding:10px;
            background-color:#8DCB41;
            font-family:courier;
            font-size:4.0vw; 
            font-weight:bold;
            text-align:center;
            vertical-align:middle;    
             }                        
            
         .loginboxZ
            {
            width:100%;
            border-radius:25px;
            background-color:#8DCB41;                  
            foreground-color:#FFFFFF;   
            text-align:center;
            font-size:small;   /* 1.0vw;   */
            font-family:arial;
            padding:10px;          
            } 
            
         .specificinfobox
            {
            width:100%;  /* 500px;  */
//            min-height:400px;    
            text-align:left;
            padding: 10px;
            padding-top:20px;
            font-family:arial;
            }              
                        
         .promotabholder
            {
            width:100%;
            min-height:30px;
            padding:10px;   /* 0 */
            float:left;    
            background-color:#8DCB41;         
            }             
            
         .filler
            {
            width:100%;   /* 510px;  */
            min-height:20px;
            padding:10px;   /* 0 */
            float:left;    
            background-color:#FFFFFF;
            foreground-color:#FFFFFF;   
            } 
            
         .filler2
            {
            width:100%;   /* 500px;  */
            min-height:30px;
            padding:10px;    /* 0 */
            float:left;    
            background-color:#8DCB41;  
            border-top-left-radius: 25px;    
            border-top-right-radius: 25px;            
            }   
            
         .filler3
            {
            width:100%;   /* 500px;  */
            min-height:30px;
            padding:10px;    /* 0 */
            float:left;    
            background-color:#8DCB41;  
            border-bottom-left-radius: 25px;    
            border-bottom-right-radius: 25px;            
            }  
            
         .digBL
            {
            font-size:large;
            font-weight:bold;
            }  
            
         .digE
            {
            font-color:red;
            font-size:x-small;
            }  
            
         .digNE
            {
            font-color:black;
            font-size:x-small;
            }               
            
.styleBot
    {
    max-width:70%;
    font-family:courier;
    color:black;
    font-size:small;
    font-weight:normal;
    text-align:left;
    }              
           
            
  .topz2 
    {
    background-color:white;
    /* border-top-left-radius:12px; */
    /* border-top-right-radius:12px; */
    width:100%; 
    /* border:15px solid gray; */
    text-align:center;
    padding:0px;
    }                
    
 .frogdiv
    {
    width:100%;
    min-height:400px;
    background-image: url('FrogLeft.jpg');    
    background-size:cover;
    
    /*
                transition:width 2s, height 2s;
                -moz-transition:width 2s, height 2s, -moz-transform 2s; 
                -webkit-transition:width 2s, height 2s, -webkit-transform 2s; 
                -o-transition:width 2s, height 2s, -o-transform 2s; 
    */            
    }  
            
         .digleftpicstyle
            {
            width:30%;
            margin-right:10px;         
            min-height:420px;   
	    float:left;
/*            padding:10px;   */
            transition:width 2s, height 2s;
            -moz-transition:width 2s, height 2s, -moz-transform 2s; 
            -webkit-transition:width 2s, height 2s, -webkit-transform 2s; 
            -o-transition:width 2s, height 2s, -o-transform 2s; 
            }  
            
         .digleftpicstyle:hover
            { 
            transform:rotate(3deg);
            -moz-transform:rotate(3deg); /* Firefox 4 */
            -webkit-transform:rotate(3deg); /* Safari and Chrome */
            -o-transform:rotate(3deg); /* Opera */            
            } 
           
         .digrightpicstyle
            {
            width:65%;  /*  650px;  */
	    background-color:#FFFFFF;
	    foreground-color:#000000;   
            font-size:.9em;
	    float:left;   /* was right */
            text-align:left;
            font-family:arial;
            } 
            
         .textStyle
            {
            border-radius:15px;
            color:blue;  
            max-width:70%;
            min-height:30px;
            }
            
         .buttonStyle
            {
            border-radius:25px;
            min-height:25px;
            background-color:yellow;
            max-width:50%;
            } 
            
            
         .cool
            {
            width:100%;
            border-radius:15px;
            background-image: url('FrogBig.jpg');
            background-attachment: fixed;   
            background-repeat: no-repeat;            
            background-size:cover;       
            }    
            
         .loginboxL
            {
            width:30%;
            background-color:#8DCB41;                  
            foreground-color:#FFFFFF;   
            text-align:center;
            float:left;   
            font-size:small;   /* 1.0vw;   */
            font-family:arial;
            min-height:433px;   
            padding:10px;          
            }  
            
         .loginboxR
            {
            width:30%;         
            background-color:#8DCB41;                  
            foreground-color:#FFFFFF;   
            text-align:center;
            float:right;   
            font-size:small;   /* 1.0vw;  */
            font-family:arial;
            min-height:433px; 
            padding:10px;          
            }     
            
         .loginboxC
            {
            width:30%;
            float:left;   
            min-height:300px;   
            padding:0px;
            border-style:none;
            } 
            
         .infoboxL
            {
            width:45%;
            background-color:gray;                  
            foreground-color:black;   
            text-align:center;
            float:left;   
            font-size:small;   /* 1.0vw;   */
            font-family:arial;
            min-height:200px;   
            padding-left:10px;
            padding-right:10px;
            padding-top:10px;
            padding-bottom:10px;
            margin-right:5px;
            }    
            
         .infoboxC
            {
            width:30%;
            background-color:gray;                  
            foreground-color:black;   
            text-align:center;
            float:left;   
            font-size:small;   /* 1.0vw;   */
            font-family:arial;
            min-height:200px;   
            padding-left:10px;
            padding-right:10px;
            padding-top:10px;
            padding-bottom:10px;
            margin-right:5px;
            }    
            
         .infoboxR
            {
            width:45%;
            background-color:gray;                  
            foreground-color:black;   
            text-align:center;
            float:right;   
            font-size:small;   /* 1.0vw;   */
            font-family:arial;
            min-height:200px;   
            padding-left:10px;
            padding-right:10px;
            padding-top:10px;
            padding-bottom:10px;
            }     
            
         .promotextL
            {
            width:33%;
            padding:0px;
            float:left;
            text-align:left;
            }  
            
         .promotextC
            {
            width:33%;
            padding:0px;
            float:left;
            text-align:left;
            }     
            
         .promotextR
            {
            width:33%;
            padding:0px;
            float:right;
            text-align:left;
            }                
            
@media only screen and (max-width:620px)   /* 620 */
   {
   .loginboxL, .loginboxC, .loginboxR, .infoboxL, .infoboxC, .infoboxR, .promotextL, .promotextC, .promotextR 
      {
      width:100%;
      } 
   }      
            
         .median
            {
            background-color:#FFFFFF;
            foreground-color:#FFFFFF;   
            width:20px;
            height:175px;
            float:left;
            }              
            
         .promobox
            {
            background-color:#FFFFFF;
            width:500px;
            height:275px;
            paddding:10px;
            font-size:.8em;
            float:none;   
            }      
            
         .promopic
            {
            width:20%;
            min-height:160px;
            padding-top:10px;
            padding-left:5px;
            padding-right:0px;
            padding-bottom:10px;
            float:left;
            }  
            
         .promopic2
            {
            width:30%;
            padding-top:10px;
            padding-left:5px;
            padding-right:0px;
            padding-bottom:10px;
            float:left;
            }     
            
         .promopic3
            {
            width:28%;
            float:right;
            padding-top:5px;
            padding-left:0px;
            padding-right:20px;
            padding-bottom:0px;
            text-align:left;
            }              
            
         .promotext
            {
            width:70%;
            padding:10px;
            float:left;
            padding-top:10px;
            padding-left:0px;
            padding-right:10px;
            padding-bottom:10px;
            text-align:left;
            font-family:verdana;
            font-size:1.9vw;   /* small;  */
            }     
            
         .promotext2
            {
            width:75%;
            padding:10px;
            float:right;
            padding-top:10px;
            padding-left:0px;
            padding-right:20px;
            padding-bottom:10px;
            text-align:left;
            }   
            
         .promotext3
            {
            width:340px;
            padding-top:10px;
            padding-left:10px;
            padding-right:0px;
            padding-bottom:10px;
            float:left;
            font-family:verdana;
            }      
            
         .promotextL
            {
            width:33%;
            padding:0px;
            float:left;
            text-align:left;
            }  
            
         .promotextC
            {
            width:33%;
            padding:0px;
            float:left;
            text-align:left;
            }     
            
         .promotextR
            {
            width:33%;
            padding:0px;
            float:right;
            text-align:left;
            }              
             
       /*
	    animation:digColor 4s;
	    -moz-animation:digColor 4s; 
	    -webkit-animation:digColor 4s; 
	    -o-animation:digColor 4s; 
	    word-wrap:break-word;
	    transition:width 2s, height 2s;
	    -moz-transition:width 2s, height 2s, -moz-transform 2s; 
	    -webkit-transition:width 2s, height 2s, -webkit-transform 2s; 
	    -o-transition:width 2s, height 2s, -o-transform 2s; 	
      */        
             
          .deadcenter 
             {
             margin: 0;
             position: relative;
             top: 50%;
             left: 50%;
             -ms-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             }
   
/*
         .headerbar:hover   
            {
            width:100%;  
            min-height:90px;
            font-size:4.0em;
            font-family:courier;
            }  
*/            
	    
	 @keyframes digColor
	    {
	    10%  {background:#7DC623;height:90px;font-size:1.1em;}
	    20%  {background:#F8F400;height:90px;font-size:1.2em;}
	    30%  {background:#EF9C00;height:90px;font-size:1.3em;}
	    40%  {background:#E6E100;height:90px;font-size:1.4em;}
	    50%  {background:#00782B;height:90px;font-size:1.5em;}
	    60%  {background:#E6E100;height:90px;font-size:1.6em;}
	    70%  {background:#EF9C00;height:90px;font-size:1.7em;}
	    80%  {background:#F8F400;height:90px;font-size:1.6em;}
	    90%  {background:#7DC623;height:90px;font-size:1.5em;}
	    100% {background:#0561A5;height:90px;font-size:1.4em;}
	    }		    
	    
	 @-moz-keyframes digColor /* Firefox */
	    {
	    10%  {background:#7DC623;height:50px;font-size:1.1em;}
	    20%  {background:#F8F400;height:50px;font-size:1.2em;}
	    30%  {background:#EF9C00;height:50px;font-size:1.3em;}
	    40%  {background:#E6E100;height:50px;font-size:1.4em;}
	    50%  {background:#00782B;height:50px;font-size:1.5em;}
	    60%  {background:#E6E100;height:50px;font-size:1.6em;}
	    70%  {background:#EF9C00;height:50px;font-size:1.7em;}
	    80%  {background:#F8F400;height:50px;font-size:1.6em;}
	    90%  {background:#7DC623;height:50px;font-size:1.5em;}
	    100% {background:#0561A5;height:50px;font-size:1.4em;}
	    }
	    
	 @-webkit-keyframes digColor /* Safari and Chrome */
	    {
	    10%  {background:#7DC623;height:100px;font-size:2.1em;}
	    20%  {background:#F8F400;height:200px;font-size:3.2em;}
	    30%  {background:#EF9C00;height:300px;font-size:4.3em;}
	    40%  {background:#E6E100;height:400px;font-size:5.9em;}
	    50%  {background:#00782B;height:500px;font-size:8.0em;}
	    60%  {background:#E6E100;height:400px;font-size:5.9em;}
	    70%  {background:#EF9C00;height:300px;font-size:4.3em;}
	    80%  {background:#F8F400;height:200px;font-size:3.2em;}
	    90%  {background:#7DC623;height:100px;font-size:2.4em;}
	    100% {background:#0561A5;height:50px;font-size:1.4em;}
	    }
	    
	 @-o-keyframes digColor /* Opera */
	    {
	    10%  {background:#7DC623;height:50px;font-size:1.1em;}
	    20%  {background:#F8F400;height:50px;font-size:1.2em;}
	    30%  {background:#EF9C00;height:50px;font-size:1.3em;}
	    40%  {background:#E6E100;height:50px;font-size:1.4em;}
	    50%  {background:#00782B;height:50px;font-size:1.5em;}
	    60%  {background:#E6E100;height:50px;font-size:1.6em;}
	    70%  {background:#EF9C00;height:50px;font-size:1.7em;}
	    80%  {background:#F8F400;height:50px;font-size:1.6em;}
	    90%  {background:#7DC623;height:50px;font-size:1.5em;}
	    100% {background:#0561A5;height:50px;font-size:1.4em;}
            }                        
            
         .infolink
            {
            background-color:#8DCB41;
            text-align:left;
            width:21%;
            height:20px;
            float:left;
            font-size:.8em;
            font-family:arial;
            padding-left:5px;
            padding-top:10px;
            border-right:.01em solid #cccccc;           
            }  
            
         .infolinkdummy
            {
            background-color:#8DCB41;
            text-align:left;
            width:5%;
            height:20px;
            float:left;
            font-size:.8em;
            font-family:arial;
            padding-left:5px;
            padding-top:10px;
/*            border-right:.01em solid #cccccc;       */        
            }              
            
         .infolinklast
            {
            background-color:#8DCB41;
            text-align:left;
            width:18%;
            height:20px;
            float:left;
            font-size:.8em;
            font-family:arial;
            padding-left:10px;
            padding-top:10px;
            }  
            
         .infolinkstub
            {
            background-color:#F1A629;
            text-align:left;
            width:18%;
            height:20px;
            float:left;
            font-size:.8em;
            font-family:arial;
            padding-left:10px;
            padding-top:10px;
            }               
                                                                
         .littlelinks
            {
            background-color:#FFFFFF;
            foreground-color:#CCCCCC;
            font-size:.7em;
            font-family:arial;
            padding:2px;
            width:300px;
            test-align:left;
            }                                     
            
         .footbar
            {
            background-color:#8DCB41;
            foreground-color:#FFFFFF;   
            width:100%;
            float:left;
            text-size:x-small;
            text-align:center;
            width:100%;
            padding:10px;
            border-radius:25px;
            }   
            
         .xsmall
            {
            font-size:x-small;
            } 
            
         .testies
            {
            font-size:.72em;;
            padding:10px;
            }  
            
         .centerbtn
            {
            text-align:center;
            }  
            
            
         .personnel
            {
/*            background-color:blue;   */
            font-family:"Arial";
/*            font-weight:bold;      */       
            font-size:.75em;
            font-color:blue;
            padding:20px;
            }              
            
         .sepbar
            {
            background-color:#F1A629;
            foreground-color:#FFFFFF;   
            width:850px;
            height:20px;
            } 
            
         .fullbar
            {
            background-color:#F1A629;
            foreground-color:#FFFFFF;   
            width:900px;
            height:20px;
            }             

         .fullbar2
            {
            background-color:#F1A629;
            foreground-color:#FFFFFF;   
            width:880px;
            }             

         .headerA
            {
            font-size:.9em;
            }

/*
         ul
            {
            float:none;
            font-family:arial;
            font-size:1.1em;
            padding:0px;
            }


         li
            {
            color:#000000;
            font-weight:normal;
            font-size:.9em;
            font-family:verdana;
            float:none;   
            padding:0px;
            list-style-type:circle;
            }
*/

/*
         body
            {
            font-family:arial;
            font-size:medium;
/* background-image: url('FrogBig2.jpg'); */
/* background-attachment: fixed;    */        
            }
*/

         a:link{text-decoration:none}
         a:visited{text-decoration:none; color:navy}
         a:hover{text-decoration:underline; color:#648DC7;}