/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic,600italic);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700);
@import url(css/social.css);

h1,h2,h3,h4,h5,h6{
    font-weight: 400;
    color:#6a50ba;/*HECHO*/;
}
h1{font-size: 30px;color: #6a50ba;/*HECHO*/}
h2{font-size: 30px;color: #6a50ba;/*HECHO*/}
h3{color: #6a50ba;/*HECHO*/}

ul,li{margin:0px;padding:0px;list-style:none;}

html,body{height:100%;}
body{
    font-family: "Open Sans";
    color:#797979;/*CAMBIO*/
    font-size:16px;
    font-weight: 400;
    background-color:#fffff;/*HECHO*/
}

/* ESTILOS CKEDITOR */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.textaco {
	& .image {
		display: table;
		clear: both;
		text-align: center;

		/* Make sure there is some space between the content and the image. Center image by default. */
		/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	 	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
		margin: 0.9em auto;

		/* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */
		min-width: 50px;

		& img {
			/* Prevent unnecessary margins caused by line-height (see #44). */
			display: block;

			/* Center the image if its width is smaller than the content's width. */
			margin: 0 auto;

			/* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */
			max-width: 100%;

			/* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */
			min-width: 100%;

			/* Keep proportions of the block image if the height is set and the image is wider than the editor width.
			See https://github.com/ckeditor/ckeditor5/issues/14542. */
			height: auto;
		}
	}

	& .image-inline {
		/*
		 * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).
		 * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
		 * This strange behavior does not happen with inline-flex.
		 */
		display: inline-flex;

		/* While being resized, don't allow the image to exceed the width of the editing root. */
		max-width: 100%;

		/* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */
		align-items: flex-start;

		/* When the picture is present it must act as a flex container to let the img resize properly */
		& picture {
			display: flex;
		}

		/* When the picture is present, it must act like a resizable img. */
		& picture,
		& img {
			/* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */
			flex-grow: 1;
			flex-shrink: 1;

			/* Prevents overflowing the editing root boundaries when an inline image is very wide. */
			max-width: 100%;
		}
	}
}

.ck.ck-editor__editable {
	/*
	 * Inhertit the content styles padding of the <figcaption> in case the integration overrides `text-align: center`
	 * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native
	 * caret does, and not at the edge of <figcaption>.
	 */
	& .image > figcaption.ck-placeholder::before {
		padding-left: inherit;
		padding-right: inherit;

		/*
		 * Make sure the image caption placeholder doesn't overflow the placeholder area.
		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
		 */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
	& .image {
		z-index: 1;

		/*
		 * Make sure the selected image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
		&.ck-widget_selected {
			z-index: 2;
		}
	}

	/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
	& .image-inline {
		z-index: 1;

		/*
		 * Make sure the selected inline image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
		&.ck-widget_selected {
			z-index: 2;

			/*
			 * Make sure the native browser selection style is not displayed.
			 * Inline image widgets have their own styles for the selected state and
			 * leaving this up to the browser is asking for a visual collision.
			 */
			& ::selection {
				display: none;
			}
		}
	}

	/* Keep proportions of the inline image if the height is set and the image is wider than the editor width.
	See https://github.com/ckeditor/ckeditor5/issues/14542. */
	& .image-inline img {
		height: auto;
	}

	/* The inline image nested in the table should have its original size if not resized.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
	& td,
	& th {
		& .image-inline img {
			max-width: none;
		}
	}
}

 @import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";

 :root {
     --ck-color-image-caption-background: hsl(0, 0%, 97%);
     --ck-color-image-caption-text: hsl(0, 0%, 20%);
     --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
 }
 
 /* Content styles */
 .textaco .image > figcaption {
     display: table-caption;
     caption-side: bottom;
     word-break: break-word;
     color: var(--ck-color-image-caption-text);
     background-color: var(--ck-color-image-caption-background);
     padding: .6em;
     font-size: .75em;
     outline-offset: -1px;
 
     /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
     @media (forced-colors: active) {
         background-color: unset;
         color: unset;
     }
 }
 
 /* Editing styles */
 .ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
     @mixin ck-media-default-colors {
         animation: ck-image-caption-highlight .6s ease-out;
     }
 
     @media (prefers-reduced-motion: reduce) {
         animation: none;
     }
 }
 
 @keyframes ck-image-caption-highlight {
     0% {
         background-color: var(--ck-color-image-caption-highlighted-background);
     }
 
     100% {
         background-color: var(--ck-color-image-caption-background);
     }
 }

.ck.ck-image-insert-url {
	width: 400px;
	padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;

	& .ck-image-insert-url__action-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

 .ck.ck-editor__editable {
	& img.image_placeholder {
		background-size: 100% 100%;
	}
}

/* Preserve aspect ratio of the resized image after introducing image height attribute. */
.textaco img.image_resized {
	height: auto;
}

.textaco .image.image_resized {
	max-width: 100%;
	/*
	The `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.
	See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.
	Fortunately, since we control the width, there is no risk that the image will look bad.
	*/
	display: block;
	box-sizing: border-box;

	& img {
		/* For resized images it is the `<figure>` element that determines the image width. */
		width: 100%;
	}

	& > figcaption {
		/* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
		display: block;
	}
}

.ck.ck-editor__editable {
	/* The resized inline image nested in the table should respect its parent size.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
	& td,
	& th {
		& .image-inline.image_resized img {
			max-width: 100%;
		}
	}
}

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-left: var(--ck-spacing-standard);
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
	width: 4em;
}

 :root {
	--ck-image-style-spacing: 1.5em;
	--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

.textaco {
	/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */
	& .image {
		/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback
		confirming successful application of the style if image width exceeds the editor's size.
		See https://github.com/ckeditor/ckeditor5/issues/9342 */
		&.image-style-block-align-left,
		&.image-style-block-align-right {
			max-width: calc(100% - var(--ck-image-style-spacing));
		}

		/* Allows displaying multiple floating images in the same line.
		See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */
		&.image-style-align-left,
		&.image-style-align-right {
			clear: none;
		}

		&.image-style-side {
			float: right;
			margin-left: var(--ck-image-style-spacing);
			max-width: 50%;
		}

		&.image-style-align-left {
			float: left;
			margin-right: var(--ck-image-style-spacing);
		}

		&.image-style-align-right {
			float: right;
			margin-left: var(--ck-image-style-spacing);
		}

		&.image-style-block-align-right {
			margin-right: 0;
			margin-left: auto;
		}

		&.image-style-block-align-left {
			margin-left: 0;
			margin-right: auto;
		}
	}

	& .image-style-align-center {
		margin-left: auto;
		margin-right: auto;
	}

	& .image-style-align-left {
		float: left;
		margin-right: var(--ck-image-style-spacing);
	}

	& .image-style-align-right {
		float: right;
		margin-left: var(--ck-image-style-spacing);
	}

	/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */
	& p + .image.image-style-align-left,
	& p + .image.image-style-align-right,
	& p + .image.image-style-side {
		margin-top: 0;
	}

	& .image-inline {
		&.image-style-align-left,
		&.image-style-align-right {
			margin-top: var(--ck-inline-image-style-spacing);
			margin-bottom: var(--ck-inline-image-style-spacing);
		}

		&.image-style-align-left {
			margin-right: var(--ck-inline-image-style-spacing);
		}

		&.image-style-align-right {
			margin-left: var(--ck-inline-image-style-spacing);
		}
	}
}

.ck.ck-splitbutton {
	/* The button should display as a regular drop-down if the action button
	is forced to fire the same action as the arrow button. */
	&.ck-splitbutton_flatten {
		&:hover,
		&.ck-splitbutton_open {
			& > .ck-splitbutton__action:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-background);

				&::after {
					display: none;
				}
			}
		}

		&.ck-splitbutton_open:hover {
			& > .ck-splitbutton__action:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-hover-background);
			}
		}
	}
}

.textaco figure.media iframe.youtube {width: 100% !important; aspect-ratio: 16/9; height: auto;}

@media (max-width: 767px) {
    .textaco figure.image {width: 100% !important;}
    .textaco .image_resized, .textaco img {height: auto; max-width: 100%;}
}
 
/*FIN ESTILOS CKEDITOR*/

p{text-align:justify; color: #797979;/*CAMBIO*/ font-weight: 300}

a{color: #6a50ba;/*HECHO*/}

a:hover, a:active, a:focus{text-decoration: none; outline: none; color: #9887ce;/*HECHO*/}

button.navbar-toggle{background-color:#6a50ba;/*HECHO*/}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover {
    background-color: #6a50ba;/*HECHO*/
}

.full-width{width:100%;}
.imagen{background-size:cover;background-position:center center;background-repeat: no-repeat;}

.separa,.separa-10{height:10px;}
.separa-15{height:15px;}
.separa-20{height:20px;}
.separa-30{height:30px;}
.separa-40{height:40px;}

.btn{border-radius: 0px;text-transform: uppercase;font-style:normal;}
.btn.btn-lg{font-size: 16px;
    padding: 12px 80px;
    font-weight: 300;}
.btn.btn-primary{background-color:#6a50ba;/*HECHO*/border:none;}
.btn.btn-info{background-color:#442869;/*HECHO*/border:none;}
.btn.btn-success {color: #fff; background-color: #6a50ba;/*HECHO*/border-color: #6a50ba;/*HECHO*/}
.btn.btn-success:active {color: #fff; background-color: #6a50ba;/*HECHO*/border-color: #6a50ba;/*HECHO*/}

.relative {position: relative}

.text-primary{ color:#6a50ba;/*HECHO*/ }

.wrapper-flex,.wrapper-flex-mobile{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.wrapper-flex-2{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: left;
    -webkit-align-items: left;
    justify-content: left;
    -webkit-justify-content: left;
}

.header-superior{
    border-top-style: solid;
    border-color: #6a50ba;/*HECHO*/

    border-width: 6px;
    background-color: #fefefe;/*CAMBIO*/
    overflow: hidden;
}

.header-superior.solo_portada{
    background-color: transparent
}

.header-superior>div{background-color: #fefefe;/*CAMBIO*/ /*padding-left: 0px; padding-right: 0px*/}

.navbar-default {
    background-color: #6a50ba;/*HECHO*/
    border-radius: 0px;
    border-color: transparent;
    margin: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: 300;
        padding: 15px 20px;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover {color: #9887ce;/*HECHO*/}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #442869;/*HECHO*/}

.navbar-nav>li {
    color: #fff;/*CAMBIO*/
}
.navbar-nav>li:last-child {
    color: #6a50ba;/*HECHO*/;
}


.triangulo{
width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 52px 52px;
    border-color: transparent transparent #6a50ba;/*HECHO*/ transparent;
    position: absolute;
    top: -1px;
    left: -53px;}

.relleno-cabecera-color {
        background-color: #6a50ba;/*HECHO*/
    height: 52px;
    position: absolute;
    width: 100%;
    right: -100%;
    top: -1px;
}

.header_contacto{    line-height: 46px;}
.header_contacto>div { margin: 0px 15px}
.header_contacto p { color: #222222;/*CAMBIO*/}

.banner_superior{height: 300px;background-size: cover;    margin-top: -72px;}

.icono-header{font-size: 38px; margin-right: 5px; color: #442869;/*HECHO*/}
.texto-tel{line-height: 10px; padding: 5px;}
.texto-tel .telefono{font-size: 20px; font-weight: 600}

#logo_principal {
        margin-top: 15px;
    margin-bottom: 15px;
    height: 102px;
    background-size: contain;
    background-position: left center;
}


/*#banner .bx-wrapper{box-shadow: 0px 5px 5px #ddd;}*/
.banner_marcas .bx-wrapper{height: 120px}

.icono_circulo{height: 75px; width: 75px; background-color: #6a50ba;/*HECHO*/ border-radius: 999px; color: #fff; font-size: 30px;margin-left: auto;margin-right: auto;}

#banner>div{ max-height:460px; overflow: hidden}
#banner .imagen{height: 460px;}

.cuadro_gris{background-color: #9887ce;/*HECHO*/ height: 10px }

.fondo_portada{background-color: #fefefe;/*CAMBIO*/}

#bloque_bienvenida h1{font-size: 40px; margin-top: 30px}
#bloque_bienvenida .imagen{ border: 1px solid #d8d8d8; min-height: 130px}
#bloque_bienvenida .imagen:after {
    content: "";
    padding-top: 70%;
    display: block;
}

.btn-default {
    color: #442869;/*HECHO*/
    background-color: #fff;/*CAMBIO*/
    padding: 10px 25px;
    border-radius: 3px;
    text-transform: none;
}

#servicios>div{
    background-color: #6a50ba;/*HECHO*/
}

.servicio p{ text-align: center;  color:#fff;/*CAMBIO*/}
.servicio h3{text-align: center; font-size: 70px; margin-top: 0px;  color:#fff;/*CAMBIO*/}
.servicio h4{text-align: center; font-size: 18px; text-transform: uppercase; color:#9887ce;/*HECHO*/}

.servicio_interior p{  }
.servicio_interior .imagen {border: 1px solid #d8d8d8; }
.servicio_interior .imagen:after {
    content: "";
    padding-top: 70%;
    display: block;
}
.servicio_interior h2{margin-top: 0px}

footer>div {background-color: #6a50ba;/*HECHO*/ color: #fff;/*CAMBIO*/}
footer a {color: #fff;/*CAMBIO*/ font-size: 14px;}
footer p {color: #fff;/*CAMBIO*/ margin-bottom: 5px; font-weight: 300; font-size: 14px;}
.iconos_redes ul {display: inline-flex}
.iconos_redes li{margin: 0px 10px}
.iconos_redes a{font-size: 38px; color: #442869;/*HECHO*/}
.iconos_redes a.color_base{font-size: 38px; color: #6a50ba;/*HECHO*/}


/***CONTACTO PORTADA***/

.antibalas {
   height: 100%;
    width: 100%;
   /* background-color: rgba(0, 128, 0, 0.51); */
    position: absolute;
    top: 0px;
}
#contacto iframe{width: 100%!important; height: 830px!important}
#contacto .mapa_contacto>iframe {width: 100%!important; height: 710px!important;}
#contacto h2{margin-top: 0px}
#contacto h2.titulo_formulario_grande{margin-top: 15px; margin-bottom: 0px}
img.captcha{width: 175px}
#input_captcha{width: 175px; font-size: 14px; color: #797979}

.modal-body p{font-size: 14px; color: #2E2E2E}
.nuestro_aviso{font-size: 14px; color: #2E2E2E}
.nuestro_aviso a{font-size: 14px; color: #2E2E2E!important; text-decoration: none!important; cursor: text}

/*****/

.galeria .imagen{height: 200px;border: 1px solid #d8d8d8;}

/*
*Galeria
*/
.galeria .imagen .play {
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    font-size: 50px;
    background-color: #6a50ba;/*HECHO*/;
    color: #fff;
    border-radius: 999999px;
    height: 90px;
    width: 90px;
    padding: 20px 30px;
}
.galeria li {margin-bottom: 30px}

.lista-galeria .imagen{height: 220px; border-color: #e8e8e8; border-width: 20px; border-style: solid}

/****GALERIA***/
.galeria_album{
    padding:10px;
    border:solid 1px #d0d0d0/*CAMBIO*/;
}

#mainwrapper {margin: 0px; width: 100%}
#mainwrapper .box{ height: 220px; border-color: #e8e8e8; border-width: 20px; border-style: solid; width: 100%; -webkit-box-shadow: 0px 0px 0px 0px #ccc; -moz-box-shadow: 0px 0px 0px 0px #ccc; box-shadow: 0px 0px 0px 0px #ccc; }
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption { width: 100%; height: 100%;  }
#mainwrapper .box .caption { background-color: rgba(60, 60, 60, 0.5);/*CAMBIO*/ }
.caption.fade-caption h3{color: #fff;/*CAMBIO*/ text-align: center;}

/**contenido**/

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;/*CAMBIO*/
    background-color: #6a50ba;/*HECHO*/
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #9887ce;/*HECHO*/
    color: #6a50ba;/*HECHO*/
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent
}

.web_las_palmas{
    font-size: 14px; color: #6a50ba;/*HECHO*/; margin-bottom: 10px
}

.web_las_palmas a{
    font-size: 14px; color: #6a50ba;/*HECHO*/
}

.logo_responsive img {
    margin: 10px 0px
}

label{margin: 10px 0px}

.mapa_grande{width: 100%; position: relative}
    .mapa_grande>iframe{width: 100%!important; height: 500px!important}

.color_base{color: #6a50ba;/*HECHO*/}
#input_captcha{border: 1px #ddd solid}

/**GALERIA**/
.galeria_album_grande{margin: 15px 0px}
.galeria_album_grande .titular{background-color: #6a50ba;/*HECHO*/ color: #fff;/*CAMBIO*/ padding: 15px 0px}
.galeria_album_grande .imagen:after {
    content: "";
    padding-top: 66%;
    display: block;
}

@media (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a {padding: 15px 5px;}
}

@media (max-width: 992px) {
    
    .navbar .container-fluid {padding: 0px}
    .navbar-header img{  max-height: 40px; max-width: 210px;    height: auto; margin-left: 10px}
    
    header .container {width: 100%; padding: 0px}
     .navbar-brand { height: 60px;}
    .navbar-header .navbar-toggle {margin: 15px; margin-right: 25px}
    /*.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .collapsing .active>a {margin-left: -15px!important;margin-right: -15px!important}*/
    .texto_azul h2 {text-align: center}
    .texto_azul p {text-align: center}
    .texto_azul {text-align: center}

    .navbar-header {float: none;  }
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in {display: block!important; }
    header.ampliado #bs-example-navbar-collapse-1 {display: none!important;}
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #442869;/*HECHO*/ border-width: 1px}

    .fixed_top{
        top: 0;
        border-width: 0 0 1px;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    #banner .imagen {
    height: 296px;
}
    #contacto iframe{width: 100%!important; height: 330px!important}
    #contacto .mapa_contacto>iframe{width: 100%!important; height: 330px!important}
    
    
    nav .navbar-collapse {background-color: #442869;/*HECHO*/}
    .navbar-default .navbar-nav>li>a {padding: 15px 15px;}
    .navbar-header{border-bottom: 2px solid #442869;/*HECHO*/}
    .navbar-default {border-bottom-width: 0px}
    
        footer .container>div {text-align: center}
    footer .container>div p {text-align: center}
    .galeria_album_grande {margin-bottom: 30px}
}

@media (max-width: 767px) {
    
    #logo_principal.centrado{background-position: center center;}
    
    h1{font-size: 32px;}
    h2{font-size: 24px;}
    
    #informacion_destacada{margin: 0px; margin-top: 30px}
    
    #bloque_bienvenida h2 {
    font-size: 30px;
}
    .container.reorder-xs {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

    direction: rtl;
  }

  .container.reorder-xs > [class*="col-"] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);

    direction: ltr;
  }
    
    .btn.btn-lg {
        padding: 10px 50px;}
    
    #banner .imagen {height: 190px;}
    #bloque_bienvenida h1 {font-size: 35px;}
    #bloque_bienvenida h2 {font-size: 25px;}
    .iconos_redes li {margin: 0px 5px;}
    .iconos_redes a {font-size: 27px;}
    .texto-tel .telefono {font-size: 16px;font-weight: 600;}
    .texto-tel .correo {font-size: 14px;}
    .navbar-default .navbar-nav>li>a {padding: 15px 30px;}

}
 /*ESTILOS EXTRA*/