/*TEXTOS*/

   body { 
	font-family: "Open Sans", sans-serif;
	
    background-color: #f5f5dc;
    /*background: radial-gradient(left bottom, circle farthest-side, #f7ff08 0%, #21ad11 50%, #00a3ef 80%);*/
}

img { 
    max-width: 100%;  
}

table {
    max-width: 100%;
}
    
    .titulo1 {
            color: #31525e;
            
            font-weight: 200;
            font-weight: bold; 
        }
    .titulo0 {
            color: #31525e;
            
            font-weight: 200;
            font-weight: bold; 
        }
    .titulogrande {
            color: #31525e;
            
            font-weight: 500;
            font-weight: bold; 
        }
    .mensaje0 {
            color: #000;
             
        }
    .mensaje1 {
            color: #36b33a;
            
            font-weight: bold; 
        }
    .mensaje2 {
            color: #f46d08;
            
            font-weight: bold; 
        }
    .mensaje3 {
            color: #f70927;
            
            font-weight: bold; 
        }
    .ventanita { 
        display:block;
        position:fixed;
        z-index: initial;
        float:left;
        bottom:0px;
        left:20px;
        }
    .titulo2 {
            color: #000;
            font-weight: 200; 
        }
 
       .textoredondo{
         width: 98%;
         font-size: 200;
         width: 80%;
        }
    
    .textomuycorto{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;     
          height: 1.4em;
         width: 25%;
        }
     .textoextracorto{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;     
         height: 1.4em;
         width: 12%;
        }
    
     .textocorto{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 60%;
          height: 1.4em;
        }
     .textosemicorto{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 40%;
          height: 1.4em;
        }
     .textosemilargo{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 80%;
          height: 1.4em;
        }
    .textolargo{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 98%;
         height: 1.4em;
        }
  

   
/*FONDOS*/
    .degradado {
        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eg8227), to(#ef9921));
        }


/*BOTONES DE SELECCION*/
     .chulo {
        width: 20px;
        height: 20px;
    }


   
    
    /*COMBOS*/
    .comboextracorto{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 25%;
         height: 1.7em;
        }
    .combocorto{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 40%;
         height: 1.7em;
        }
    .combolargo{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 99%;
         height: 1.7em;
        }
    

    
    /*TEXTAREA*/
    
     .area{
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px; 
         
         font-weight: 200;
         width: 98%;
        }

    
   
    /*BOTONES*/
   
    .botong {
          color: #000 !important;
          width: 230px;
          
          font-weight: 500;
          padding: 0.6em 0.4em;
          background: #318aac;
          border: 2px solid;
          border-color: #318aac;
          position: relative;
          -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px;
        }
    .botong:hover{
        background-color: #e98227;
    }
    
    .botonlargoverde {
          color: #000 !important;
          width: 310px;
          
          font-weight: 500;
          padding: 0.6em 0.4em;
          text-align: center;
          background: #93cb30;
          border: 2px solid;
          border-color: #f4b4cd;
          position: relative;
          
        }
    .botonlargoverde:hover{
        background-color: #bed6e6;
        color: #ffffff;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }

    .botonlargoazulejo {
          color: #000 !important;
          width: 310px;
          
          font-weight: 500;
          padding: 0.6em 0.4em;
          text-align: center;
          background: #318aac;
          border: 2px solid;
          border-color: #f4b4cd;
          position: relative;
          
        }
    .botonlargoazulejo:hover{
        background-color: #bed6e6;
        color: #ffffff;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
    .botonaltoylargoverde {
          color: #000 !important;
          width: 300px;
          
          font-weight: 500;
          padding: 1.6em 0.4em;
          text-align: center;
          background: #93cb30;
          border: 2px solid;
          border-color: #f4b4cd;
          position: relative;
          
        }
    .botonaltoylargoverde:hover{
        background-color: #36b33a;
        color: #ffffff;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }

    .botonaltomaslargoverde {
          color: #000 !important;
          width: 350px;
          
          font-weight: 500;
          padding: 1.6em 0.4em;
          text-align: center;
          background: #93cb30;
          border: 2px solid;
          border-color: #f4b4cd;
          position: relative;
          
        }
    .botonaltomaslargoverde:hover{
        background-color: #36b33a;
        color: #ffffff;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
    .botonlargorojo {
          color: #000 !important;
          width: 300px;
          
          font-weight: 500;
          padding: 0.6em 0.4em;
          text-align: center;
          background: #f97979;
          border: 2px solid;
          border-color: #f4b4cd;
          position: relative;
          
        }
    .botonlargorojo:hover{
        background-color: #e98227;
        color: #ffffff;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
    .botoncortoazul {
          color: #fff !important;
          width: 100px;
          
          font-weight: 500;
          padding: 0.1em 0.2em;
          text-align: center;
          background-color: #36b33a;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botoncortoazul:hover{
        background-color: #f97979;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }

    .botonmediocortoazul {
          color: #fff !important;
          width: 140px;
          
          font-weight: 500;
          padding: 0.1em 0.2em;
          text-align: center;
          background-color: #36b33a;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonmediocortoazul:hover{
        background-color: #f97979;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }

    .botonsemilargoverde {
          color: #fff !important;
          width: 180px;
          
          font-weight: 500;
          padding: 0.1em 0.2em;
          text-align: center;
          background-color: #36b33a;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonsemilargoverde:hover{
        background-color: #1d7121;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
        .botonlargoazul {
          color: #000 !important;
          width: 80%;
          
          font-weight: 500;
          padding: 0.1em 0.2em;
          text-align: center;
          background-color: #318aac;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonlargoazul:hover{
        background-color: #e98227;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }

    .botonmaslargoazul {
          color: #fff !important;
          width: 95%;
          
          font-weight: 200;
          text-align: center;
          background-color: #318aac;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonmaslargoazul:hover{
        background-color: #e98227;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
    .botonsemilargoazul {
          color: #000 !important;
          width: 250px;
          font-weight: 500;
          padding: 0.3em 0.2em;
          text-align: center;
          background-color: #318aac;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonsemilargoazul:hover{
        background-color: #e98227;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
    .botonpequeazul {
          color: #000 !important;
          width: 100px;
          
          font-weight: 500;
          padding: 0.2em 0.1em;
          text-align: center;
          background-color: #318aac;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonpequeazul:hover{
        background-color: #f97979;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }

    .botonmuypequeazul {
          color: #000 !important;
          width: 40px;
          
          font-weight: 500;
          padding: 0.2em 0.1em;
          text-align: center;
          background-color: #318aac;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonmuypequeazul:hover{
        background-color: #f97979;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
    .botonaltoazul {
          color: #000 !important;
          width: 230px;
          
          font-weight: 500;
          padding: 2.3em 0.4em;
          text-align: center;
          background-color: #36b33a;
          border: 1px solid;
          border-color: rgba(0,0,0,.1);
          position: relative;
          
        }
    .botonaltoazul:hover{
        background-color: #e98227;
        color: #2e7e98;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    
    .botoncortoverde {
          color: #000 !important;
          width: 200px;
          padding: 0.6em 0.4em;
          text-align: center;
          background: #93cb30;
          border: 1px solid;
          border-color: #f4b4cd;
          position: relative;
          font-size: 1em;
          text-transform: uppercase
          
        }
    .botoncortoverde:hover{
        background-color: #36b33a;
        color: #ffffff;
          }
    
    .botoncortorojo {
          color: #000 !important;
          width: 230px;
          
          font-weight: 500;
          padding: 0.6em 0.4em;
          text-align: center;
          background: #f97979;
          border: 2px solid;
          border-color: #f4b4cd;
          position: relative;
          
        }
    .botoncortorojo:hover{
        background-color: #e98227;
        color: #ffffff;
        box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    }
    .botonalto {
          color: #000 !important;
          width: 230px;
          
          font-weight: 500;
          padding: 2.6em 0.4em;
          background: #318aac;
          border: 2px solid;
          border-color: #318aac;
          position: relative;
          -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px;
        }
    .botonalto:hover{
        background-color: #e98227;
        color: #fff;
    }
    
     .boton {
          color: #000 !important;
          
          font-weight: 500;
          padding: 0.2em 0.8em;
          background: #318aac;
          border: 2px solid;
          border-color: #318aac;
          position: relative;
          -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px;
        }
    .boton:hover{
        background-color: #e98227;
    }
    
    .botonpeque {
          color: #000 !important;
          
          font-weight: 500;
          padding: 0.04em 0.5em;
          background: #318aac;
          border: 2px solid;
          border-color: #318aac;
          position: relative;
          -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px;
        }
    .botonpeque:hover{
        background-color: #e98227;
    }
    
    .botonp {
          color: #000 !important;
          
          font-weight: 500;
          padding: 0.2em 0.6em;
          background: #318aac;
          border: 2px solid;
          border-color: #318aac;
          position: relative;
          -moz-border-radius:4px;
         -webkit-border-radius:4px;
         -o-border-radius:4px;
         -ms-border-radius:4px;
        }
    .botonp:hover{
        background-color: #e98227;
    }
    
    /*DIVS*/
    
    div.centrar{
    position: absolute;
    background-color: #bed6e6;
    padding: 10px;
    margin-top: +6px;
    
    box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    -moz-border-radius:8px;
         -webkit-border-radius:8px;
         -o-border-radius:8px;
         -ms-border-radius:8px; 
         border: 1px solid rgba(0,0,0,.1);
         background: linear-gradient( to bottom, #91e842, #ffaf4b, #f8f202);
     }
    
    div.centrarangosto{
    position: absolute;
    background-color: #bed6e6;
    padding: 10px;
    margin-top: +10px;
    
     }    

    div.centrarancho{
    position: absolute;
    background-color: #bed6e6;
    padding: 5px;


	margin: 0 auto;
    margin-top: +5px;
    
    box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    -moz-border-radius:8px;
         -webkit-border-radius:8px;
         -o-border-radius:8px;
         -ms-border-radius:8px; 
         border: 1px solid rgba(0,0,0,.1);
         background: linear-gradient( to bottom, #91e842, #ffaf4b, #f8f202);
     }
     div.centrartodo{
    position: absolute;
    background-color: #bed6e6;
    padding: 5px;
    width: 50em;
    margin-top: +5px;
    
    box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset 2px 2px 3px rgba(0,0,0,.1), 2px 2px 3px rgba(0,0,0,.1);
    -moz-border-radius:8px;
         -webkit-border-radius:8px;
         -o-border-radius:8px;
         -ms-border-radius:8px; 
         border: 1px solid rgba(0,0,0,.1);
         background: linear-gradient( to bottom, #91e842, #ffaf4b, #f8f202);
     }    
      
        div.container {
        width: 35em;
        margin:30px auto;
        padding: 3px;
         -moz-border-radius:8px;
         -webkit-border-radius:8px;
         -o-border-radius:8px;
         -ms-border-radius:8px; 
         border-width:8px;
         background: linear-gradient( to bottom, #91e842, #ffaf4b, #f8f202);
         border:2px solid #808080;
        color: #305662; 
        
        }
    
    /*ETIQUETAS*/
        
        .etiqueta1{
        
        }
    
        h2{
        background-color: #C0C0C0;
        background: -moz-linear-gradient(top, #C0C0C0 0%, #C0C0C0 100%);
        background: -webkit-linear-gradient(top, #C0C0C0 0%,#C0C0C0 100%);
        background: linear-gradient(to bottom, #C0C0C0 0%,#C0C0C0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C0C0C0', endColorstr='#C0C0C0',GradientType=0 );
        padding: 1px;
        }
        
        div.main{    
        width: 100%;
        margin-top: 10px;
        float:right;
        border:2px solid #bf0f0f;
        padding:0px 50px 20px;
        }
      
/*TABLAS*/
         
.tabla {
    border: 2px;
    border-style: dotted; 
    padding: 5px; 
    width: 98%;
    border-color: #2e7e98;
}

.cabecera1 {
    background-color: #36b33a;
    color: #efa921;
    
}