body {

    font-family: Arial;
 
}


#login_trans {
    margin-top:20px;
    width:400px;
    height:600px;
    border:solid 1px black;
    background-color:black;
    opacity:0.8;

}



#login_form {
    width:400px;
    height:600px;
    border:solid 1px black;
    margin-top:-600px;
    position:relative;

}


#contacto {
    margin-left:350px;
}

    .cuadro {
    margin-right:-200px;
    margin-top: -10px;
    margin-bottom:20px;
    border-width:3px;
    border-style:solid;
    border-color:#1a1a1a;
    padding:15px;
    border-radius:5px 5px 5px;
    
    }

   

#lblUsuarioForm {
    margin-top:50px;
    color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
}

#lblPasswordForm {
     color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
}

#no_cuenta {
    color:white;
    font-family:Arial;
    font-weight:bold;
    font-size:16px;

}

#lblCuenta {
     color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
}

#btnCrearCta{
        border:solid 2px #006699;
        background:#222222;
        color:white;
}

#newAcount {
    background-color:#777;
    opacity:1.0;
    width:400px;
    height:100px;
       border:black solid 2px;

}

#imagen_mapa{
    width:600px; 
    height:450px; 
}



.pruebaUsuario:hover{
    color:#0094ff;
    text-decoration:none;

}

.demo{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size:70px;
    color:#0dc5c1;
    /*font-weight:bold;*/

}

.titulos_paq{
    font-size:20px;
}

#btn_contratar{
    border:solid #337ab7 1px;
    
}

#btn_contratar2{
    border:solid #337ab7 1px;
    
}

#btn_contratar3{
    border:solid #337ab7 1px;
    
}

.text_paq{
    color:black;
   font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   font-size:10px;
}

a{
    text-decoration:none;
}

.pruebaUsuario{

   color:#4cff00; font-size:16px; text-align:center; padding-top:10px; text-decoration:none; 
}




/*------------Espera---------------------*/

.FondoAplicacion {
            background-color: #005797;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }

        /* espere stylo */
        .bubblingG {
            text-align: center;
            width: 350px;
            height: 156px;
        }

            .bubblingG span {
                display: inline-block;
                vertical-align: middle;
                width: 20px;
                height: 20px;
                margin: 78px auto;
                background: #000000;
                -moz-border-radius: 157px;
                -moz-animation: bubblingG 0.8s infinite alternate;
                -webkit-border-radius: 157px;
                -webkit-animation: bubblingG 0.8s infinite alternate;
                -ms-border-radius: 157px;
                -ms-animation: bubblingG 0.8s infinite alternate;
                -o-border-radius: 157px;
                -o-animation: bubblingG 0.8s infinite alternate;
                border-radius: 157px;
                animation: bubblingG 0.8s infinite alternate;
            }

        #bubblingG_1 {
            -moz-animation-delay: 0s;
            -webkit-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
        }

        #bubblingG_2 {
            -moz-animation-delay: 0.24s;
            -webkit-animation-delay: 0.24s;
            -ms-animation-delay: 0.24s;
            -o-animation-delay: 0.24s;
            animation-delay: 0.24s;
        }

        #bubblingG_3 {
            -moz-animation-delay: 0.48s;
            -webkit-animation-delay: 0.48s;
            -ms-animation-delay: 0.48s;
            -o-animation-delay: 0.48s;
            animation-delay: 0.48s;
        }

        @-moz-keyframes bubblingG {
            0% {
                width: 20px;
                height: 20px;
                background-color: #000000;
                -moz-transform: translateY(0);
            }

            100% {
                width: 50px;
                height: 50px;
                background-color: #FFFFFF;
                -moz-transform: translateY(-66px);
            }
        }

        @-webkit-keyframes bubblingG {
            0% {
                width: 20px;
                height: 20px;
                background-color: #000000;
                -webkit-transform: translateY(0);
            }

            100% {
                width: 50px;
                height: 50px;
                background-color: #FFFFFF;
                -webkit-transform: translateY(-66px);
            }
        }

        @-ms-keyframes bubblingG {
            0% {
                width: 20px;
                height: 20px;
                background-color: #000000;
                -ms-transform: translateY(0);
            }

            100% {
                width: 50px;
                height: 50px;
                background-color: #FFFFFF;
                -ms-transform: translateY(-66px);
            }
        }

        @-o-keyframes bubblingG {
            0%{
                width: 20px;
                height: 20px;
                background-color: #000000;
                -o-transform: translateY(0);
            }

            100% {
                width: 50px;
                height: 50px;
                background-color: #FFFFFF;
                -o-transform: translateY(-66px);
            }
        }

        @keyframes bubblingG {
            0% {
                width: 20px;
                height: 20px;
                background-color: #000000;
                transform: translateY(0);
            }

            100% {
                width: 50px;
                height: 50px;
                background-color: #FFFFFF;
                transform: translateY(-66px);
            }
        }

/*----------------------------------------------------------*/

    #ver_presentacion{
        margin-left:985px;  
        margin-top:-170px;      
    }


   .obligatorio{
       color:red;
       font-size:20px;
       font-weight:bold;
   }

  
       
       .img_cerrar{
        margin-left:200px;
        
       
     
       }
  
       .cerrar{
        position:static;
        width:100%;
     
        border-color:#777;
      
        height:25px;
        background:#006699;
        text-align:right;
        border-right: 1px solid black;
       }


        #info{
            /*font-weight:bold;*/
            margin-top:15px;
            font-size:18px;

        }

    #video{
        width:800px;
        height:500px;
    }
       
    .lead{
        text-align:justify;
    }
        #header {
        background-color:#222222;
        height:40px;
        margin-left:15px;
        margin-right:15px;
        
    
      
        border-top-left-radius:4px;
        border-top-right-radius:4px;
         }



        .logo{
       margin-top:-7px;
       position:relative;
        }

        .contacto{
            color:white;
            padding-top:-50px;
            position:relative;
        }

        

        #logo-clinicas{
        
        position:relative;
        margin-top:-20px;
       
        margin-left:-50px;
        padding-left:10px;
        
          width:450px;
          height:150px;

        }

   

  .columna1 {
        text-align:justify;
        font-family:Arial;
        font-size:14px;
        }

        .centrado {
        text-align:center;
        }

        #logo {
        margin-top:-60px;
        
        }


        

       

       
        #footer {
       margin-top:25px;
       background-color:#1a1a1a;
       width:100%;
       height:140px;
        }

         #verde {
        background-color:#2bd78c;
        min-width:100%;
        min-height:250px;
        }

        #img {
       
       
        
        margin-left:-70px;
        width:100px;

      

        }
        .informes {
        color:white;
        }

        .espacioNube {
         height:150px;
        
        }

        .acceder {
        color:white;
        text-align:center;
        }

        .nube_texto {
        color:white;
        margin-left:10px; 
        text-align:justify;
        font-size:16px;
        padding-top:10px;

        }

        .centrar {
        margin-left:200px;
        }

        .compu {
        margin-left:1300px;
        margin-top:0;
        

        }

        .correo{
            color:white;
           
        }

        #acceda{
            background-color:#35936a;
       
        }

        #logo_primex {
        padding-top:10px;
        position:relative;
        margin-left:800px;
        
        }

    

       #contactos{
          
           margin-top:10px;
           position:relative;
       }
       
       #redes{
           margin-top:20px;
           margin-left:100px;
           position:relative;

       }

       .descripcion{
           text-align:justify;
           font-size:20px;
           margin-left:60px;

       }


       #redes img{
           margin-right:5px;
           position:relative;
       }

            
        #compu-app{
            margin-left:400px;
            position:relative;
        }

        #logo_jumbotron{
            width:450px;
            height:300px;

        }

        #video_cont{
            margin-left:40px;
        }

        #myCarousel2{
            width:500px; 
            height:250px; 
            margin-top:10px; 
            margin-left:200px;
            background-color:white;


        }

        #img_1{
           width:400px; height:250px; background-color:white;
        }

        #img_2{
         width:400px; height:250px;  background-color:white;
        }

         #img_3{
         width:400px; height:250px;  background-color:white;
        }

          #img_4{
         width:400px; height:250px;  background-color:white;
        }

          .textSlider{
          text-align:justify; font-size:16px;
          }
         

  @media(max-width: 720px) {
       .textSlider{
         font-size:12px;
         text-align:justify;
          }


    .informes {
        color:white;
        margin-top:-15px;
        margin-left:10px;
        padding-left:10px;
        }


#logo_primex {
        margin-top:-40px;
        position:relative;
        margin-left:10px;
        
        }
    
        #footer {
       margin-top:-40px;
       background-color:#1a1a1a;
       width:100%;
       height:140px;
     
        }


        #login_trans {
    margin-top:20px;
    width:100%;
    height:600px;
    border:solid 1px black;
    background-color:black;
    opacity:0.8;

}



#login_form {
    width:100%;
    height:600px;
    border:solid 1px black;
    margin-top:-600px;
    position:relative;

}

body {
            background-image: url('Imagenes/FondosLogin/medical-doctor-salary.jpg');
             background-repeat: no-repeat;
             background-size: cover;
             height:100%;
             width:100%;

        
        }


#lblUsuarioForm {
    margin-top:50px;
    color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
}

#lblPasswordForm {
     color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
}

#no_cuenta {
    color:white;
    font-family:Arial;
    font-weight:bold;
    font-size:16px;

}

#lblCuenta {
     color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
}

#btnCrearCta{
        border:solid 2px #006699;
        background:#222222;
        color:white;
}

#newAcount {
    background-color:#777;
    opacity:1.0;
    width:100%;
    height:100px;
       border:black solid 2px;

}



         #img_1{
           width:300px; height:200px;
        }

          #img_2{
           width:300px; height:180px;
        }

           #img_3{
           width:300px; height:180px;
        }

            #img_4{
           width:300px; height:180px;
        }

           #myCarousel2{
            width:300px; 
            height:200px; 
            margin-top:10px; 
            margin-left:-20px;
            background-color:white;


        }

             #primero{
              width:200px;
              height:125px;
          }


        .item{
            height:200px;
        }

           /*#img_carrusel{
               width:150px;
               height:75px;
           }*/

        .TextSlider{
            font-size:10px;
        }


          #imagen_mapa{
              width:300px;
              height:300px;
          }


          #ver_presentacion{
              margin-left:220px;
          }

           #logo_jumbotron{
            width:300px;
            height:200px;

        }
          .featurette-divider{
              margin-left:-55px;
          }
          
           #video{
            width:300px;
            height:200px;
            margin-left:-55px;
          }

           .col-md-6{
               margin-left:-55px;
           }

          .slogan{
           margin-top:-80px;
           margin-left:160px;
           margin-bottom:60px;
           font-size:10px;
           font-weight:bold;
           text-decoration:underline;
       }
          .contacto img{
              margin-right:0;
              position:relative;
          }
           #logo-clinicas{
          
          position:relative; 
          margin-top:10px;
          margin-right:auto;
          width:250px;
          height:150px;

   
        }


        
          #compu-app{
            position:relative;
            margin-left:0px;

          
            padding-bottom:30px;
        }

         



        #contactos{
            margin-left:-35px;
            margin-top:5px;
            position:relative;
            
          }

        #mail{
            margin-top:5px;
            margin-left:20px;
            
           
        }

        

        #tel{
            margin-top:0px;
            margin-left:20px;
        }

       
        .redes img{
            margin-right:2px;
            position:relative;

        }
            p.redes {
            margin-top:0px;
            margin-left:50px;
            position:relative;
           
        }

       .descripcion{
           text-align:justify;
           font-size:16px;

       }

        .contacto{
            color:white;
            font-size:13px;
            
           position:relative;
        }

        #logo-clinicas{
            width:250px;
            position:relative;
        }

       #info{
           margin-top:400px;
           

       }


   

          .carousel .item {
        margin-top:0px;
        height: 400px;
        background-color: #777;
        position:relative;
}

            .carousel {
            height:450px;
            }
        
        }
    






/*@media(max-width: 1500px) {


    .slogan{
           margin-top:-80px;
           margin-left:480px;
           margin-bottom:60px;
           font-size:12px;
           font-weight:bold;
           text-decoration:underline;
       }


    
           #logo-clinicas{
          
            
          margin-top:-50px;         
          margin-right:70px;
          padding-left:-80px;
          width:200px;
          height:130px;
          margin-bottom:10px;


        }

    .contacto {
        font-size: 12px;
        margin-left: 10px;
        margin-right:10px;
        margin-top:20px;

    }

    #contacto{
        margin-left:auto;
        margin-right:auto;
    }

    .correo {
        font-size: 12px;
        margin-left: 10px;
        margin-top: 1px;
    }

    .contacto img {
        margin-left: 0;
        margin-top: 5px;
        width: 25px;
        height: 25px;
    }


    #header {
        height: 80px;
    }

    #menu {
        margin-top: 0px;
    }
}*/