body{margin:0;}

body,input,textarea,select{
		font-family: 'Raleway', sans-serif;
		font-weight: 200i;
		font-size: 11pt;
		line-height: 1.75em;}

h1,h2,h3,h4,h5,h6{  
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 500;}

.portada-mobile {display:none;}
.enva-resp {display:none;}

#productos h5 {text-transform: inherit; display: block;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
			display:block;
			color: inherit;
			text-decoration: none;}

strong, b{
		font-weight: bold;
		color: #000000;}

a{color:#A37736;}

p, ul, ol, dl, table{margin:0;}


header{width:100%;
	   background: rgba(255,255,255,0.6);
	   margin: 0;
	   position: relative;}

#arriba {background:#fff;}
#arriba2 {background:#fff;}




h1 {background: url(../img/logo.png) no-repeat;
    width:480px;
    height:112px;
    text-indent:-9999px;
    float:left;
    margin: 2% 2% 1% 7%;;
    padding-bottom: 20px;}

h1 a{display:block; height:75px;}

.h1-eng {background: url(../img/logo-en.png) no-repeat;
    width:480px;
    height:112px;
    text-indent:-9999px;
    float:left;
    margin: 2% 2% 1% 7%;;
    padding-bottom: 20px;}

.h1-eng a{ display:block; 
    width:480px;
    height:85px;
    text-indent:-9999px;
    float:left;
    margin: 2% 2% 1% 7%;;
    padding-bottom: 20px;}

.h1-eng-mobile {display:none!important;}

.atendemos {
	display:block;
	width:120px;
    height:auto;
    text-indent:-9998px;
    float:left;
    margin-left:15%;
    margin-top: 2%;}

h3 {display:block;text-align:center;color:#fff;font-size:14px;font-weight:500;background: linear-gradient(to right, #D49645, #68421C, #D49645, #DFB580); padding: 1% 0 1% 0;}

h5 {display:inline-block;text-align:center;color:#5e5e5e;font-size:20px;font-weight:800; font-style:italic; margin:0; text-transform:lowercase;}
hr {display:inline-block;height: 1px; border: 0;background-color: #5e5e5e; margin:5px 25px;}


ul, li {display:inline-block;padding:0; list-style:none; text-align:center;}
nav a {text-decoration:none; margin-right:35px; font-size:18px;color: #5d5d5d; font-weight: 500; }
.presionado{color: #A37736; font-weight: bold;}
.presionado2{background:#A37736;color:#fff;}


img {margin:10px 0px 10px 0px; border:none;}
#inicio img {margin:0 auto; padding:0; height:100%;}
.text {position:absolute; bottom:0px; right:30%; width:50%; }

/*.indice {display:inline-block;float:none;width: 20%; margin-left: 9%;padding: 0.5em 1em; border: 0.5px solid #7ddbd3;}
.indice p{text-align: left; padding-left: 8%;}
.indice h2{text-align: left; padding-left: 8%; color:black;}

.indice-r{display:none;float:none;width: 80%; margin-left: 9%;padding: 0.5em 1em; border: 0.5px solid #7ddbd3;}
.indice-r p{text-align: left; padding-left: 8%;}
.indice-r h2{text-align: left; padding-left: 8%; color:black;}*/

.redes{display: inline-block; margin-right: 10%; margin-top: 40px; display: flex; align-items: center; justify-content: flex-end;}
.redes p {color: #A37736; font-weight:bold; padding-right: 10px;}
.wssp-directo {position: fixed; bottom: 40px; right: 40px; z-index:9999 !important;}
.alinear {display:flex; align-items: center;}

.redesfoot{position:absolute;
    margin-left: 8%;
    margin-top: 250px;}


.container {text-align:center; margin:0 auto; max-width:100%;}
.atendemos a {display: none;}
#inicio {background: white; width:100%;margin:0 auto; padding:0; position:relative;}
.prod {text-align:center;display: inline-block; margin: 3% 0 3% 0;}
/*.prod p{margin:7px;}*/
.prod2 {text-align:center;display:inline; padding-left:20%;}
.prod2 p{margin:7px;}
.prod4 {text-align:center;display:inline; padding-left:36%;}
.prod4 p{margin:7px;}
.contenedorproductos{text-align:center;}
.contenedorproductos2{text-align: left;}
#productos .container ul li{display:inline-block; margin:15px 0px 15px 15px; width:380px; vertical-align:top; position:relative;}
#productos2 .container ul li{display:inline-block; vertical-align:top;}
#productos2 {background:rgba(125,219,211,0.4);}
#productos2 h4{font-size:20px; color:#5d5d5d; font-style: italic; /*font-variant:all-petite-caps; font-weight:bold;*/padding-left: 22%; padding-top: 1%;}

.prod3{display:inline-block;}
.prod3 li p a{color:#5d5d5d; text-align:left !important; text-decoration: none; font-weight: bold; font-size: 18px; vertical-align:top;}
.prod3 li p a:hover{color:#000;}
#productos2 .container .prod3 li {width: 113%; display: block; border-left: 3px solid #5d5d5d; margin-left:19%;text-align: left; padding-left: 6%;}
#productos2 .container .prod5 li {width: 80%; padding: 3%;}

.prod5{display:inline-block;}
.prod5 li p a{color:#5d5d5d; text-align:left !important; text-decoration: none; font-weight: bold; font-size: 18px; vertical-align:top; line-height: 59px; margin-left: -16px;}
ul.prod5 {vertical-align: middle; border: 11px solid rgb(255 255 255 / 80%); margin: 2%; padding: 0; background-color: #7ddbd3; height: 100px; width: 100px; border-radius: 71px;}
ul.prod5:hover {vertical-align: middle; border: 11px solid rgb(255 255 255 / 80%); margin: 2%; padding: 0; background-color: rgb(255 255 255 / 20%); height: 100px; width: 100px; border-radius: 71px;}
.prod5 li{display:block; margin:15px !important;}

.obs-r {display:none;} 

#otrasespecialidades{position: relative; padding: 4% 4% 4% 28%; /*background: linear-gradient(to right, #D49645, #68421C, #D49645, #DFB580)*/; background-color:#575757; background-image: url(../img/conexiones.jpg); color:#fff; height: auto; display: inline-block; width: 68%;}
#otrasespecialidades img{position:absolute; top:15%; left:18%;}
.resaltado {color:#000; font-size: 20px; text-align: justify;}
.resaltado strong{color:#000; }
.bloque {text-align:left; padding:1rem 0;}
.servicios {background-color:#eeeeee; width:70%; padding:1rem; padding: 2% 15%; display: flex;}
.h {font-size:20px;}
.h-color {font-size:23px; color:#A37736; font-weight:bold; }

#contiene-equipotrabajo {display:flex; /*background:#ddd*/; justify-content: center; /*padding-bottom: 5%;*/}
#contiene-equipotrabajo-kinesio{display:flex; background:#a5a5a5; align-items: center; justify-content: center; padding-bottom: 7%;}
.equipotrabajo {position:relative; display:inline-flex; margin:0; width:20%; min-height:14em; padding:2%; text-align:center;}
.equipotrabajo ul {display: block; width:80%; }
.equipotrabajo li{width:47%; line-height:1.5em;}       
.equipotrabajo img {display:inline; float:left;}
.stafftrabajo {display:block; min-height:14em; padding:4% 4% 1% 4%;text-align:center;}
.stafftrabajo ul {display: block; width:80%; margin-left:15%;}
.stafftrabajo li{width:31%; line-height:1.5em; min-height:70px;margin-top: 3%;
    margin-bottom: 5%;}       
.stafftrabajo img {display:inline; float:left; margin-right: 5%; width:25%;}

.descrip{text-align: left; color:#575757 !important; width:100%;padding-top: 0 !important;
    padding-bottom: 22px;}
.trabajodestacado {font-size:18px; color:#5d5d5d; font-weight:bold; text-align: left;}
.verdementa-plus {font-size:17px; color:#A37736; font-weight:bold; text-align: left;}
.descrip-staff{text-align: left; color:#575757 !important; padding-top: 0 !important;
    padding-bottom: 22px; font-size:14px;}
.trabajodestacado-staff {font-size:15px; color:#5d5d5d; font-weight:bold; text-align: left;}
.verdementa-plus-staff {font-size:15px; color:#30cebb; font-weight:bold; text-align: left;}
.verdementa-subrayado {font-size:15px; color:#30cebb; font-weight:bold; text-align: right; float:left; margin-left: 7%; border: 0.8px solid #30cebb; padding: 2px 8px; text-decoration: none;}
.verdementa-subrayado:hover{font-size:15px; color:#5d5d5d; font-weight:bold; text-align: right; float:left; margin-left: 7%; border: 0.8px solid #5d5d5d; padding: 2px 8px; text-decoration: none;}
.verdementa-subrayado-staff {font-size:15px; color:#30cebb; font-weight:bold; text-align: right; float:left; margin-left: 30%; border: 0.8px solid #30cebb; padding: 2px 8px; text-decoration: none;}
.verdementa-subrayado-staff:hover{font-size:15px; color:#5d5d5d; font-weight:bold; text-align: right; float:left; margin-left: 30%; border: 0.8px solid #5d5d5d; padding: 2px 8px; text-decoration: none;}
.linkedin1 {font-size: 13px;
    color: #5d5d5d;
    text-align: right;
    float: left;
    margin-left: 5%;
    border-bottom: 0.8px solid #5d5d5d;
    padding: 2px 8px;
    text-decoration: none;}
.linkedin1:hover{font-size: 13px;
    color: #5d5d5d;
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: 5%;
    border-bottom: 1px solid #5d5d5d;
    padding: 2px 8px;
    text-decoration: none;}
.linkedin {font-size:13px; color:#5d5d5d; text-align: right; float:left; margin-left: 30%; border-bottom: 0.8px solid #5d5d5d; padding: 2px 8px; text-decoration: none;}
.linkedin:hover{font-size:13px; color:#5d5d5d; font-weight:bold; text-align: right; float:left; margin-left: 30%; border-bottom: 1px solid #5d5d5d; padding: 2px 8px; text-decoration: none;}
.titulodestacado {display:block; color:#A37736; font-size:50px; font-weight: bold; font-style: italic; text-align:center; margin-bottom:2%;}
.titulodestacado-especial {display:block; color:#5d5d5d; font-size:32px; font-weight: bold; font-style: italic; text-align:center; margin-bottom:2%;}
.titulodestacado-especial-kinesio {display:block; color:#a5a5a5; font-size:75px; font-weight: bold; font-style: italic; text-align:center; margin-bottom:2%;}
.video {width: 100%; height: auto; margin: 10px 0px 10px 0px;}

.trabajo1 li{position:relative;}
.trabajo-kinesio li{position:relative;}
.dr-img{position:absolute}
.dr-dato{top: 6%; padding-left: 64px;}
.rem-dato{position: absolute; top: 66%;padding-left: 180px;}
.disciplina {position:absolute; bottom:0; left:0;}

.mensaje {display:inline-flex; color:#30cebb;width: 90%; text-align: center; padding: 2% 5% 2% 5%;}
.intro {display:inline-flex; width: 70%; text-align: justify; padding: 2% 15% 2% 15%;}
 
#fondo img{position: absolute; top: 210px; width: 100%; z-index: -10; margin:0;}

/* Botones */
.boton-ficha {font-size: 15px;
    color: white;
    text-align: right;
    /*float: left;*/
    padding: 1px 6px;
    text-decoration: none;
    background: #a5a5a5;
    margin: 5px 0 5px 0;}

.boton-ficha:hover {font-size: 15px;
    color:#5d5d5d;
    text-align: right;
    /*float: left;*/
    padding: 1px 6px;
    text-decoration: none;
    background: #30cebb;
    margin: 5px 0 5px 0;}


    .boton1{
    position: absolute;
    bottom:10%;
    margin-top: 0.5em;
    /*padding: 1em 1.5em;*/
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    color: #fff;
    -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    cursor: pointer;}


.boton2{position: absolute;
    bottom: 6%;
    left: 0;
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,0.8);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    color: #A37736;
    -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    cursor: pointer;}

    a.boton2{display:block;padding-top: 13%;padding-bottom: 4%;}


    .boton2:hover{
    background: rgba(163,119,54,0.8); 
    color: #fff !important;}

    .boton3{padding: 0.5em 1em;
    float:right;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
    border: 0.5px solid #000;
    -moz-border: 0.5px solid #000;
    -webkit-border: 0.5px solid #000;}

    .boton3:hover{
    border: 0.5px solid #A37736;
    -moz-border: 0.5px solid #A37736;
    -webkit-border: 0.5px solid #A37736;
    color: #A37736 !important;}

    .boton{
    background: #A37736;
    text-decoration: none;
    text-transform: uppercase;
    font-weight:bold;
    color: #fff;
    cursor: pointer;
    width: 40%;
    margin-top:10px;
    padding:5px;
    border:1px #A37736 solid;}

    .boton:hover{background: #fff; color: #A37736 !important; font-weight:bold; border:1px #A37736 solid;}

.up {background: url(../img/up.png); width:40px; height:40px; text-indent:-9999px; position:fixed;bottom:15px; right:15px;}

/* FIN Botones */

#empresa {display:block; background: #f0eeee; padding-bottom: 4%; margin-bottom:4%; position:relative;}
.izq a {display:none;}
.container article{background: #fff;float:left;min-height:600px; margin-bottom:15px;}

.patologia-strong {display:inline-block; font-weight:bold; color: #5d5d5d; font-size:15px;}
.patologia-strong a:hover {display:inline-block; font-weight:bold; color: #A37736; font-size:15px;}
#patologiascadera {display:flex;; background:#f0eeee; position:relative; padding-bottom: 4%;/*justify-content:center; align-items:center; min-height: 100vh;*/}
#patologiasrodilla {display:flex; background:#ccc; position:relative; padding-bottom: 4%;}
#patologiasterapiasbio {display:block; background:#ccc; position:relative; padding-bottom: 4%;}
#patologias-dianosticoporimagen {display:block; background:#f0eeee; position:relative; padding-bottom: 4%;}
#tratamientoscadera {display:block; background:#f0eeee; position:relative; padding-bottom: 4%;}
#tratamientos-terapiasbio {display:block; background:#f0eeee; position:relative; padding-bottom: 4%;}
#tratamiento-reduccion-osteosintesis {display:block; background:white; position:relative; padding-bottom: 4%;}
#tratamientosrodilla {display:block; background:#ccc; position:relative; padding-bottom: 4%;}
#artrosis-cadera {display:block; margin:0;}
.izq {float:left;width:40%; padding-left:5%;}
.izq-especial {float:left;height:90px; padding-left:10%; padding-top:2%;}
.izq-tratamiento {float:left;width:20%; padding-left:18%; padding-top:22px;}
.der {float:left; width:40%;padding-left:30px;padding-top: 3%;}
#der-especial {display:inline-block; /*float:left;*/ width:38%;padding-left:1%;padding-top: 5%;}
#der-especial p {text-align:left;}
#der-especial p a{text-decoration:none;}
#der-especial h2 {text-align:left;}
.der-tratamiento {display:inline-block; /*float:left;*/ width:40%;padding-left:2%;padding-top:25px;}
.der-tratamiento p {text-align:left;}
.der-tratamiento p a{text-decoration:none;}
.der-tratamiento h2 {text-align:left;}
.indice {position:absolute; right:0; top:0; border:none; width:185px; margin:0; padding:0;}
article h2 {color:#5d5d5d; text-align:center;font-size:16px; font-weight:bold;}
article p {text-align:center;}
.lista {float:left; 
        width:40%;
        margin-left:120px;
        margin-top: 2%;
        padding-top: 3%;
        border-left: 1px solid #408080;
        -moz-border-left: 1px solid #408080;
        -webkit-border-left: 1px solid #408080;}
.lista p{text-align:left;padding-left:8%;}
.lista h3{text-align:left;padding-left:8%;}
.lista h2{text-align:left;padding-left:8%;}
.lista hr{float:right;border: 0;background-color: #A37736;}

/* Prop Acordeon */
.accordion {max-width:800px;}
.accordion .contentBx{position:relative; margin:10px 20px;}
.accordion .contentBx .label{position:relative; padding:6px 30px 6px 14px; cursor:pointer; border-bottom: 1px solid #ccc;}
.accordion .contentBx .label:before {content: '+'; position:absolute; top:50%; right:20px; transform: translateY(-50%); font-size: 1.5em;}   
.accordion .contentBx.active .label:before {content: '-';}
.accordion .contentBx .content {position:relative; height:0; overflow:hidden; transition: 0.5s; overflow-y:auto;}
.accordion .contentBx.active .content {height:350px; padding:10px;}
.accordion .contentBx .content-min {position:relative; height:0; overflow:hidden; transition: 0.5s; overflow-y:auto;}
.accordion .contentBx.active .content-min {height:200px; padding:10px;}
/* FIN Prop Acordeon */

#empresa.especia{background: #fff;}
#empresa.especia img{width:30%;}
.letrachica {font-size:10px; line-height:14px;float:right;}

.dusensrl{ background: rgba(255,255,255,0.8); text-align:center;border-radius: 2em; -moz-border-radius: 2em;-webkit-border-radius: 2em;margin:5px;float:left; width:40%; margin-bottom:5%;padding:10px;}
#quienes{background:url(../img/fondo-quienes.jpg) no-repeat;padding-left: 5%; padding-bottom: 4%;padding-top:5%;min-height:800px; }

#turnos {background: grey; color:#fff; padding: 0 14px 0 14px;}


footer .container {background: linear-gradient(to right, #D49645, #68421C, #D49645, #DFB580);color: #fff;}
footer .container {text-align:center;}
footer li{line-height: 2.1em;  float:left; padding-bottom:30px;text-align:left;text-transform:uppercase;}
footer li p strong{color:#757575; font-size:20px;font-weight:normal;}
.donde {text-transform: initial; margin-top:30px; font-size: 12px;}
.donde-mobile {display:none; text-transform: initial; margin-top:30px; font-size: 22px;margin-top: 0px;}
.socialmedia {padding-top: 25px;display:inline-block;padding-left:40px;}
/*.socialmedia img{ display:block; margin-left:44%;}*/

.balloon {float:left;padding:4% 4% 4% 10%;}
.balloon2{display:none; float:left;padding:4% 4% 4% 10%;}

.pie {width:100%; height:2em;background:#5d5d5d; text-align:center; font-size:11px;line-height: 2em;letter-spacing: 1px; text-transform: uppercase; color:black;}
.pie a {color:inherit; text-decoration:none; text-transform: bold}
.clear{clear:both;}

/* clases solo para LoCA */
.conectar {padding:2em 6em; margin-top:4%; display: flex; align-items: center;}
.conectar h2{float:left; font-family: 'Raleway', sans-serif; font-weight:300; font-size: 25px; color:#A37736; padding-left:15%;}
.conectar h2 strong{color:#A37736;}
.conectar img{float:left;padding-left:10%;}
.conectar h4{letter-spacing: 1px; text-transform: uppercase;font-weight: 500;text-align: center; color: #A37736; margin: 0 auto;}
.conectar h4 strong{color:#A37736;}

.conectar-primero {padding:2em 6em; margin-top:4%; display: flex; align-items: center;}
.conectar-primero h2{float:left; font-family: 'Raleway', sans-serif; font-weight:300; font-size: 25px; color:#A37736; padding-left:15%;}
.conectar-primero h2 strong{color:#A37736;}
.conectar-primero img{float:left;padding-left:10%;}
.conectar-primero h4{letter-spacing: 1px; text-transform: uppercase;font-weight: 500;text-align: center; color: #A37736; margin: 0 auto;}
.conectar-primero h4 strong{color:#A37736;}

.conectar-mobile {display:none; padding:2em 6em; margin-top:4%; align-items: center;}
.conectar-mobile h2{float:left; font-family: 'Raleway', sans-serif; font-weight:300; font-size: 25px; color:#A37736; padding-left:15%;}
.conectar-mobile h2 strong{color:#A37736;}
.conectar-mobile img{float:left;padding-left:10%;}
.conectar-mobile h4{letter-spacing: 1px; text-transform: uppercase;font-weight: 500;text-align: center; color: #A37736; margin: 0 auto;}
.conectar-mobile h4 strong{color:#A37736;}
.img-pie {width:100% !important;}
.idioma {background: linear-gradient(to right, #D49645, #68421C, #D49645, #DFB580); width:100%; color: white!important;text-decoration: none;text-align: right;}
.idioma a{color:white; text-decoration: none; padding-right: 1%;}
.idioma a:hover{color:black;}
.clients{padding: 0 15%;}
/* FIN clases LoCA */




/* M E D I A  Q U E R I E S */

img { max-width:100%; height:auto}

@media screen and (max-width:1708px){
.socialmedia { padding-top: 25px; display: flex;}
.socialmedia a{ margin-left: 10px;}
/*.indice {float:left;width:38%; margin-left: 13%;}*/
}

@media screen and (max-width:1608px){
#productos .container ul li{margin:0;width:30%;}
#productos2 .container ul li{margin:0;width:9%;}
.izq {padding-left:5%;}
.servicio {padding-left:10%;}
/*.indice {float:left;width:38%; margin-left: 13%;}*/
}


@media screen and (max-width:1534px){
h1 {margin-left: 5%;}
}

@media screen and (max-width:1500px){
nav a {margin-right: 4px; font-size: 15px;}
}

@media screen and (max-width:1395px){
h1 {margin-left:12%;}
.h1-eng {float: left; padding-left: 12%; padding-top: 20px;}
.equipotrabajo-unico {padding:4% 4% 6% 2%;}
.stafftrabajo li {width: 46%;}


}

@media screen and (max-width:1366px){
h1 {margin-left:12%;}
.izq-especial { padding-left: 5%;}
#productos2 .container ul li {width: 10%;}
.prod2 {padding-left: 24%;}
#productos2 h4 {padding-left: 16%; font-size:17px;}
.equipotrabajo li {width: 80%;}
.prod4 {padding-left: 30%;}
.destacado {width: 100% !important;}
.izq-tratamiento {width: 30%; padding-left: 10%;}
}



@media screen and (max-width:1306px){
.container article{min-height:50px;}
#productos .container ul li h2{font-size:13pt;}
#productos2 .container ul li h2{font-size:13pt;}
.redes {margin-right: 25px;}

}




@media screen and (max-width:1286px){
.h3index { padding: 7% 0 7% 0;}
.h3index img{float: none;width: 19%; }
.der{text-align:left; width:42%;}
.lista{text-align:left; width:42%;}
.medio {width:40%}
article.otrosequipos {width:17%;}
#productos .container ul li h2{font-size:11pt;}
#productos2 .container ul li h2{font-size:11pt;}
.obs {display:none;}
.obs-r {display:block;}
}

@media screen and (max-width:1205px){
#der-especial {padding-top: 8%;}
.prod3 {padding-bottom: 4%;}
/*.container {height: 13em;}*/
}

@media screen and (max-width:1170px){
header{background: none;}
}

@media screen and (max-width:1080px){
#contiene-equipotrabajo-kinesio {display: block;}
.balloon {display:none;}
.balloon2{display: inline-block}

h1 {margin-left:10%;}
.der{text-align:center; width:90%;}
.lista{text-align:center; width:40%;}
.izq{width:82%; padding-left:8%;}
#productos .container ul li{width:40%;}
#productos .container ul li h2{font-size:16pt;}
#productos2 .container ul li{width:12%;}
#productos2 .container ul li h2{font-size:16pt;}
}

@media screen and (max-width:1020px){

}

@media screen and (max-width:996px){
.equipotrabajo {display: block; width: 100%; padding: 1% 0% 6% 0%;min-height:8em;}
.equipotrabajo ul{width:60%;}
.equipotrabajo li{width:70%; margin-left:0;}
.equipotrabajo-unico ul{width:60%;}
.equipotrabajo-unico li{width:70%; margin-left:0;}
.dr-dato {position:relative;top: 25%; width:100%;  padding-left: 95px;}
.rem-dato {position:relative;top: 40%; width:100%;  padding-left: 180px;}
.descrip {width:100%; font-weight:800;}
#patologiascadera {display: flex; flex-direction: column; align-items: flex-start;}
#patologiasrodilla {display: flex; flex-direction: column; align-items: flex-start;}
#der-especial {display: inline-block; width: 100%;padding-left: 5%; padding-top: 0%;}
.atendemos {display:none;}
article.equipos {width:16%;}
.prod {width:80%}
#empresa.especia img {width: 60%;padding-left:19%;margin-top:20px;}
.lista {width:80%;padding-right: 7%;}
/*.indice {width:60%;padding-right: 7%;margin-left: 20%;}*/
.dusensrl{width:90%;}
.boton1 {margin-right: 20%;}
#quienes{background:none;}
h2.titulo {width:90% !important;}
#otrasespecialidades img {display:none;}
#otrasespecialidades {padding: 4%; width: 90%; text-align:center;}
#contiene-equipotrabajo {display: flex; flex-direction: column; padding: 1% 10%;}
}

@media screen and (max-width:843px){
.stafftrabajo li {width: 73%;}
.titulodestacado {font-size: 66px; margin-bottom: 6%; margin-top: 3%;}
.donde {margin-left: 3%;}
h1 {background: url(../img/logo-300px.png) no-repeat; width: 300px; text-indent: -9999px;}
.boton2 {position: absolute; bottom: 6%; left: 23%; width: 54%; height: 2em;}
.conectar img {display: none;}

.der{width:80%;padding-left: 7%;}
.izq{width:80%;}
.portada-mobile {display:block;}

.prod {width:90%}
#contacto li {padding-left:40px;}
.redesfoot {padding-left:300px;}
.indice-r{display:inline-block;}
#izq-mobile{display:none;}

.envase {display:none;}
.enva-resp {display:block;}
#portada-r {display:none;}
#inicio img {height:auto;}
.compromiso {display:none;}
#productos .container ul li{width:95%;}
}

@media screen and (max-width:783px){
.redes{display:none;}
h1 {display:block;}
.h1-eng-mobile {display:flex!important; justify-content: space-around; margin: 2% 0;}
.h1-eng {display:none!important;}
.redes {float:none;margin-left: 10%;margin-top: 20px;}
a.boton2 {width: 64%;}
.boton2 {position:absolute;bottom:5%; left:18%;}  
#fondo img{display:none;}

.izq {width:80%;}
.servicio {width:80%;}
.med {padding-left:10%;}
#productos2 .container ul li{width:18%;}
#productos2 .container .prod3 li {width: 100%; display: block; border-left: 2px solid #5d5d5d; margin-left: 1%; text-align: left; padding-left: 2%;}
.prod3 {display: flex;}
.prod4 {padding-left: 12%;}
.indice {width: 22% !important;}
.izq-tratamiento {width: 80%;}
.der-tratamiento {width: 80%; padding-left: 11%;}
}

@media screen and (max-width:670px){
#der-especial {width: 89%;}
#der-especial h2{padding-top: 16%;}
.izq-especial {display: none;}
.prod4 {padding-left: 6%;}
#productos2 .container ul li {width: 19%;}
#productos2 .container ul li {width: 20%; margin-left:-12px}
ul.prod5 {border: 8px solid rgb(255 255 255 / 80%); height: 70px; width: 70px; margin-top:6%;}
ul.prod5:hover {border: 8px solid rgb(255 255 255 / 80%); height: 70px; width: 70px; margin-top:6%;}
.prod5 li p a {font-size: 14px; line-height: 38px; display: flex; align-items: center;flex-direction: column;}
.idioma {text-align: center;}
.donde {display:none;}
.donde-mobile {display:block;}
.conectar-mobile {display:flex; align-items: center;}
.conectar{padding: 2em; margin-top: 1%;}
.dr-dato {padding-left: 58px!important;}
.clients { padding: 0 1%!important;}
}

@media screen and (max-width:615px){
h1 {margin: 7% 0 5% 20%;}
/*.redes {display:block; float:none; background:none; height: 45px; position: relative; z-index:9999; margin-top:0px; margin-left:0px; margin-right:0px;}*/
.container img{background-image: url(../img/ldusenespecias-2.jpg) no-repeat;}
/*.container {height: 18em;}*/
}


@media screen and (max-width:607px){
article.equipos {width:90%; min-height:340px;}
.medio {width:90%; padding-bottom:7%;}
.boton3{ margin-right: 20%; margin-left: 5%; margin-bottom: 5%;}
.lista { margin-left: 10%;}
.h3index {padding-left: 10%; padding-right: 10%;}
.stafftrabajo img {width: 38%;}
.stafftrabajo ul {display: block; width: 80%; margin-left: 13%;}
.stafftrabajo li {width: 100%; padding: 4% 0 4% 0;}
#otrasespecialidades {padding: 10% 4%;}
}

@media screen and (max-width:500px){
.dr-img {position: absolute; left: 43px; width: 70%;}
.dr-dato { width: 100%;}
.rem-dato { width: 100%; padding-left: 168px;}
.verdementa-subrayado-staff {margin-left: 25%;}
.verdementa-subrayado-staff:hover {margin-left: 25%;}
.verdementa-subrayado {margin-left: 0;}
.verdementa-subrayado:hover {margin-left: 0;}
.equipotrabajo-unico {padding: 4% 4% 6% 0%;}

}

@media screen and (max-width:414px){
h1 {margin: 18% 0 5% 12%;}
}

@media screen and (max-width:375px){
#contacto li{padding-left: 15px;}
.senasa{max-width: 40%;}
h1 {margin: 18% 0 5% 8%;}
}