@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*SLIDE*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);


background-repeat:repeat-y;
background-position:center center;
background-size: 130% 1px;
padding: 1px 0;


}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(img/preloader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #053552;
}

.bx-wrapper .bx-prev {
	background-image: url(img/prev.png);
}

.bx-wrapper .bx-next {
	right: 0px;
	background-image: url(img/next.png);
}

.bx-wrapper .bx-prev:hover {
}

.bx-wrapper .bx-next:hover {
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	outline: 0;
	width: 35px;
	height: 100px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*FIN SLIDE*/

* {
	margin:0;
	padding:0;
	border:none;
	box-sizing: border-box;
}

body {
	background-color: #FFFFFF;
	padding:0;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -0.5px;
    font-weight: 500;
	color:#FFFFFF;
	margin: 0 auto;
	background-repeat: no-repeat;
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.publicaciones{
	font-size: 12px;
}

#home{
	background-image:url(img/1.jpg);
}

#institucional{
	background-image:url(img/1.jpg);
}

#area_practica{
	background-image:url(img/3.jpg);
}

#profesional{
	background-image:url(img/4.jpg);
}

#ubicacion{
	background-image:url(img/3.jpg);
}

#contacto{
	background-image:url(img/2.jpg);
}

.final {
clear: both;
float: none;
}

a {
	color: #003554;
	text-decoration:underline;
}

a:hover {
	opacity: 0.6;
}

p{
	padding: 0 0 10px 0;
	line-height: 1.5;
}

h1 {
	font-size: 35px;
    font-weight: 300;
    padding: 0 0 10px 0;
    letter-spacing: -1px;
}

h2 {
	font-weight: 400;
    font-size: 20px;
    margin: 0 0 10px;
    text-align: left;
}

h2 span{
	display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

h3 {
	font-weight: 500;
    font-size: 18px;
    margin: 0 0 10px;
}

#home #contenedor {
	width: 420px;
    z-index: 10;
	position: relative;
}

#contenedor {
	margin:0 auto;
	width: 960px;
}

#home #top{
	float:none;
	width: auto;
}

#top{
	text-align:center;
	font-size: 14px;
	font-weight: 200;
	float:left;
	top: 0;
	width: 240px;
}

.logo{
	background-color:#FFFFFF;
	box-sizing: border-box;
	height: 25vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo a{
	display: block;
}

.logo .logo_horizontal{
	display: none;
}

.logo_vertical{}

nav li{
	color:#FFFFFF;
	background-color: rgba(5, 53, 82, 0.9);
	font-size: 20px;
    display: block;
}

nav li:nth-child(2){
	background-color: rgba(6, 59, 92, 0.9);
}

nav li:nth-child(3){
	background-color: rgba(5, 64, 99, 0.9);
}

nav li:nth-child(4){
	background-color: rgba(8, 72, 111, 0.9);
}

nav li:nth-child(5){
	background-color: rgba(9, 80, 123, 0.9);
}

#home nav li a{
	height: 12vh;
}

nav li a{
	display:block;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	color: #FFFFFF;
}

nav li a:hover{
	color:#003554;
	text-decoration:none;
	background-color:#FFF;
	opacity: 1;
}

ul.list-inside{
	margin: 0 0 0 28px;
}

section li{
    margin: 0 0 10px;
}

hr{
	height: 1px;
	background-color: #003554;
	margin: 45px 0;
}

#medio {
	float: right;
	width: 720px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
	background-color: rgb(255 255 255 / 85%);
	color: #003554;
	padding: 0 0 100px;
}

.medio_contenedor{
	padding: 50px;
	min-height: 85vh;
	box-sizing: border-box;
	text-align: justify;
}

#ubicacion .medio_contenedor,
#contacto .medio_contenedor{
	text-align: left;
}

#home #pie {
	position: inherit;
	width: auto;
	height: 15vh;
}

#pie {
	text-align: center;
    background-color: rgb(223 223 223 / 70%);
    color: #053552;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    box-sizing: border-box;
    padding: 20px;
    letter-spacing: normal;
    position: absolute;
    width: 100%;
    bottom: 0;
}

#formC{
	font-size: 12px;
	margin: 20px 0 0;
	position: relative;
}

.form_celda_titulo {
	padding: 10px 10px 10px 0;
}

.form_campo {
	background-color: transparent;
    color: #003554;
    border-bottom: solid 1px #003554;
    border-left: solid 1px #003554;
    border-top: none;
    border-right: none;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 15px;
    box-sizing: border-box;
}

.form_campo:focus{
	background-color: rgb(0 0 0 / 10%);
}

.form_campo_error,
.form_campo_error:focus {
    border-color: #990000;
}

.form_campo + span,
.form_campo:focus + span{
    background-color: #990000;
    color: #FFFFFF;
    padding: 5px 14px 4px;
    text-align: left;
    font-size: 12px;
    z-index: 10;
    margin: -32px 0 0px 0px;
    right: 0;
    display: none;
    position: absolute;
}

.form_campo_error + span,
.form_campo_error:focus + span{
    display: block;
}

*:focus  {
	outline: none;
}

.form_boton {
    border: none;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    width: 150px;
    margin-right: 15px;
    cursor: pointer;
    padding: 10px 10px;
    background-color: #003554;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
}

.form_boton:hover {
	opacity: .6;
}

.g-recaptcha{
	margin: 0 0 20px 0;
}

.modal {
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;

    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
    opacity: 1;
}

.modal div {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.5;
    text-align: center;
    background-color: #003554;
    padding: 30px;
    position: relative;
    max-width: 400px;

    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    width: 90%;
}

#home .modal div {
    padding: 0px;
    width: auto;
}

#home .modal div .coronavirus {
	height: 80vh;
}

.modal div .modal_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
}

.modal.change{
	opacity: 0;
	visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;	
}

.modal.change div{
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.form_insertar_archivo{
	width:315px;
	background-color: #97B941;
	margin: 8px 0 8px 0;
	padding: 5px;
	border: solid 1px #FFFFFF;
}

.form_selector{
	height: 22px;
	border: 1px solid #feb421;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF;
}

::-webkit-input-placeholder {
   color: #003554;
}

:-moz-placeholder { /* Firefox 18- */
   color: #003554;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #003554;  
}

:-ms-input-placeholder {  
   color: #003554;  
}

select, input, textarea {
	margin: 0 0 20px;
}

textarea{
	resize: none;
}

input[type="radio"]  {
	border-style:none;
	width:25px;
}

#home #menuMobile {
	display: block !important;
}

#ubicacion iframe{
    margin: 0 0 20px;
    border: 15px solid #FFF;
}

.dato_contacto{
	 display: flex;
    align-items: center;

}

.dato_contacto img{
	height: 30px;
	margin: 0 10px 0 0;
}

.profesional{
	display: flex;
    align-items: flex-end;
    margin: 0 0 20px;
    justify-content: space-between;
}

.foto_bietto{
	width: 150px;
    margin: 0 0 10px;
}





@media only screen and (min-width: 716px){
	
	#menuMobile {
	    display: block !important;
	}

	.botones_desplegadores {
    	display: none;
	}
}




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

	#contenedor {
		width: 100%;
	}

	h1{
		font-size: 24px;
		font-weight: 400;
	}

	/*BOTON MENU CELULARES*/

	#home #bt_menu_celulares{
		display: none;
	}

    #bt_menu_celulares {
	    display: inline-block;
	    cursor: pointer;
	    padding: 3px 20px;
	    position: absolute;
	    top: 10px;
	    right: 0;
    }

    .barra1, .barra2, .barra3 {
        width: 35px;
        height: 1px;
        background-color: #FFFFFF;
        margin: 10px 0;
        transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550);
    }

    .change .barra1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .barra2 {opacity: 0;}

    .change .barra3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
    /*BOTON MENU CELULARES*/

    #nav{    	
        transition: 0.3s ease-in-out;
        overflow: hidden;
        height: 0px;
    }

    #nav.change {
    	height: 450px;
	}

	#home #nav{
		height: auto;
	}

	nav li a{
		height: 90px;
	}

    #home #contenedor {
		width: 90%;
	}

	#home .logo{
		float: none;
		width: 100%;
		padding: 30px 0;
		height: 125px;
		justify-content: center;
		background-color: #FFF;
	}

	.logo{
		height: 70px;
    	width: 100%;
    	justify-content: flex-start;
    	padding: 0 0 0 20px;
    	background-color: #003554;
	}

	.logo_vertical{
		display: none;
	}

	#home .logo .logo_horizontal{
		width: 60%;
		height: auto;
		filter: none;
	}

	.logo .logo_horizontal{
		height: 50px;
    	width: auto;
    	filter: brightness(10000%);
    	display: block;
    	margin: 0 auto;
	}

	#medio{
		width: 100%;
		min-height: auto;
		padding: 70px 0 100px;
		background-color: #f3f3f3;
	}

	.medio_contenedor{
		padding: 30px 20px;
		min-height: auto;
		text-align: left;
	}

	#top{
		width: 100%;
	    position: fixed;
	    top: 0;
	    z-index: 10000;
	}

	#home #top{
	    position: initial;
	}

	.slide{
		margin: 0 -20px 20px;
	}

	.profesional{
		float: none;
		width: 100%;
	}

	#coberturas section{
		text-align: center;
	}

	#coberturas section img {
	    width: 200px;
	    margin: 0 0 15px 0;
	}

	.foto_bietto{
	    width: 120px;
    	margin: 0 0 10px 30px;
	}

}/*@media max-width: 715px*/