@import url('https://fonts.googleapis.com/css?family=Spartan:300,400,500,600,700&display=swap');
/*--------font-family: 'Spartan', sans-serif;-----------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
/*--------font-family: 'Montserrat', sans-serif;-----------*/

* {
    font-family: 'Spartan', sans-serif;
}

.desabilitado label{
	pointer-events: none !important;
	background: #bebebe !important;
	color: #eee !important;
}

/*Content home*/
#contenthome > .container-fluid {
	padding: 0;
}

/*Header*/
#header {
	position: fixed;
	width: 100%;
	z-index: 9;
	background: #f86db1;
	transition: all 0.33s ease-in-out;
}

#header .container-fluid {
	padding: 0;
}

/*Bloque resdes sociales header*/
#block-redessocialesheader {
    padding: 7px 0;
    text-align: center;
    background: #aae3f6;
}

.mostrar #block-redessocialesheader {
	display: none;
}

#block-redessocialesheader .field--name-body p {
	margin-bottom: 0;
}

#block-redessocialesheader .field--name-body img {
	width: 24px;
	height: 24px;
	object-fit: cover;
	transition: transform 0.5s;
	margin: 0 5px;
}

#block-redessocialesheader .field--name-body img:hover {
	transform: scale(0.90);
}

/*Div header*/
.grupo-header {
	background: #f86db1;
	display: table;
	width: 95%;
	margin: 0 auto;
	max-width: 1280px;
	padding: 15px 0;
}

/*Bloque logo*/
#block-logo {
	float: left;
	text-align: center;
}

#block-logo .field--name-body p {
	margin-bottom: 0;
}

#block-logo .field--name-body img {
	width: 100%;
	object-fit: contain;
}

/*Menu*/
#block-menuprincipal {
	float: left;
	padding-top: 15px;
}

#block-menuprincipal .menu {
	margin: 0 auto;
	text-align: center;
}

#block-menuprincipal .menu li {
	display: inline-block;
	margin-right: 20px;
}

#block-menuprincipal ul li .menu {
	position: absolute;
    text-align: left;
    display: none;
    width: 245px;
    padding: 15px 10px;
    background: #57ccf3;
}

#block-menuprincipal ul li:hover .menu {
	display: block;
}

#block-menuprincipal .menu li a {
	text-decoration: none;
    color: #fff;
    font-size: 14px;
}

#block-menuprincipal .menu li .is-active,
#block-menuprincipal .menu li a:hover {
	text-shadow: -0.25px -0.25px 0 #fff, 0.25px 0.25px #fff;
}

/*Slide Home*/
#block-views-block-slide-home-block-1 {
	margin-bottom: 120px;
}

#block-views-block-slide-home-block-1 .view-slide-home {
	position: relative;
    top: 100px;
    width: 100%;
}


#block-views-block-slide-home-block-1 .flickity-slider {
    transform: none !important;
}

#block-views-block-slide-home-block-1 .view-content .views-row.is-selected {
    opacity: 1;
    z-index: 1;
}

#block-views-block-slide-home-block-1 .view-content .views-row {
    width: 100%;
    left: 0 !important;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#block-views-block-slide-home-block-1 .views-field-field-imagen-slide img {
	width: 100%;
    object-fit: cover;
    object-position: bottom;
    height: 735px;
    min-height: 78vh;
}

#block-views-block-slide-home-block-1 .views-field-field-imagen-responsive {
	display: none;
}

#block-views-block-slide-home-block-1 .views-field-body .blanco {
	line-height: 1.2;
	color: #fff;
    font-weight: bold;
    font-size: 65px;
    letter-spacing: 0;
}

#block-views-block-slide-home-block-1 .views-field-body .rosa {
	color: #f86db1 !important;
	font-size: 65px;
	letter-spacing: 0;
}

#block-views-block-slide-home-block-1 .views-field-body {
	position: absolute;
    top: 20%;
    left: 5%;
    color: #fff;
    width: 40%;
}

#block-views-block-slide-home-block-1 .views-field-body p {
	font-size: 15px;
}

#page .bot-slide a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 12px 27px;
	transition: 300ms;
    background: #f86db1;
    border-radius: 10px;
    border: none;
}

#page .bot-slide a:hover {
	background: #276f87;
}

#page .bot-slide {
	margin-top: 25px;
}

#block-views-block-slide-home-block-1 .flickity-page-dots {
	bottom: 15%;
    width: auto;
    right: 3%;
    z-index: 8;
}

#block-views-block-slide-home-block-1 .flickity-page-dots .dot {
	display: block;
	width: 14px;
	margin-bottom: 7px;
	height: 14px;
	background: #57ccf3;
}

.page-node-type-slide-home #main .principal-content {
	width: 80%;
	margin: 0 auto;
	max-width: 1280px;
	display: block !important;
	min-height: 460px;
}

.page-node-type-slide-home #main .principal-content .field--name-field-imagen-responsive img,
.page-node-type-slide-home #main .principal-content .field--name-field-imagen-slide img {
	width: 100%;
	object-fit: cover;
}

/*clase para Titulo Blanco slide en internas*/
#page .blanco {
    font-size: 25px;
    letter-spacing: -2px;
    color: #949292;
}

#page .rosa {
    font-size: 25px;
    letter-spacing: -2px;
    color: #f86db1;	
}

/*Titulo celeste*/
#page .t-celeste {
	font-size: 40px;
	margin-bottom: 0;
	color: #57ccf3;
	letter-spacing: -3px;
}

#page .t-rosa {
	font-size: 40px;
	color: #f86db1;
	font-weight: bold;
	letter-spacing: -3px;
}

/*Titulo dos colores*/ 
#page .t-colores {
	font-size: 30px;
	color: #57ccf3;
	letter-spacing: -2px;
}

#page .t-colores .lastWord {
	color: #f86db1;
	font-weight: bold;
}

/*Servocios*/
.vista-servicios-home .view-header .block {
	margin-bottom: 40px;
}

#block-views-block-servicios-home-block-1 {
    background: url(/themes/solucionweb/images/fondo-b.png) no-repeat;
    background-size: cover;
    padding: 10px;
}

#block-views-block-servicios-home-block-1 .vista-servicios-home {
	max-width: 1280px;
    margin: 0 auto 50px;
    width: 80%;
}

#block-views-block-servicios-home-block-1 .views-row {
	float: left;
	padding: 0 20px;
}

#block-views-block-servicios-home-block-1 .views-field-field-imagen-destacada-servicios img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    border-radius: 0 20% 0 20%;
}

#block-views-block-servicios-home-block-1 .views-field-title {
	text-align: center;
    margin: 15px auto;
}

#block-views-block-servicios-home-block-1 .views-field-title a {
	color: #276f87;
	letter-spacing: -2px;
	text-decoration: none;
	font-size: 25px;
}

#block-views-block-servicios-home-block-1 .views-field-title .lastWord {
	font-weight: bold;
}

.vista-servicios-home .views-field-field-descripcion-short {
    text-align: center;
    font-size: 15px;
    color: #949292;
}

.vista-servicios-home .view-content {
	display: flex;
}

.vista-servicios-home .view-footer {
	margin: 50px auto 10px;
}

#page .boton-consulta {
    margin: 10px auto;
   	display: table;

}

#page .boton-consulta a {
	font-weight: bold;
	color: #fff;
    border-radius: 15px;
    transition: 300ms;
    padding: 20px 90px;
    background: #f86db1;
	text-decoration: none;
}

#page .boton-consulta a:hover {
	background: #276f87;
}

.vista-servicios-home .view-header .block P {
	color: #949292;
	font-size: 15px;
}

/*Instalaciones Home*/
#block-views-block-instalaciones-home-block-1 {
	max-width: 1280px;
    margin: 0 auto;
    width: 80%;
}

.vista-instalaciones-home .view-header {
	margin-bottom: 40px;
}

.vista-instalaciones-home .view-header .block P {
	color: #949292;
	font-size: 15px;
}

.vista-instalaciones-home .view-content .views-row {
	display: table;
	margin-bottom: 30px;
}

.vista-instalaciones-home .view-content .views-row:nth-child(even) .views-field-nothing,
.vista-instalaciones-home .view-content .views-row:nth-child(odd) .views-field-field-imagen-instalaciones {
	float: left;
}

.vista-instalaciones-home .view-content .views-row:nth-child(even) .views-field-field-imagen-instalaciones,
.vista-instalaciones-home .view-content .views-row:nth-child(odd) .views-field-nothing {
	float: right;
}

.vista-instalaciones-home .view-content .views-row:nth-child(odd) .views-field-field-imagen-instalaciones img {
	padding-right: 7%;
	border-radius: 0 20% 0 20%;
}

.vista-instalaciones-home .view-content .views-row:nth-child(even) .views-field-field-imagen-instalaciones img {
	padding-left: 7%;
	border-radius: 20% 0 20% 0;
}

.vista-instalaciones-home .view-content .views-row:nth-child(odd) .titulo a {
	color: #f86db1;
	letter-spacing: -2px;
}

.vista-instalaciones-home .view-content .views-row:nth-child(even) .titulo a {
	color: #57ccf3;
	letter-spacing: -2px;
}

.vista-instalaciones-home .view-content .views-row .views-field-field-imagen-instalaciones img {
	width: 100%;
    height: 580px;
    object-fit: cover;
}

.vista-instalaciones-home .view-content .views-row .views-field-nothing {
	display: table;
	height: 580px;
}

.vista-instalaciones-home .view-content .views-row .views-field-nothing .field-content {
	display: table-cell;
	vertical-align: middle;
}

.vista-instalaciones-home .view-content .views-row .titulo {
	margin-bottom: 30px;
}

.vista-instalaciones-home .view-content .views-row .titulo a {
	font-size: 30px;
	text-decoration: none;
}

.vista-instalaciones-home .view-content .views-row .titulo .lastWord {
	font-weight: bold;
}

.vista-instalaciones-home .view-content .views-row .titulo a {
	text-decoration: none;
}

.vista-instalaciones-home .view-content .views-row .descripcion {
	text-align:	justify;
	font-size: 15px;
	color: #949292;
}

/*Bloque doctor*/
.bloque-imagen  {
	width: 80%;
	max-width: 1280px;
	margin: 25px auto;
	display: flex;
	align-items: center;
	
}

.bloque-imagen .field--name-field-imagen {
	width: 50%;
	float: left;
}

.bloque-imagen .field--name-field-imagen img {
	width: 100%;
    height: 600px;
    padding-right: 5%;
    object-fit: contain;
}

.bloque-imagen .field--name-body {
	width: 50%;
	float: right;
	color: #a2a1a1;
	font-size: 15px;
	margin-top: 50px;
}

/*footer*/
#footer {
	background: #57ccf3;
	margin-top: 100px;
	position: relative;
	border-radius: 80px 80px 0 0;
}

#footer:after {
    display: block;
    content: "";
    position: absolute;
    top: -110px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 145px;
    height: 190px;
    background-size: 100% !important;
    background: url(/themes/solucionweb/images/logo-footer.svg) no-repeat center;
}

#footer .container-fluid {
    padding: 120px 0 30px;
    width: 70%;
    border-radius: 10% 10% 0 0;
}

#footer .footer-legal {
	display: table;
	width: 100%;
	text-align: center;
	padding: 15px 0; 
	background: #f86db1;
}

#footer .footer-legal p {
	margin-bottom: 0;
}

#footer .footer-legal,
#footer .footer-legal a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	transition: 300ms;
}

#footer .footer-legal a:hover {
	color: #276f87;
	text-shadow: -0.25px -0.25px 0 #276f87, 0.25px 0.25px #276f87;
}

#block-informacionimportante {
	text-align: center;
	color: #fff;
	width: 80%;
	font-size: 15px;
	margin: 0 auto;
}

#block-informacionimportante h2 {
	font-size: 35px;
	margin-bottom: 17px;
    color: #fff;
    font-weight: 600;
}

/*Webform recibe infromacion*/
.webform-submission-recibe-informacion-form .form-item {
	width: 33%;
    display: inline-block;
}

.webform-submission-recibe-informacion-form .form-item input	{
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    border: none;
    border-radius: 5px;
    height: 42px;
}

.webform-submission-recibe-informacion-form .form-item input::placeholder {
	font-size: 14px;
	opacity: 1;
}

.webform-submission-recibe-informacion-form .form-actions {
	text-align: center;
}

.webform-submission-recibe-informacion-form .form-actions input {
    background: #f86db1;
    color: #fff;
    border: none;
    font-size: 14px;
    border-radius: 15px;
    transition: 300ms;
    font-weight: 600;
    padding: 8px 40px 6px;
}

.webform-submission-recibe-informacion-form .form-actions input:hover {
	background: #276f87;
}

/*Bloque footer*/
#block-datosfooter .field--name-body a,
#block-datosfooter .field--name-body {
	color: #fff;
	transition: 300ms;
	text-decoration: none;
	font-size: 15px;
}

#block-datosfooter .field--name-body a:hover {
	color: #f86db1; 
	text-shadow: -0.25px -0.25px 0 #f86db1, 0.25px 0.25px #f86db1;
}


#block-datosfooter .field--name-body .responsive {
	display: none;
}

#block-datosfooter .field--name-body a img {
	transition: transform 0.5s;
}

#block-datosfooter .field--name-body a img:hover {
    transform: scale(1.2);
}

#block-datosfooter .field--name-body p {
	margin-bottom: 0;
}

#block-datosfooter .field--name-body {
	line-height: 1.8;
}

/*Contenido Interno*/
#page > #main {
	padding-top: 175px;
}

#page #main .principal-content {
    width: 80%;
    margin: 0 auto;
    max-width: 1280px;
    display: table;
    min-height: 460px;
}

.path-node  .page-title {
	text-align: center;
}

.path-node .field--name-title {
	font-size: 40px;
    color: #f86db1;
    font-weight: bold;
    letter-spacing: -3px;
}

/*Formulario*/
.path-webform .page-title {
	text-align: center;
	font-style: 50px;
	font-weight: bold;
	color: #f86db1;
	display: none;
}

.path-webform #main #block-solucionweb-content {
	width: 90%;
	margin: 0 auto;
}

.path-webform #main #edit-ubicacion {
	width: 50%;
	float: left;
	padding-right: 5%;
}

.path-webform #main #edit-ubicacion .js-form-type-processed-text iframe {
	width: 100%;
    height: 400px;
    border-radius: 10px;
}

.path-webform #main #edit-datos {
	width: 50%;
    float: right;
}

.path-webform #main #edit-datos .form-item textarea {
	resize: none;
	border-radius: 10px;
    padding: 10px;
    color: #aaaaaa;
    border: 2px solid #aaaaaa;
}

.path-webform #main #edit-descripcion {
	font-size: 15px;
	color: #aaa;
	margin-bottom: 60px;
}

.path-webform #main #edit-datos .form-item select,
.path-webform #main #edit-datos .form-item input {
	width: 100%;
	border-radius: 10px;
    padding: 10px;
    color: #aaaaaa;
    border: 2px solid #aaaaaa;
}

.path-webform #main #edit-datos .form-item textarea::placeholder,
.path-webform #main #edit-datos .form-item input::placeholder {
    color: #aaaaaa;
    opacity: 1;
}

.path-webform #main #edit-datos .form-item select {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/themes/solucionweb/images/down-arrow.svg) no-repeat center/ 17px auto;
    background-position: 95% 50%;
}

.path-webform #main #edit-datos .form-item {
	margin: 8px auto;
}

.path-webform #main #edit-datos .form-actions {
	text-align: center;
}

.path-webform #main #edit-datos .form-actions input {
	background: #f86db1;
    color: #fff;
    border: none;
    transition: 300ms;
    font-size: 14px;
    border-radius: 15px;
    font-weight: 600;
    padding: 8px 40px 6px;
}

.path-webform #main #edit-datos .form-actions input:hover {
	background: #276f87;		
}

/*Captcha*/
.webform-submission-form .captcha {
    margin: 0 auto;
    text-align: center;
    display: table;
}

/*Vista instalaciones*/
#main .vista-instalaciones .view-header .field--name-body {
	text-align: center;
	width: 75%;
	color: #949292;
	font-size: 15px;
	margin: 0 auto 50px;
}

#main .vista-instalaciones .view-header .field--name-field-descripcion-larga {
	text-align: justify;
	width: 90%;
	color: #949292;
	font-size: 15px;
	margin: 50px auto;
}

.block .field--name-field-video-youtube {
	display: none;
	position: fixed;
    width: 100%;
    right: 0;
    margin: 0 auto;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 9;
    background: rgba(0,0,0,0.3);
}

#main .vista-instalaciones .view-header .field--name-body .t-celeste {
	margin-bottom: -6px;
}

#main .vista-instalaciones .view-header .field--name-body .t-rosa {
	letter-spacing: -3px;
}

#main .vista-instalaciones .field--name-field-imagen-video img {
	width: 100%;
    border-radius: 110px 0 110px 0;
    cursor: pointer;
    height: 400px;
    position: relative;
    object-fit: cover;
}

#main .vista-instalaciones .field--name-field-imagen-video {
	position: relative;
}

#main .vista-instalaciones .field--name-field-imagen-video:after {
	width: 100px;
    height: 100px;
    content: "";
    z-index: 8;
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
    left: 0;
    margin: 0 auto;
    background: url(/themes/solucionweb/images/play.svg) no-repeat center;
    top: 39%;
    background-size: cover;
}

#main .vista-instalaciones .field--name-field-video-youtube .youtube-container {
	background: #fff;
    border-radius: 10px;
    padding: 20px 40px;
    position: relative;
    width: 80%;
    margin: 110px auto 0;
    max-width: 1280px;
    height: 550px;
    display: block;
}

#main .field--name-field-video-youtube iframe {
	width: 100%;
	height: 100%;
}

.block .field--name-field-video-youtube .bot-cerrar {
    width: 27px;
    background-size: cover !important;
    height: 27px;
    position: absolute;
    transition: 300ms;
    display: block;
    cursor: pointer;
    right: 7px;
    content: "";
    background: url(/themes/solucionweb/images/close.png) no-repeat center;
}

.block .field--name-field-video-youtube .bot-cerrar:hover {
	opacity: .8;
}

.vista-instalaciones .view-content .views-row {
	display: table;
	margin-bottom: 30px;
}

.vista-instalaciones .view-content .views-row:nth-child(even) .views-field-nothing,
.vista-instalaciones .view-content .views-row:nth-child(odd) .views-field-field-imagen-instalaciones {
	float: left;
}

.vista-instalaciones .view-content .views-row:nth-child(even) .views-field-field-imagen-instalaciones,
.vista-instalaciones .view-content .views-row:nth-child(odd) .views-field-nothing {
	float: right;
}

.vista-instalaciones .view-content .views-row:nth-child(odd) .views-field-field-imagen-instalaciones img {
	padding-right: 7%;
	border-radius: 0 20% 0 20%;
}

.vista-instalaciones .view-content .views-row:nth-child(even) .views-field-field-imagen-instalaciones img {
	padding-left: 7%;
	border-radius: 20% 0 20% 0;
}

.vista-instalaciones .view-content .views-row:nth-child(odd) .titulo a {
	color: #f86db1;
}

.vista-instalaciones .view-content .views-row:nth-child(even) .titulo a {
	color: #57ccf3;
}

.vista-instalaciones .view-content .views-row .views-field-field-imagen-instalaciones img {
	width: 100%;
    height: 580px;
    object-fit: cover;
}

.vista-instalaciones .view-content .views-row .views-field-nothing {
	display: table;
	height: 580px;
}

.vista-instalaciones .view-content .views-row .views-field-nothing .field-content {
	display: table-cell;
	vertical-align: bottom;	
	padding-bottom: 80px;
}


.vista-instalaciones .view-content .views-row .titulo {
	margin-bottom: 30px;
}

.vista-instalaciones .view-content .views-row .titulo a {
	font-size: 30px;
	text-decoration: none;
}

.vista-instalaciones .view-content .views-row .titulo .lastWord {
	font-weight: bold;
}

.vista-instalaciones .view-content .views-row .titulo a {
	text-decoration: none;
}

.vista-instalaciones .view-content .views-row .descripcion {
	text-align:	justify;
	font-size: 15px;
	color: #949292;
}

/*Contenido interno instalaciones*/ 
.page-node-type-instalaciones #main .principal-content {
	width: 80%;
	margin: 0 auto;
	max-width: 1280px;
	min-height: 460px;
}

.page-node-type-instalaciones .page-title {
	margin: 65px auto 30px;
	text-align: justify;
}

.page-node-type-instalaciones .page-title .field--name-title  {
	font-size: 50px;
    color: #57ccf3;
    font-weight: bold;
    letter-spacing: -5px;
}

.page-node-type-instalaciones .field--name-field-banner-instalaciones img {
	width: 100%;
    height: 450px;
    border-radius: 20% 0 20% 0;
    object-fit: cover;
}

.page-node-type-instalaciones #main .field--name-body {
	color: #aaa;
	font-size: 15px;
}

/*Vista servicios*/
#main .vista-servicios .view-header .field--name-body .t-rosa {
	letter-spacing: -3px
}

#main .vista-servicios .view-header .field--name-body {
	font-size: 15px;
	text-align: center;
	color: #949292;
	width: 80%;
	margin: 0 auto;
}

#main .vista-servicios .views-field-title {
	width: 95%;
    margin: 0 auto 15px;
}

#main .vista-servicios .views-field-title a {
	color: #f86db1;
	font-size: 35px;
	letter-spacing: -3px;
	text-decoration: none;
}

.vista-servicios .views-field-field-galeria-servicios .item-list ul li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 33%;
	padding: 0 2%;
}

.vista-servicios .view-content .views-row {
	display: table;
	margin-bottom: 45px;
	width: 100%;
}

.vista-servicios .view-content .views-row:nth-child(odd) .views-field-field-galeria-servicios .item-list ul li img {
    border-radius: 0 25% 0 25%;
}

.vista-servicios .view-content .views-row:nth-child(even) .views-field-field-galeria-servicios .item-list ul li img {
	border-radius: 25% 0 25% 0;
}

.vista-servicios .views-field-field-galeria-servicios .item-list ul li img {
	width: 100%;
    height: 325px;
    object-fit: cover;
}

.vista-servicios .views-field-field-descripcion-short {
	width: 80%;
    margin: 40px auto 20px;
    text-align: center;
    color: #a2a1a1;
    font-size: 15px; 
}

.vista-servicios .views-field-view-node {
	display: table;
    margin: 10px auto 0;
}

.vista-servicios .views-field-view-node a {
	background: #f86db1;
    color: #fff;
    border: none;
    text-decoration: none;
    font-size: 14px;
    border-radius: 15px;
    transition: 300ms;
    font-weight: 600;
    padding: 8px 40px 6px;
}

.vista-servicios .views-field-view-node a:hover {
    background: #276f87;
}

/*Contenido interno servicios*/
.page-node-type-servicios .page-title {
	margin: 65px auto 30px;
	text-align: center;
}

.page-node-type-servicios #main .principal-content {
	width: 80%;
	margin: 0 auto;
	max-width: 1280px;
	min-height: 460px;
}

.page-node-type-servicios .page-title .field--name-title  {
	font-size: 50px;
    color: #f86db1;
    font-weight: bold;
    letter-spacing: -5px;
}

.page-node-type-servicios .field--name-field-banner-servicios img {
	width: 100%;
    height: 450px;
    border-radius: 20% 0 20% 0;
    object-fit: cover;
}

.page-node-type-servicios .field--name-field-galeria-servicios {
	margin: 0 auto 35px;
}

.page-node-type-servicios .field--name-field-galeria-servicios .field__item {
	width: 33%;
	display: inline-block;
	padding: 0 2%;
}

.page-node-type-servicios .field--name-field-galeria-servicios .field__item img {
	width: 100%;
	height: 325px;
	object-fit: cover;
	border-radius: 0 25% 0 25%;
}

.page-node-type-servicios #main .field--name-body {
	color: #aaa;
	font-size: 15px;
	margin-top: 50px;
}

.page-node-type-servicios #main .field--name-body .t-celeste {
    font-size: 20px;
    margin-bottom: 10px;
    color: #57ccf3;
    letter-spacing: -1px;
    font-weight: 600;
}

/*Paragraph informativo*/
.paragraph--type--paragraph-informativo .field--name-field-descripcion-p-informativo {
	color: #949292;
	font-size: 15px;
}

.paragraph--type--paragraph-informativo {
	margin-bottom: 45px;
}


/*Paragraph bloque informativo*/
.paragraph--type--paragraph-bloque-informativo {
	display: table;
	width: 100%;
	margin-bottom: 35px;
}	

.field--name-field-paragraph-bloque-informati > .field__item {
	display: table;
	margin: 25px auto;
}

.field--name-field-paragraph-bloque-informati .block-info {
	display: table;
	width: 80%;
}

.field--name-field-paragraph-bloque-informati .three {
	float: left;
}

.field--name-field-paragraph-bloque-informati .block-info:nth-child(odd) .field--name-field-descripcion-p-bloque,
.field--name-field-paragraph-bloque-informati .block-info:nth-child(even) .field--name-field-imagen-p-bloque {
	float: left;
}

.field--name-field-paragraph-bloque-informati .block-info .field--name-field-descripcion-p-bloque .t-rosa {
	display: table !important;
	width: 100% !important;
}

.field--name-field-paragraph-bloque-informati .block-info:nth-child(odd) .field--name-field-imagen-p-bloque,
.field--name-field-paragraph-bloque-informati .block-info:nth-child(even) .field--name-field-descripcion-p-bloque {
	float: right;
}

.field--name-field-paragraph-bloque-informati .field__item .field--name-field-descripcion-p-bloque {
	padding: 80px 40px 0 35px;
    text-align: justify;
    display: flex;
    flex-wrap: wrap;
}

.paragraph--type--paragraph-bloque-informativo .field--name-field-imagen-p-bloque img {
	width: 100%;
	height: 325px;
	object-fit: cover;
	border-radius: 0 25% 0 25%;
}

.field--name-field-paragraph-bloque-informati .field--name-field-descripcion-p-bloque .t-rosa-p {
	font-size: 35px;
	color: #f86db1;
}

.field--name-field-paragraph-bloque-informati .field--name-field-descripcion-p-bloque {
	font-size: 15px;
	color: #a2a1a1;
}

#page #main .b-comunicate {
	margin-top: 30px;
}

#page #main .b-comunicate a {
	background: #f86db1;
    transition: 300ms;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    padding: 14px 10px;
    border-radius: 15px;
}

#page #main .b-comunicate a:hover {
	background: #276f87;
}

/*Paragraph dos columnas*/
.field--name-field-dos-elemenmtos {
	display: table;
	margin-bottom: 70px;
}

.paragraph--type--dos-elementos .field--name-field-descripcion-d-columnas {
	float: left;
	color: #949292;
	font-size: 15px;
}

.paragraph--type--dos-elementos .field--name-field-descripcion-d-columnas .t-rosa {
	line-height: 1.2;	
}

.paragraph--type--dos-elementos .field--name-field-imagen-d-elementos {
	float: right;
    padding-left: 5%;
}

.paragraph--type--dos-elementos .field--name-field-imagen-d-elementos img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	border-radius: 20% 0 20% 0;  
}

/*Paragraph tres columnas*/
.field--name-field-paragraph-bloque-informati .three {
	padding: 0 3%;
	margin: 5px auto;
    /*min-height: 420px;*/
}

.paragraph--type--tres-elementos .field--name-field-imagen-t-elementos {
	margin-bottom: 15px;
}

.paragraph--type--tres-elementos .field--name-field-imagen-t-elementos img {
	width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0 20% 0 20%;
}

.paragraph--type--tres-elementos .field--name-field-descripcion-t-columnas {
	margin-top: 10px;
}

.paragraph--type--tres-elementos .field--name-field-descripcion-t-columnas .t-azul {
    font-size: 25px;
    letter-spacing: -2px;
    text-align: center;
    color: #276f87;
}

.paragraph--type--tres-elementos .field--name-field-descripcion-t-columnas {
	color: #949292;
	font-size: 15px;
	width: 95%;
	margin: 0 auto;
}

.paragraph--type--tres-elementos .boton-consulta {
	margin: 10px auto;
    display: table;
}

.paragraph--type--tres-elementos .boton-consulta a {
	font-weight: bold;
    font-size: 15px;
    color: #fff;
    border-radius: 15px;
    transition: 300ms;
    padding: 10px 15px;
    background: #f86db1;
    text-decoration: none;
}

.paragraph--type--tres-elementos .field--name-field-descripcion-t-columnas .t-celeste {
	font-size: 27px !important;
}


/*Titulo basico paragraph*/
.field--name-field-paragraph-bloque-informati .t-basico {
	display: block;
    margin: 0 auto;
    width: 95%;
   	font-size: 30px;
   	color: #f86db1;
    letter-spacing: -2px;
}

.field--name-field-paragraph-bloque-informati .field--name-field-tittulo {
	margin-bottom: -5px;
}

/*Agenda una cita*/
.webform-submission-agendar-cita-form #edit-descripcion-texto {
 	width: 80%;
    margin: 0 auto;
    color: #949292;
    font-size: 15px;
}

.webform-submission-agendar-cita-form #edit-descripcion-texto .t-rosa  {
	letter-spacing: -3px;
}

.webform-submission-agendar-cita-form .form-item-fecha input,
.webform-submission-agendar-cita-form .form-item-fecha label {
	display: none;
}

#seleccion-data {
	text-align: center;
    color: #f86db1;
    font-size: 16px;
    font-weight: 600;
    width: 80%;
    margin: 0 auto;
}

.webform-submission-agendar-cita-form #calendar {
	width: 100%;
}

.webform-submission-agendar-cita-form #calendar .table-condensed {
	width: 80%;
	margin: 0 auto;
}	

.webform-submission-agendar-cita-form #calendar .table-condensed .next,
.webform-submission-agendar-cita-form #calendar .table-condensed .prev,
.webform-submission-agendar-cita-form #calendar .table-condensed .datepicker-switch {
    background: #57ccf3;
    padding: 15px;
    text-align: center;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .datepicker-switch {
	color: #fff;
	text-transform: uppercase;
	font-size: 25px;

}

.webform-submission-agendar-cita-form #calendar .table-condensed .next {
	border-radius: 0 10px 10px 0;
	position: relative;
	color: transparent;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .next:after {
	width: 25px;
    height: 25px;
    position: absolute;
    display: block;
    content: "";
    margin: 0 auto;
    cursor: pointer;
    right: 0;
    left: 0;
    background-size: cover !important;
    z-index: 8;
    top: 20px;
    background: url(/themes/solucionweb/images/arrow-n.svg) no-repeat center;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .prev {
	border-radius: 10px 0 0 10px;
	position: relative;
	color: transparent;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .prev:after {
	width: 25px;
    height: 25px;
    position: absolute;
    display: block;
    content: "";
    margin: 0 auto;
    cursor: pointer;
    right: 0;
    left: 0;
    background-size: cover !important;
    z-index: 8;
    top: 20px;
    background: url(/themes/solucionweb/images/arrow-p.svg) no-repeat center;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .dow {
	border: 1px solid #c3c3c3;
	padding: 5px 0;
    text-align: center;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .day {
	text-align: right;
    border: 1px solid #c3c3c3;
    padding: 0 5px;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    transition: 300ms;
    padding-top: 10px;
    cursor: pointer;
    height: 55px;
    vertical-align: top;	
}

.webform-submission-agendar-cita-form #calendar .table-condensed .active {
	position: relative;
	background: #f86db1;
	color: #fff;
	border: none;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .active:after {
	content: "Fecha Agendada";
    position: absolute;
    left: 0;
    color: #fff;
    z-index: 8;
    bottom: 0;
    font-size: 14px;
    text-align: justify;
    font-weight: 600;
    width: 100%;
    padding-left: 5px;
}


.webform-submission-agendar-cita-form #calendar .table-condensed .day:hover {
	background: #f86db1;
	color: #fff;
	border: none;
}

.webform-submission-agendar-cita-form #calendar .table-condensed .disabled,
.webform-submission-agendar-cita-form #calendar .table-condensed .old,
.webform-submission-agendar-cita-form #calendar .table-condensed .new {
	color: #cccccc;
	cursor: initial;
	pointer-events: none;
}

.webform-submission-agendar-cita-form #edit-hora--wrapper legend {
	text-align: center;
	color: #57ccf3;
	font-size: 20px;
	margin-bottom: 10px;
}

.webform-submission-agendar-cita-form #edit-hora {
	text-align: center;
    margin: 15px auto 35px;
}

.webform-submission-agendar-cita-form #edit-hora > .form-item {
	display: inline-block;
}

.webform-submission-agendar-cita-form #edit-hora .form-item input {
	display: none;
}

.webform-submission-agendar-cita-form #edit-hora .form-item label {
	cursor: pointer;
	border: 1px solid #1e1e1e;
    font-weight: 600;
    padding: 10px 20px;
    transition: 300ms;
    background: #fff;
    color: #1e1e1e;
}

.webform-submission-agendar-cita-form #edit-hora .form-item label:hover {
	color: #fff;
	border: none;
	background: #f86db1;
}

.webform-submission-agendar-cita-form #edit-hora .form-item input[type="radio"]:checked + label {
	color: #fff;
	border: none;
	background: #f86db1;
}

/*Datps formulario agenda tu cita*/
#edit-datos-cita .form-item {
	width: 70%;
	margin: 0 auto 7px; 
}	

#edit-datos-cita .form-item select,
#edit-datos-cita .form-item textarea,
#edit-datos-cita .form-item input {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #aaa;	
	margin: 0 auto;
	padding: 10px 20px;
}

#edit-datos-cita .form-item select {
	appearance: none;
    -moz-appearance: none;
    color: #8d8a8b;	
    font-size: 15px;
	font-weight: 500;
    -webkit-appearance: none;
    background: url(/themes/solucionweb/images/down-arrow.svg) no-repeat center/ 17px auto;
    background-position: 95% 50%;
}

#edit-datos-cita .form-item input::placeholder,
#edit-datos-cita .form-item textarea::placeholder {
	color: #8d8a8b;	
	font-size: 15px;
	opacity: 1;
	font-weight: 500;
}

#edit-datos-cita .form-item textarea {
	resize: none;
	height: 170px;
}

.webform-submission-agendar-cita-form .form-actions {
	text-align: center;
	margin-top: 15px;
}

.webform-submission-agendar-cita-form .form-actions input {
    background: #f86db1;
    color: #fff;
    border: none;
    font-size: 14px;
    border-radius: 15px;
    transition: 300ms;
    font-weight: bold;
    padding: 12px 30px 10px;
}

.webform-submission-agendar-cita-form .form-actions input:hover {
	background: #276f87;
}

/*Boton celeste*/
#page #main .bot-celeste {
	display: table;
	margin-top: 15px;
	width: 100%;
}

#page #main .bot-celeste a {
    background: #57ccf3;
    padding: 10px 15px;
    color: #fff;
    border: none;
    font-family: 'Montserrat', sans-serif;
    border-radius: 5px;
}

#page #main .bot-celeste a {
	color: #fff;
	display: table;
	margin: 5px auto 0;
	text-decoration: none;
}

/*Back to top*/
#backtotop {
	background: url(/themes/solucionweb/images/backtotop.png) no-repeat center;
    border: 0;
    bottom: 50px;
    cursor: pointer;
    display: table;
    height: 65px;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 65px;
    z-index: 300;
}

/*Boton regresar*/
.regresar {
	display: none;
	width: auto;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background: #f86db1;
    cursor: pointer;
    margin-top: 30px;
    letter-spacing: -1px;
    transition: 300ms;
    border-radius: 20px;
    padding: 12px 35px;
}

.regresar:hover {
	background: #276f87;
}

.page-node-type-instalaciones .regresar,
.page-node-type-servicios .regresar {
	display: table;
}
/*Boton agenda tu cita*/
.Agenda {
    position: fixed;
    width: 65px;
    right: 19px;
    background: #f86db1;
    z-index: 8;
    height: 65px;
    text-align: center;
    padding: 15px;
    bottom: 125px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}

.Agenda .field--name-body img {
	cursor: pointer;
	width: 35px;
    height: 35px;
    object-fit: contain;
}

/*Pagina confirmacion*/
.node-11 .field--name-field-paragraph-bloque-informati {
	width: 55%;
    margin: 0 auto;
    text-align: center;
}

.node-11 .paragraph--type--paragraph-informativo {
    padding: 45px 55px 30px;
    background: #f86db1;
    border-radius: 10px;
} 

.node-11 .paragraph--type--paragraph-informativo .field--name-field-descripcion-p-informativo {
	color: #fff;
    font-size: 19px;
    font-weight: 600;
}

/*Estilo Usuario*/
.path-user .page-title {
    font-size: 40px;
    color: #f86db1;
    text-align: center;
    font-weight: bold;
}

.user-login-form .button {
	background: #f86db1;
    color: #fff;
    border: none;
    font-size: 14px;
    border-radius: 15px;
    transition: 300ms;
    font-weight: 600;
    padding: 8px 40px 6px;
}

/*Tabla responsive*/
#page #main .responsive {
	display: none;
}

/*Jonatan nuevo*/
#page .rosa-n {
	color: #f86db1 !important;
}