*{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-size: 14px;
}

body {
    padding-top: 90px;
    padding-bottom: 40px;
    background: url(/img/bg.jpg);
}

table thead{
    background: #ededed;
}

table th{
    text-align: center;
}

h2{
    font-size: 1.5em;
    color: #fff;
    font-weight: 100;
}

.navbar-inner{
    background: #0087D2;
    background-image: none;
    height: 70px;
}

.navbar .nav > li > a,
.navbar .nav > li > a:focus
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus{
    background: none;
    box-shadow: none;
    color: #fefefe;
    text-shadow: none;
    padding: 10px 7px;
}

.navbar .nav > li > a:hover,
.navbar .nav > .active > a:hover{
    background: none;
}

.navbar .nav > li.selected{
    background: none;
    border: none;
}

.navbar .nav > li.selected a{
    color: #000;
}


.banner-principal{
    padding: 0;
    text-align: center;
}

.banner-principal img{
    width: 100%;
}

.id{
    text-align: center !important;
    font-weight: bold;
}

div.home img{
    width: 100%;
}

h3.home{
    background: #F2F2F2 url('/img/Ir-Up.png') no-repeat center right 5px;
    color: #676767;
    padding: 2px 5px ;
    border-radius: 10px;
}

.btn-flecha:hover > h3.home{
    background: #F2F2F2 url('/img/Ir-Roll.png') no-repeat center right 5px;
    text-decoration: none !important;
}

h3 strong{
    display: block;
    margin-top: -15px
}

.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

.btn-success:active, .btn-success.active {
    background-color: #57a900;
}

div.container a.brand {
    margin-left: 0;
    padding: 0 10px 0 0;
}

div.container h2.nombre-usuario{
    padding-top: 10px;
}

@media (max-width: 1200px) {
    div.container h2.nombre-usuario{
        padding-top: 5px;
        font-size: 1.3em;
        line-height: 1em
    }
}

.mis-datos{
    /*background: rgba(0, 0, 0, 0) url("/img/45x45/ad_patient_up.png") no-repeat scroll 0 0;*/
    float: right;
    height: 20px;
    margin: 10px 3px 0 20px;
    width: 66px;
}

.btn-osstell{
    position: relative;
}
.btn-osstell .hover{
    position: absolute;
    left: -43px;
    top: -15px;
    display: none;
}

.btn-osstell:hover .hover{
    display: block;
}

.form-signin {
    max-width: 240px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-signin .form-signin-heading{
    color: #666;
    font-size: 1.5em;
    text-align: center;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.help-inline ul li{
    list-style: none;
}

.oculto{
    display: none;
}

.titulo-azul{
    color: #3CA1DB;
    padding-left: 100px;
}


.selected{
    border: solid 2px #ccc;
}

.desselected{
    border: solid 2px #fff;
}

#contiene-todo{
    max-width: 90%;
    margin: 0 auto;
}

#odontograma{
    margin-top: 10px;
}

#odontograma .pieza{
    position: relative;
    width: 30px;
    background-color:#FFFFFF;
    text-align: center;
    margin: 2px !important;
    padding: 2px;
}

#odontograma .pieza .link_implante{
    position: absolute;
    width: 100%;
}

#odontograma .abajo .link_implante{
    /*left: 0;
    padding: 1em 0.3em;
    top: 0;*/
    position: absolute;
    width: 100%;
    left: 0;
    top: 15px;
}

#odontograma .arriba .link_implante{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    rotation: 180deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    bottom: 13px;
    display: table-cell;
    left: 0;
    padding: 0 0 1em;
    text-align: center;
    vertical-align: middle;
}

#odontograma .pieza .link_implante img{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#odontograma .pieza .link_implante:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
}

#letras{
    margin: 15px auto 0;
    max-width: 730px;
    text-align: center;
    float: right;
}

#letras li{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 20px;
}

#letras li a{
    display: block;
    color: #00659B;
    font-size: 18pt;
}

#letras li:hover{
    /*background: #E0EDF6;*/
}

#letras li a:hover{
    color: #E0EDF6;
}

#letras .selected{
    /*background: #666666;*/
    border: none;
}

#letras .selected a{
    color: #fff;
}

table.chico{
    width: 600px;
}

table.chico td{
    width: 50%;
}

.table-bordered th,
.table-bordered td{
    background: #eee;
}

#login label,
#login .send{
    text-align: center !important;
}

.table-striped tbody tr:nth-child(2n) td,
.table-striped tbody tr:nth-child(2n) th,
.table-striped thead tr th {
    background-color: #FFFFFF;
    vertical-align: middle !important;
}

.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
    background-color: #E0EDF6;
    vertical-align: middle !important;
}

.well{
    background: #3CA1DB;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    min-height: 52px;
    padding: 0;
    height: auto;
}

.well h1{
    font-size: 25pt;
    margin: 0;
    padding: 10px;
    color: #fff;
    line-height: 1em;
    /*float: left;*/
    font-weight: 100;
    max-width: 600px;
}
h1 small{
    color: #fff;
    font-size: 16px;
    display: block;
}

.etapas,
.etapas-solas{
    margin: 0;
    height: 50px
}

.etapas li,
.etapas-solas li{
    list-style: none;
    float: left;
    padding: 5px;
}

.etapas-solas li{
    float: none;
    text-align: center;

}

.etapas-solas li a span{
    margin: auto;
}

.icono-35{
    height: 36px;
    width: 36px;
    display: block;
    -webkit-transition: background-image 0.5s ease-out;
    -moz-transition: background-image 0.5s ease-out;
    -ms-transition: background-image 0.5s ease-out;
    -o-transition: background-image 0.5s ease-out;
    transition: background-image 0.5s ease-out;
}

.icono-45{
    height: 47px;
    width: 47px;
    display: inline-block;
    -webkit-transition: background-image 0.5s ease-out;
    -moz-transition: background-image 0.5s ease-out;
    -ms-transition: background-image 0.5s ease-out;
    -o-transition: background-image 0.5s ease-out;
    transition: background-image 0.5s ease-out;
}

.numero-pieza{
    color:#005078;
    font-size: 1.2em;
}

.btn-eliminar{
    background: url('../img/35x35/delete_roll.png') no-repeat;
}
.btn-eliminar:hover{
    background: url('../img/35x35/delete_up.png') no-repeat;
}

#menu-paciente{
    background: url('../img/45x45/ad_file_up.png') no-repeat;
}
#menu-paciente:hover{
    background: url('../img/45x45/ad_file_roll.png') no-repeat;
}

#menu-admin{
    background: url('../img/45x45/admin_up.png') no-repeat;
}
#menu-admin:hover{
    background: url('../img/45x45/admin_roll.png') no-repeat;
}

#mis-pacientes{
    background: url('../img/45x45/home_up.png') no-repeat;
}
#mis-pacientes:hover{
    background: url('../img/45x45/home_roll.png') no-repeat;
}

#mis-datos{
    background: url('../img/45x45/profile_up.png') no-repeat;
}
#mis-datos:hover{
    background: url('../img/45x45/profile_roll.png') no-repeat;
}

#menu-logout{
    background: url('../img/LogOut_Up.png') no-repeat;
}
#menu-logout:hover{
    background: url('../img/LogOut_Roll.png') no-repeat;
}

#etapa-antecedentes{
    background: url('../img/35x35/background_up.png') no-repeat;
}
#etapa-antecedentes:hover{
    background: url('../img/35x35/background_roll.png') no-repeat;
}

#etapa-diagnostico{
    background: url('../img/35x35/diagnosis_up.png') no-repeat;
}
#etapa-diagnostico:hover{
    background: url('../img/35x35/diagnosis_roll.png') no-repeat;
}

#etapa-cirugia{
    background: url('../img/35x35/surgery_up.png') no-repeat;
}
#etapa-cirugia:hover{
    background: url('../img/35x35/surgery_roll.png') no-repeat;
}

#etapa-provisorio{
    background: url('../img/35x35/provisionalization_up.png') no-repeat;
}
#etapa-provisorio:hover{
    background: url('../img/35x35/provisionalization_roll.png') no-repeat;
}

#etapa-rehabilitacion{
    background: url('../img/35x35/rehabilitation_up.png') no-repeat;
}
#etapa-rehabilitacion:hover{
    background: url('../img/35x35/rehabilitation_roll.png') no-repeat;
}

#etapa-control{
    background: url('../img/35x35/control_up.png') no-repeat;
}
#etapa-control:hover{
    background: url('../img/35x35/control_roll.png') no-repeat;
}

#etapa-eliminar{
    background: url('../img/35x35/delete_roll.png') no-repeat;
}
#etapa-eliminar:hover{
    background: url('../img/35x35/delete_up.png') no-repeat;
}

#etapa-ver{
    background: url('../img/35x35/view_up.png') no-repeat;
}
#etapa-ver:hover{
    background: url('../img/35x35/view_roll.png') no-repeat;
}

#etapa-home{
    background: url('../img/35x35/fichas_paciente.png') no-repeat;
}
#etapa-home:hover{
    background: url('../img/35x35/fichas_paciente_hover.png') no-repeat;
}

#llama-adjunto{
    background: url('../img/Adjunto_up.png') no-repeat;
}

#llama-adjunto:hover{
    background: url('../img/Adjunto_roll.png') no-repeat;
}

#llama-adjunto-implante{
    background: url('../img/Adjunto_up.png') no-repeat;
}

#llama-adjunto-implante:hover{
    background: url('../img/Adjunto_roll.png') no-repeat;
}

.llama-adjunto-injerto{
    background: url('../img/Adjunto_up.png') no-repeat;
}

.llama-adjunto-injerto:hover{
    background: url('../img/Adjunto_roll.png') no-repeat;
}

.llama-adjunto-membrana{
    background: url('../img/Adjunto_up.png') no-repeat;
}

.llama-adjunto-membrana:hover{
    background: url('../img/Adjunto_roll.png') no-repeat;
}

#llama-adjunto-foto{
    background: url('../img/foto_Up.png') no-repeat;
}

#llama-adjunto-foto:hover{
    background: url('../img/foto_Roll.png') no-repeat;
}

#llama-adjunto-3d{
    background: url('../img/3D_Up.png') no-repeat;
}

#llama-adjunto-3d:hover{
    background: url('../img/3D_Roll.png') no-repeat;
}

#llama-adjunto-rx{
    background: url('../img/Rx_Up.png') no-repeat;
}

#llama-adjunto-rx:hover{
    background: url('../img/Rx_Roll.png') no-repeat;
}

#llama-ostell{
    background: url('../img/isq_logo.png') no-repeat;
}
#llama-ostell:hover{
    background: url('../img/isq_logo_hover.png') no-repeat;
}

#etapa-exportar{
    background: url('../img/35x35/Pdf_Up.png') no-repeat;
}

#etapa-exportar:hover{
    background: url('../img/35x35/Pdf_Roll.png') no-repeat;
}







.navbar .btn-navbar{display:none !important;}
#menu-fono{display: none; background: #0088cc}

.foto-paciente{
    text-align: center
}

.foto-paciente img{
    height: auto;
    max-width: 180px;
    margin-top:  10px;
}

.foto-paciente-fono img{
    height: auto;
    max-width: 100px;
    margin-top:  10px;
    margin-bottom:  10px;
}

.nuevo-paciente{
    background: url('/img/45x45/ad_patient_up.png') no-repeat;
    height: 46px;
    width: 46px;
    float:right;
    margin:3px 3px 0 20px;
}
.nuevo-paciente:hover{
    background: url('/img/45x45/ad_patient_roll.png') no-repeat;
}

.botones-adjuntos{
    height: 10px
}


.contenedor-counter{
    margin-left: 10px !important;
}
table.counter{
    margin-top: 10px
}

table.counter td{
    text-align: center;
    color: #A7A7A7;
    font-size: 1em;
    width: 50px;
}

.numerito{
    border: solid 2px #0088CC;
    color:#0088CC;
    width: 35px;
    margin: auto;
    height: 26px;
    display: block;
    border-radius: 21px;
    font-size: 1.3em;
    text-align: center;
    padding-top: 6px;
    background: #fff;
    -webkit-box-shadow: inset 3px 2px 5px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 3px 2px 5px -5px rgba(0,0,0,0.75);
    box-shadow: inset 3px 2px 5px -5px rgba(0,0,0,0.75);
}

.nombre-pieza{
    padding: 17px 20px 10px 10px;
    color: #fff;
}

.texto-counter{
    text-align: right;
    height: 37px;
    padding-top: 10px;
}

#resumen-datos strong{
    font-size: 1.2em;
    color: #3CA1DB;
}

#resumen .dentista strong{
    color: #3CA1DB;
}

.fecha-cirugia{
    color: #0088CC;
    background: url('../img/tiempo_cirugia.png') no-repeat 3px 5px;
    border: solid 2px #0088CC;
    padding: 10px 5px 10px 40px;
    height: 19px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    max-width: 100px;
    margin-top: 7px;
}
.fecha-cirugia strong{
    font-size: 1.3em;
}

.para_eliminar{
	color: #B7B7B7;
}

.para_eliminar select,
.para_eliminar label{
	color: #B7B7B7;
}

.espaciado{
	height: 20px;
}

.clear{
	clear: both;
}

.contiene-imagenes{
    margin-top: 10px;
    vertical-align: top;
}

.contenedor-imagenes{
    padding-top: 50px;
}

.datos-paciente{
    margin-top: 20px;
}

#codigo_implante{
    max-width: 160px
}

#tamanio-implante{
    clear: both;
    position: relative;
    margin-bottom: 20px;
    margin-left: 139px;
}

#tamanio-implante .long,
#tamanio-implante .por,
#tamanio-implante .diam{
    display: inline-block;
}

#tamanio-implante .long{
    width: 105px;
}

#tamanio-implante .por{
    width: 20px;
    text-align: center;
    font-weight: bold;
    margin-right: 10px;
}

#tamanio-implante .diam{
    width: 105px;
}

#tamanio-implante .long select,
#tamanio-implante .diam select{
    margin-left: 10px;
    width: 70px !important;
    display: inline !important;
}

.fecha-rehabilitacion{
    color: #0088CC;
    background: url('../img/tiempo_rehabilitacion.png') no-repeat 3px 3px;
    border: solid 2px #0088CC;
    padding: 10px 5px 10px 40px;
    height: 19px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    max-width: 100px;
    margin-top: 7px;
}
.fecha-rehabilitacion strong{
    font-size: 1.3em;
}

.texto-diferencia{
    color: #0088CC;
    background: url('../img/tiempo.png') no-repeat 3px 3px;
    border: solid 2px #0088CC;
    padding: 3px 5px 10px 40px;
    height: 26px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.38);
    max-width: 100px;
    min-width: 86px;
    margin-top: 7px;
}

.texto-diferencia strong{
    /*font-size: .8em;*/
}

form#control{
    margin: 40px 0;
}

.ficha-antiguo{
    margin-bottom: 0 !important;
}

.ficha-antiguo label{
    display: inline;
}

.ficha_tipo_1 > td,
.ficha_tipo_1 > th,
.ficha_tipo_2 > td,
.ficha_tipo_2 > th,
.ficha_tipo_3 > td,
.ficha_tipo_3 > th,
.ficha_tipo_4 > td,
.ficha_tipo_4 > th,
.ficha_tipo_5 > td,
.ficha_tipo_5 > th{
    background: rgba(255,255,255, .7) !important;
    border: none;
}

.ficha_tipo_1{
    background-image: -webkit-linear-gradient(#0088cc, #006793);
    background-image: -o-linear-gradient(#0088cc, #006793);
    background-image: linear-gradient(#0088cc, #006793);
    border-top: solid 1px #0088cc;
    border-bottom: solid 1px #006793;
    background-color: #006793;
}
.ficha_tipo_1:hover,
.ficha_tipo_1:active,
.ficha_tipo_1.active {
    background-color: #006793;
}

.ficha_tipo_2{
    background-image: -webkit-linear-gradient(#DCDCDC, #F0F0F0);
    background-image: -o-linear-gradient(#DCDCDC, #F0F0F0);
    background-image: linear-gradient(#DCDCDC, #F0F0F0);
    border-top: solid 1px #3DBEFF;
    border-bottom: solid 1px #F0F0F0;
    background-color: #F0F0F0;
}
.ficha_tipo_2:hover,
.ficha_tipo_2:active,
.ficha_tipo_2.active {
    background-color: #F0F0F0;
}

.ficha_tipo_3{
    background-image: -webkit-linear-gradient(#67FC62, #12E50B);
    background-image: -o-linear-gradient(#67FC62, #12E50B);
    background-image: linear-gradient(#67FC62, #12E50B);
    border-top: solid 1px #67FC62;
    border-bottom: solid 1px #12E50B;
    background-color: #12E50B;
}
.ficha_tipo_3:hover,
.ficha_tipo_3:active,
.ficha_tipo_3.active {
    background-color: #12E50B;
}

.ficha_tipo_4{
    background-image: -webkit-linear-gradient(#F4C950, #D39B00);
    background-image: -o-linear-gradient(#F4C950, #D39B00);
    background-image: linear-gradient(#F4C950, #D39B00);
    border-top: solid 1px #F4C950;
    border-bottom: solid 1px #D39B00;
    background-color: #D39B00;
}
.ficha_tipo_4:hover,
.ficha_tipo_4:active,
.ficha_tipo_4.active {
    background-color: #D39B00;
}

.ficha_tipo_5{
    background-image: -webkit-linear-gradient(#F7FC62, #D1D804);
    background-image: -o-linear-gradient(#F7FC62, #D1D804);
    background-image: linear-gradient(#F7FC62, #D1D804);
    border-top: solid 1px #F7FC62;
    border-bottom: solid 1px #D1D804;
    background-color: #D1D804;
}
.ficha_tipo_5:hover,
.ficha_tipo_5:active,
.ficha_tipo_5.active {
    background-color: #D1D804;
}


.ficha_tipo_1.disabled,
.ficha_tipo_1[disabled],
.ficha_tipo_2.disabled,
.ficha_tipo_2[disabled],
.ficha_tipo_3.disabled,
.ficha_tipo_3[disabled],
.ficha_tipo_4.disabled,
.ficha_tipo_4[disabled],
.ficha_tipo_5.disabled,
.ficha_tipo_5[disabled]{
    background-color: #e6e6e6;
    color: #333333;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
}

.ficha_perdida > th,
.ficha_perdida > td{
    background: #F2DEDE !important;
    border: none;
}
.ficha_perdida{
    background-image: none;
    border-top: solid 1px #F2DEDE;
    border-bottom: solid 1px #F2DEDE;
}

.contiene_injerto,
.contiene_membrana{
    border: solid 1px #ccc;
    padding: 10px 10px 0 10px;
    max-width: 450px;
    margin-bottom: 10px
}



@media (max-width: 767px) {
    .navbar .btn-navbar{display:block !important;}
    #menu-fono{display: block;}

    .well{
        height: auto;
    }

    .well h1{
        float: none;
    }

    .nombre-pieza{
        float: none;
        padding: 0 10px 10px 10px;
    }

    .botones-adjuntos{
        height: auto;
        float: none
    }

    .contenedor-counter{
        float: left !important;
        margin-left: 10px !important;
        width: 140px !important;
    }

    .fecha-cirugia,
    .fecha-rehabilitacion,
    .texto-diferencia{
        float: left !important;
        max-width: 100px !important;
        padding-right: 5px !important;
    }
    .fecha-cirugia strong,
    .fecha-rehabilitacion strong{
        font-size: 1.2em;
    }

    .contenedor-imagenes{
        padding-top: 0;
        padding-bottom: 30px;
    }
}

@media (max-width: 480px) {
    #tamanio-implante{
        margin-left: 0px;
    }
}