@font-face {font-family: 'Montserrat', sans-serif; font-style: normal;font-weight: normal; font-display: swap; font-weight:300, 400, 500, 600, 700;}



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

*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



body {-webkit-font-smoothing: antialiased;  letter-spacing: 0.1px; color: #000000; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.5;}



a,a:hover {text-decoration:none; color: black;}

#wrapper { font-family: 'Montserrat', sans-serif; font-display: swap; font-size: 15px; width: 100%; text-align: center; margin: 0 auto; line-height: 1.5;}



.inicio {display: inline-block; width: 100%;}

.top-bar{ display: inline-block; width: 100%; background-color: #006c8e; text-align: center; color: white;}

.top-bar i {color: white;}

.top-bar a {color: white;}

.top-bar .info-top { display: inline-flex; width: 1024px;}

.info-top .info { display: inline-block; width: 50%; text-align: left; margin: 15px 0px 0px 0px;}

.info-top .redes{display: inline-block; width: 50%; }

.redes .contenido-contacto{ display: inline-flex; text-align: right; margin: 15px 0px 0px 0px;}

.contenido-contacto .whatsapp-top{padding-right: 20px;}

.contenido-contacto .fa-whatsapp, .contenido-contacto .fa-envelope {padding: 3px 5px 0px 0px;}



			.menu { display: inline-block; width: 100%; text-align: center; margin: 20px 0px 20px 0px;}

			.menu .container { display: inline-block; width: 1024px; text-align: center;}

			.logo{width: 30%; position:relative;z-index:2;float:left; text-align: left;}

			.logo img {width: 152px;}

			nav{position:relative;}

			#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin: 0;padding: 0; z-index:2;}

			#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

			#cssmenu #head-mobile{display:none}

			#cssmenu{font-family:"Montserrat" ,sans-serif; font-weight: bold; }

			#cssmenu > ul {float: right; padding: 30px 0px 0px 0px;}

			#cssmenu > ul > li{float:left}

			#cssmenu > ul > li > a{padding:17px; letter-spacing:1px;text-decoration:none;color:#000000;}

			#cssmenu > ul > li:hover > a,#cssmenu ul li.activo a{color:#fff}

			#cssmenu > ul > li:hover,#cssmenu ul li.activo:hover,#cssmenu ul li.activo,#cssmenu ul li.has-sub.activo:hover{color: white; background:#00cccc!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

			#cssmenu > ul > li.has-sub > a{padding-right:30px}

			#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#000000;content:''}

			#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#000000;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

			#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

			#cssmenu ul ul{position:absolute;left:-9999px}

			#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#444444;transition:all .25s ease}

			#cssmenu ul ul li:hover{}

			#cssmenu li:hover > ul{left:auto}

			#cssmenu li:hover > ul > li{height:35px;}

			#cssmenu ul ul ul{margin-left:100%;top:0}

			#cssmenu ul ul li a{padding:11px 15px; width:250px; text-decoration:none; color: #006c8e; background: #000;}

			#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;}

			#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#ffffff; background: #00cccc;}

			#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

			#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

			#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

			#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}

			#cssmenu ul ul ul li.activo a{border-left:1px solid #333}

			#cssmenu > ul > li.has-sub > ul > li.activo > a,#cssmenu > ul ul > li.has-sub > ul > li.activo> a{background: #00cccc;}



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



				.menu {display: inline-block;}

				.menu .container { display: inline-block; width: 100%; text-align: center; }

				.logo{top:0;left: 0;width:100%;height:100%;text-align:center;padding:10px 0 0 0 ;float:none}

				.logo2{display:none}

				nav{width:100%;}

				#cssmenu{width:100%}

				#cssmenu ul{width:100%;display:none}

				#cssmenu ul li{width:100%;border-top:1px solid #444}

				#cssmenu ul li:hover{background:#363636;}

				#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}

				#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}

				#cssmenu > ul > li{float:none}

				#cssmenu ul ul li a{padding-left:25px}

				#cssmenu ul ul li{background:#333!important;}

				#cssmenu ul ul li:hover{background:#363636!important}

				#cssmenu ul ul ul li a{padding-left:35px}

				#cssmenu ul ul li a{color:#ddd;background:none}

				#cssmenu ul ul li:hover > a,#cssmenu ul ul li.activo > a{color:#fff}

				#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

				#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

				#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;}

				.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 4;}

				.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:4px solid #006c8e;content:''}

				.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:4px;width:20px;background:#006c8e;content:''}

				.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:4px;width:19px;background:#006c8e;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

				.button.menu-opened:before{top:23px;background:#006c8e;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

				#cssmenu .submenu-button{position:absolute;z-index:3;right:0;top:0;display:block;border-left:1px solid #444;height:50px;width:50px;cursor:pointer}

				#cssmenu .submenu-button.submenu-opened{background:#262626}

				#cssmenu ul ul .submenu-button{height:34px;width:34px}

				#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#006c8e;content:''}

				#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

				#cssmenu .submenu-button.submenu-opened:after{background:#fff}

				#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#006c8e;content:''}

				#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

				#cssmenu .submenu-button.submenu-opened:before{display:none}

				#cssmenu ul ul ul li.activo a{border-left:none}

				#cssmenu > ul > li.has-sub > ul > li.activo > a,#cssmenu > ul ul > li.has-sub > ul > li.activo > a{border-top:none}

			}



.slider { background: #0000; height: 600px; position: relative; text-align: center; width: 100%; z-index: 1;}

.arrow { background: black; border: none; border-radius: 10%; color: white; cursor: pointer; display: none; opacity: .4; padding: 10px; position: absolute; text-transform: uppercase; -webkit-transition: .2s; top: 50%; transition: .2s;}

.arrow:hover {opacity: .8;}

.arrow.next { right: 2%}

.arrow.prev {left: 2%;}

.slide { background-repeat: no-repeat; background-size: cover; color: #fff; height: 100%; padding: 90px 0 0; position: absolute; width: 100%;}

.slide-title {color: #fff; position: relative; font-family: "Montserrat" ,sans-serif; font-size: 40px; font-weight: bold; margin: 0 auto; padding: 15px 0; text-transform: uppercase;}

.slide-desc {color: #fff; position: relative; font-family: "Montserrat" ,sans-serif; font-size: 20px; margin: 40px auto 0; width: 65%;}

.slide-image,

.slide-image img{ height: 100%; width: 100%;}

.slide:first-of-type {background-image:url("../img/slider-capilar.jpg");}

.slide:nth-of-type(2) {background-image: url("../img/slider-capilar2.jpg");}

.slide:last-of-type {background-image: url("../img/slider-capilar3.jpg");}

.slide:before {content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.4);}

.active { display: block;}

.slide-nav { bottom: 30px; position: absolute; width: 100%;}

.nav-item { background: #fff; border: 2px solid #006c8e; cursor: pointer; display: inline-block; margin-right: 20px; transition: background .4s;}

.nav-item:last-of-type { margin-right: 0;}

.nav-item:hover { transform: scale(1.3);}

.item-active { background: #006c8e; transform: scale(1.3);}

.dot {border-radius: 50%;}

.dot,

.square{height: 15px; width: 15px;}

.rectangle {height: 15px; width: 30px;}

.datos {display: inline-block; background: #006c8e; width: 100%; text-align: center; color: white;}

.d-content { display: inline-flex; width: 1024px;  padding: 20px 0px 20px 0px; }

.d-content .d-hora {display: inline-flex; width: 33%;text-align: left;}

.d-hora i{padding: 0px 10px 0px 0px;}

.principal {display: inline-block; width: 100%; text-align: center;}

.main-content {display: inline-flex; width: 1024px; margin: 100px 0px 100px 0px; text-align: center;}

.main-content .informacion {display: inline-block; margin: 0px 30px 0px 0px; width: 50%;}

.informacion .titulo { color: #006c8e; text-align: left; font-weight: bold;}

.informacion p {display: inline-block; text-align: justify;}

.main-content .img-principal {display: inline-block; width: 50%;}

.img-principal img {display: inline-block; width: 100%;}



.contenedor { display: inline-block; width: 100%; margin: 0px 0px 100px 0px; text-align: center;}

.tratamiento {width: 1024px; display: inline-block; text-align: center;}

.tratamiento h3 {font-weight: bold; margin: 0px 0px 20px 0px; color: #006c8e; text-align: center; text-transform: uppercase; font-size: 22px;}

.row {width: 1024px; display: inline-flex; text-align: center;}

.row .col-sm-3 {display: inline-block;width: 33%; margin: 0px 10px 0px 10px;}

.banner { width: 100%; height: 320px; position: relative; overflow: hidden;}

.capa-color { width: 100%; height: 320px; background-color: #006c8e; position: relative; z-index: 1;}

.capa-imagen { position: absolute; top: 0; left: -40%; z-index: 2;}

.capa-imagen img { height: 320px;}

.capa-texto {text-align: center;  display: table; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 320px;}

.capa-texto h3, .capa-texto p {color: white; position: relative;}

.capa-texto:before {content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(50,80,90,0.5);}

.capa-texto > div { display: table-cell; vertical-align: middle; }

.capa-texto a { color: #fff; text-decoration: none; display: inline-block; border: 2px solid #fff; padding: 10px; border-radius: 10px; transition: all 0.2s ease-in; }

.capa-texto a.hover { color: #006c8e;background: #fff;}

.capa-texto span { display: inline-block; transition: all 0.2s ease-in; width: 8px; padding-left: 5px;}

.capa-texto span.oculto { width: 0; opacity: 0; padding-left: 0; }



/*------------------Formulario-----------------------*/

.area-formulario{width: 100%;text-align: center;display: block;background: radial-gradient(circle, #ffffff, #afafaf);height: 100%;}

.area-formulario-fondo{text-align: center;display: inline-flex;}

.area-formulario-fondo .img-formulario{display: inline-block; float: left;text-align: left;}

.img-formulario img{display: inline-block; height:550px;}

.area-formulario-fondo .content-form{width: 600px;text-align: right;display: inline-block;}

.area-formulario iframe{text-align: center;display: inline-block; background-color: #006c8e ;background-size: cover;height: 100%;}

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

.formContainer {position: fixed;top: 60px;right: 30px;left: 34px;margin: auto; display: inline-block;}

.formContainer .formHeader h3 {text-align: center; color: white;text-transform: uppercase;}

.formulario {text-align: center;color: white; display: inline-block; width: 100%;}

.formulario .rf_notice {text-align: center; padding-top: 20px; display: inline-block;}

.formulario .fl_label {cursor: text;display: none;}

.boton-formulario {background: #ffffff;border-radius: 4px;border: 1px solid #00cccc;color: #006c8e;padding: 5px 25px;display: inline-block;margin: auto;float: left;text-transform: uppercase;}

.boton-formulario:hover {cursor:pointer;background: #00cccc;color: rgb(255, 255, 255);border: 1px solid #ffffff;}

.boton-formulario:focus {outline:none;border: 1px solid #FF4E70;}



.formulario .fl_wrap {/* Can change */width: 500px;height: 46px;margin:12px auto; /* change 0 to auto for center alignment *//* Don't change */display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/* initial label state */

.formulario label {/* Can change */top: 15px;left: 5px;/* Don't change */position:absolute;z-index:3; /* This can be removed but then the labels must be placed after the inputs in the HTML */-webkit-transition: all .05s linear;-moz-transition: all .05s linear;-transition: all .05s linear;}

.formulario input {/* Can change */background: none;border:none;border-bottom: 1px solid #00cccc;border-radius: 0; height: 40px;padding: 0px 0 0 5px;/* Don't change */position:absolute;top:15px;left:0;right:0;bottom:0;width: 100%;z-index:2; /* This can be removed but then the labels must be placed after the inputs in the HTML */-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.formulario input:focus{padding: 5px 0 0 5px;}

.formulario input::-webkit-input-placeholder{color: white;}

.formulario input:-moz-placeholder{color: white;}

.formulario input::-moz-placeholder{color: white;}

.formulario input:-ms-input-placeholder{color: white;}

.formulario input:focus::-webkit-input-placeholder{color: #efefef;}

.formulario input:focus:-moz-placeholder{color: #efefef;}

.formulario input:focus::-moz-placeholder{color: #efefef;}

.formulario input:focus:-ms-input-placeholder{color: #efefef;}



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



.boton-borrar {background: #ffffff;border-radius: 4px;border: 1px solid #00cccc;color: #006c8e; padding: 5px 25px;display: inline-block;margin: auto;float: right;text-transform: uppercase;}

.boton-borrar:hover {cursor:pointer;background: #00cccc;color: rgb(255, 255, 255);border: 1px solid #ffffff;}

.boton-borrar:focus {outline:none;border: 1px solid #FF4E70;}

.botones{width: 280px;display:inline-block;margin: 50px 0 0 0;}



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



/*---------------------------Footer-------------------------------*/

.all-foorter{width: 100%;display: inline-block;background: #2b3034;text-align: center;}

.footer-content{width: 1024px;display: inline-flex;text-align: center;margin: 60px 0px 60px 0px;}

.footer-content .footer1{display: inline-block;width: 300px;margin: 0 60px 0 0px;}

.footer-content .footer3{display: inline-block;width: 300px;margin: 0 0px 0 30px;}

.footer-content .footer2{display: inline-block;width: 300px;margin: 0 0px 0 30px;}

.footer1 h3{text-align: left;color: white; position: relative;}

.footer1 p{text-align: justify;color: #afb0b2;padding-top: 20px;}

.footer1 h3:before{content: "";display: block;bottom: -5px;left: 0px;width: 35px;height: 2px;background-color: #006c8e;position: absolute;}

.footer2 h3{text-align: left;color: white; position: relative;}

.footer2 .f-datos{padding-top: 20px;}

.footer2 p{text-align: left;color: #afb0b2;}

.footer2 h3:before{content: "";display: block;bottom: -5px;left: 0px;width: 35px;height: 2px;background-color: #006c8e;position: absolute;}

.footer2 a{color: #afb0b2;}

.footer2 a:hover{color: #006c8e;}

.footer2 i{color: #006c8e;padding-right: 5px;}

.footer3 h3{text-align: left;color: white; position: relative;}

.footer3 p{text-align: left;color: #afb0b2;padding-top: 20px;}

.footer3 h3:before{content: "";display: block;bottom: -5px;left: 0px;width: 35px;height: 2px;background-color: #006c8e;position: absolute;}

.footer3 ul{text-align: left; padding: 20px 15px;}

.footer3 a, li{color: #afb0b2;}

.copyright{background-color: #2b3034;width:100%;display: inline-block;text-align: center;border-top: 1px solid #414549;}

.copy {display: inline-flex;width: 1024px;text-align: center;margin: 30px 0px 50px 0px;}

.copy .fc-texto{width: 70%; color: white;display: inline-block; float: left; text-align: left;}

.fc-texto p {text-align: left;}

.fc-texto a {color: white;}

.copy .footer-redessociales{width: 30%; text-align:right; float: right; display: inline-block;}

.footer-redessociales i{display: inline-block; padding: 10px;background-color: #006c8e;position: relative;color: #ffffff;-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;text-align: center;}

.footer-redessociales  i:hover{background-color: #00cccc; color: #000000}



.barra {width: 100%; display: inline-block; text-align: center; background-color: #006c8e; }

.barra-contenido{width: 1024px; display: inline-block; text-align: center; margin: 50px 0px 50px 0px;}

.barra-contenido h2 {color: white;}



.cita {display: inline-block; width: 100%; text-align: center; background-color: #006c8e;}

.contenido-cita {display: inline-block; width: 1024px; text-align: center; margin: 50px 20px 50px 20px;}

.contenido-cita h3 {display: inline-block; color: white; font-size: 25px;}

.contenido-cita button {background-color: black; font-size: 18px; padding: 10px; border-radius: 10px; font-weight: bold;}

.contenido-cita a {color: white;}

.contenido-cita button:hover {background-color: #00cccc; font-weight: bold;}

.contenido-cita a:hover {color: black; }



/*------------------------------ Colocación de las Prótesis -------------------------------------*/

/* ---------------------- Vertical Tabs */

.cp-tab{width: 1024px;display: inline-block;text-align: center;padding-bottom: 60px;box-sizing: border-box; margin: 50px 0px 50px 0px;}

.cp-tab .tabs {position: relative;min-height: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;overflow: hidden;/* ---------------------- Tab *//* ---------------------- Content */}

.tabs .tab {margin-bottom: 1px;/* ---------------------- Tab Toggle */}

.tabs .content {max-height: 0;overflow: hidden;padding: 0 2rem;background-color: #efefef;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}

.tabs .content.active {max-height: 1000px;}



.tabs .tab .tab-toggle {padding: 1rem 4rem 1rem 2rem;position: relative;outline: none;width: 100%;}

.tabs .tab .tab-toggle:after {content: "\25BC";position: absolute;display: block;right: 2rem;top: 50%;-webkit-transform: rotate(0deg) translateY(-50%);-moz-transform: rotate(0deg) translateY(-50%);-ms-transform: rotate(0deg) translateY(-50%);-o-transform: rotate(0deg) translateY(-50%);transform: rotate(0deg) translateY(-50%);}

.tabs .tab .tab-toggle.active {color: white;background-color: #006c8e;cursor: default;}

.tabs .tab .tab-toggle.active:after {color: #00cccc;-webkit-transform: rotate(180deg) translateY(50%);-moz-transform: rotate(180deg) translateY(50%);-ms-transform: rotate(180deg) translateY(50%);-o-transform: rotate(180deg) translateY(50%);transform: rotate(180deg) translateY(50%);}

.tabs .content > .heading {padding: 30px 0px 15px 0px;color: #006c8e;text-transform: uppercase;}

.tabs .content > .description{display: inline-block;text-align: justify;padding-bottom: 20px;}

.content ul{display: inline-block;color: #777;text-align: left;padding-bottom: 20px;}

.descripcion2 {display: inline-flex; text-align: left;width: 100%;}

.descripcion2 p {display: inline-block; }

.descripcion2 i {display: inline-block; margin: 0px 10px 0px 0px;}



.tab-toggle {position: relative;display: inline-block;color: #00cccc;padding: 0.75rem 2rem;margin: 0 auto;background-color: #efefef;border: none;width: 100%;font-weight: bold;text-transform: uppercase;text-align: center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.tab-toggle:hover {background-color: #00cccc; color: white;}

.tab-toggle:hover:before, .tab-toggle:hover:after,.button:hover:before,.button:hover:after {color: #ffffff;}

.tab-toggle:after, .tab-toggle:before{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}



@media screen and (min-width: 55rem){.tabs .tab{float: left;clear: left;width: 30%;}}



@media screen and (min-width: 55rem) {.tabs .tab .tab-toggle {text-align: left;}}



@media screen and (min-width: 55rem) {.tabs .tab .tab-toggle:after {-webkit-transform: rotate(-90deg) translateX(50%);-moz-transform: rotate(-90deg) translateX(50%);-ms-transform: rotate(-90deg) translateX(50%);-o-transform: rotate(-90deg) translateX(50%);transform: rotate(-90deg) translateX(50%);}}



@media screen and (min-width: 55rem) {.tabs .tab .tab-toggle.active:after {-webkit-transform: rotate(-90deg) translateX(50%) translateY(0);-moz-transform: rotate(-90deg) translateX(50%) translateY(0);-ms-transform: rotate(-90deg) translateX(50%) translateY(0);-o-transform: rotate(-90deg) translateX(50%) translateY(0);transform: rotate(-90deg) translateX(50%) translateY(0);right: 1rem;}}



@media screen and (min-width: 55rem) {.tabs .content {max-height: none;position: absolute;right: 0;top: 0;width: 70%;opacity: 0;padding: 0rem 2rem 2rem 2rem;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}}



@media screen and (min-width: 55rem){.tabs .content.active {max-height: none;opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}}



/*------------------------------ contactenos -------------------------------------*/

.contenedor-map{width: 100%;display: inline-block;text-align: center;}

.map-iframe{width: 1024px;text-align: center;display: inline-block;padding: 100px 0 50px 0;}

.content-datos{width: 100%;text-align: center;display: inline-block;margin: 50px 0px 100px 0px;}

.content-iframe{width: 1024px;display: inline-flex;text-align: center;}

.c-contenidodatos {width: 100%; display: inline-block;}

.content-iframe .c-texto{display: inline-block;text-align: left;width: 100%;}

.c-texto .c-titulo{display: inline-block; text-transform: uppercase;text-align: left;margin-bottom: 40px;position: relative;}

.c-texto .c-titulo:before{content: "";display: block;bottom: -8px;left: 0px;width: 280px;height: 2px;background-color: #006c8e;position: absolute;}

.c-texto .c-info1{text-align: left;display: inline-flex;margin: 0 0px 20px 0px;}

.c-info1 i{font-size: 25px; color: #006c8e;padding: 0px 20px 20px 0px;}

.c-info1 .ci{display: inline-block;text-align: left;}

.ci h3{text-transform: uppercase;text-align: left;}

.ci p, .ci a{color: black;text-align: left;}

.c-texto .c-info2{text-align: left;display: inline-flex;margin: 0 40px 20px 0px;}

.c-info2 i{color: #006c8e;font-size: 25px;padding: 0px 23px 20px 0px;}

.c-texto .titulo-redes{text-transform: uppercase;text-align: left;margin: 20px 0px 40px 0px;position: relative;}

.c-texto .titulo-redes:before{content: "";display: inline-block;bottom: -8px;left: 0px;width: 166px;height: 2px;background-color: #006c8e;position: absolute;}

.c-texto .c-redes{display: block; width: 100%;}

.c-redes i{display: inline-block;width: 34px;height: 34px;line-height: 34px;margin: 0 7px 7px 0px;background-color: white;position: relative;color:#006c8e;-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;text-align: center;border: #006c8e 1px solid;}

.c-redes  i:hover{background-color: #006c8e;color: white;}

.content-iframe .form-iframe{text-align: center;display: inline-block;background: linear-gradient(180deg, #006c8e, #00cccc);background-size: cover;}



.contenido-promo {display: inline-block; width: 100%;}

.contenido-promo .promociones {margin: 100px 0px 100px 0px; width: 1024px; display: inline-flex;}

.promociones img {padding-right: 50px; width: 50%; display: inline-block;}

.promociones .texto-promocion {text-align: left; display: inline-block; width: 50%;}

.texto-promocion p {text-align: justify;}