@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;400i;600;700;700i&display=swap');
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    transition: all .27s linear;
    -moz-transition: all .27s linear;
    -webkit-transition: all .27s linear;
    -o-transition: all .27s linear
}

body {
    margin: 0;
    padding: 0;
    color:#666666;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px; font-weight:400
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
    color: inherit;
    outline: none;
    outline: 0;
    border: none;
    -moz-outline-style: none
}

ul{ margin:0; padding:0; list-style-type:none; margin-top:25px; }
ul li{margin-bottom:4px; position: relative; list-style-type: none;  }

.li_image li{padding-left:28px}
 
    .li_image li:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0px;
        width: 18px;
        height: 18px;
        background-image: url('../images/icon_ul.png');
    }

.container {
    /*max-width: 1250px*/
}

h1 {
    font-size: 42px; 
    font-weight: 600; 
    margin-bottom: 10px;
	color:#000000;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
 
    line-height: 1.1; 
} 

h2{
	color:#666666; font-size:25px; font-weight:600; margin-bottom:25px
}

p{ font-size:18px; line-height:34px; margin:0}

p span{ font-weight:600}

.capitalize{ text-transform:capitalize;}

.title_page{ color:#FFF; font-weight:700; font-style:italic; font-size:35px; margin-top:10px;}
.info_header {
    color: #fff;
    font-size: 25px;
    font-style: italic;
}
.info_header a{ font-size:25px; font-weight:700; font-style:italic; display:block}
.info_header i{ letter-spacing:-6px}
.info_header img{ margin-top:14px; width: 25px;}
.pbig{ font-size:22px;}

.acceder{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.ul_min {  margin-top:0px;  }

.ul_min li{ font-size:13px; margin-bottom:10px;  }

header { 
    background-color: #50c2ed; 
    transition: all .27s ease;
    -moz-transition: all .27s ease;
    -webkit-transition: all .27s ease;
    -o-transition: all .27s ease; 
	
}

.container_header{position:relative; padding:20px 0 20px 0; }

.top_header{ position:absolute; top:0; left:0; right:0; bottom:0;  background: url(../images/top_header.png) repeat-x center top; 
 }

.imgicon{ max-width:150px; width:150px; text-align:right; padding-right:40px; margin-right:20px}

.imgicon img{ width:100%; max-width:100px; }
.imgicon.imgicon_big { padding-right:0}
.imgicon.imgicon_big img{width:100%; max-width:185px;  }

.txt_2cols{columns: 2;column-gap: 60px;
  text-align: justify;}

.empty_space{ height:9vh}

.txt_blue{ color:#0071bc; font-size:16px;}

.mapa{
	/*filter: grayscale(100%); */
	margin-top:11px;
}

.direccion{ background-color:#f2f5f7;padding:4px; padding-left:25px  }
.btn_loc{ background-color:#53eaa9; color:#fff; padding:4px 12px; font-weight:600; cursor:pointer; margin-left:3px;}
.nopadding{ margin:0; padding:0}

.tratamiento .title{ padding:15px; }
.tratamiento .description{ padding:15px;}

footer{ background-color:#d8e4ea; padding:60px 0px; text-align:center; color:#85a6b5; font-size:13px }

@media(max-width: 768px) {
    .txt_2cols{
        columns: 1;column-gap: 0px;
        text-align: left;
    }  

    h1{
        font-size: 26px; 
        clear: both;
    }

    .imgicon {
        max-width: 150px;
        width: 150px;
        text-align: right;
        padding-right: 40px;
        margin-right: 20px;
        display: inline-block;
        margin: 0 auto;
    }
}