@charset "utf-8";

/* CSS Document */
*{
	margin:0; padding:0; border:0; outline:none;
	font-family: 'Open Sans', sans-serif;
}

html, body{
	background:#FFF;
	min-height:100%;
	width:100%;	
	font-size:16px;	
	min-width:300px;
	color:#000;
}
p {
    line-height: 25px;
}

/*******************************************GENERALES***********************************************/
html{
    max-width: 100%;
    overflow-x: hidden;
}
/* CSS Document */
*{
	margin:0; padding:0; border:0; outline:none;
	font-family: 'Open Sans', sans-serif;
}

section{
	min-height:250px;
    position: relative;
    padding: 0 0 300px 0;	
	
}

@media screen and (min-width : 0px) and (max-width:780px){
	section{
		padding: 0 0 560px 0;	
	}

}
@media screen and (min-width : 0px) and (max-width:480px){
	section{
		padding: 0 0 800px 0;	
	}

}


	.iconos_pagina{
		display:inline-block;
		width:30px;
		height:30px;
		vertical-align:middle;
		background-image: url(../img/iconos-pagina-cyma-05.svg);
		margin:0 5px 0 0;
		
	}
	.iconos_pagina.contrat1 {
		background-position: -222px -265px;
	}
	.iconos_pagina.contrat2 {
		background-position: -294px -265px;
	}
	
	.iconos_pagina.contrat3 {
		background-position: -368px -265px;
	}

	.iconos_pagina.otr_serv1{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -4px -340px;
	}
	
	.iconos_pagina.otr_serv2{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -90px  -340px;
	}
	
	.iconos_pagina.otr_serv3{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -167px  -340px;
	}
	
	.iconos_pagina.otr_serv4{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -253px  -340px;
	}
	
	.iconos_pagina.otr_serv5{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -336px  -340px;
	}
	
	.iconos_pagina.otr_serv6{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -417px -340px;
	}
	
	.iconos_pagina.otr_serv7{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -4px -422px;
	}
	
	.iconos_pagina.otr_serv8{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		background-position: -90px  -422px;
	}
		
	.iconos_pagina.icono_tel_g{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		    background-position: -1160px -340px;
	}
	
	
	.iconos_pagina.icono_corr_g{
		width:60px;
		height:60px;
		margin:0 0 10px 0;
		    background-position:-1243px -340px;
	}
		
.wc-right-bottom{
	cursor:pointer;
	}		
	.iconos_pagina.whats_med_b{
		width: 28px;
		height: 28px;
		background-position: -599px -278px;
		margin: 10px;

	}
	.iconos_pagina.whats_grande_b{
		width: 40px;
		height: 40px;
		background-position: -444px -268px;
		margin: 0;
	}
	
	.iconos_pagina.msj_enviado{
width: 60px;
    height: 40px;
    background-position: -508px -268px;
    margin: 20px auto;
	display:block;
	}

button.boton_general:after,
button.boton_general:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
button.boton_general:before,
button.boton_general:after {
	content: '';
	display: table;
}
button.boton_general:after {
	clear: both;
}



/* Common button styles */
button.boton_general{
	background:#ffffff;
 	color:#691B49;
	border:1px solid #691B49;
	border-radius:3px;
	padding:10px 0;
	display:block;
	margin:20px auto 10px auto;
	text-align:center;
	text-decoration:none;
	width:160px;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	cursor:pointer;
	font-size:16px;
	overflow: hidden;
	padding: 0;
	
}

button.boton_general.serv_lado{
	
	margin:20px 0 10px 0;
}

button.boton_general:focus {
	outline: none;
}
button.boton_general > span {
	vertical-align: middle;
}



button.boton_general::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #691B49;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

button.boton_general > span {
	display: block;
}
button.boton_general::before,
button.boton_general > span {
	padding: 1em 2em;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
button.boton_general:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	    color: #ffffff;
}
button.boton_general:hover > span {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}





h2.subtitulo_pagina{
    position: relative;
    font-weight: normal;
    margin: 20px 0;
    padding: 5px 0 10px 0;
}

h2.subtitulo_pagina:after{
	position:absolute;
	content:'';
	width:4px;
	height:40px;
	left:-10px;
	top:0;
	bottom:0;
	margin:auto;
	background:#691B49;
}

.bordes_sombra_img{
	border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 19%);
}
		
		

.boton_transparente{
	display:block;
	margin:0 auto;
	width:200px;
	text-decoration:none;
	color:#1B5C31;
	padding:10px 0;
	border-radius:4px;
	text-align:center;
	border:2px solid #1B5C31;
	
	overflow: hidden;

	
  transition-property: background;
  transition-duration: 1s;
  transition-timing-function: linear;
}
@media screen and (min-width : 0px) and (max-width:700px){
.boton_transparente{
	width:150px;
	    font-size: 14px;
}

}

.boton_transparente:hover {
	color: #ffffff;
	font-weight:bold;
	background:#1B5C31;
}

.titulo_pagina{
	font-size:30px;
	text-align:center;
	font-weight:normal;
	position:relative;
	padding:15px 0;
	margin:20px 0;
}


.titulo_pagina:after{
	content:'';
	background:#691B49;
	width:70px;
	height:3px;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
}

@media screen and (min-width : 0px) and (max-width:600px){
.titulo_pagina{
	font-size:24px;
	margin:15px 0;
}

}






		
/*******************************************FIN GENERALES***********************************************/

/*******************************************MENU***********************************************/

	.cabecera_top{
		background:#1B5C31;
		height:30px;
		width:100%;	
	}

	.cabecera_top .cabecera_top_interna{
		width:80%;
		display:block;
		margin:0 auto;
		position:relative;
	}
	
	.cabecera_top .cabecera_top_interna .redes_cabecera{
		width:20%;
		position:absolute;
		left:0;
	}
@media screen and (min-width : 0px) and (max-width:700px){

	.cabecera_top .cabecera_top_interna .redes_cabecera {
		display:none;
	}
}
	
	.cabecera_top .cabecera_top_interna .redes_cabecera ul {
		list-style: none;
	}
	.cabecera_top .cabecera_top_interna .redes_cabecera ul li {
		display: inline-block;
		width: 30px;
		margin: 0 10px 0 0;
	}
	.cabecera_top .cabecera_top_interna .contacto_cabecera{
		position:absolute;
		right:0;
	}

	.cabecera_top .cabecera_top_interna .contacto_cabecera ul {
		list-style: none;
	}
	.cabecera_top .cabecera_top_interna .contacto_cabecera ul li {
		display: inline-block;
		vertical-align: middle;
	}
	.cabecera_top .cabecera_top_interna .contacto_cabecera ul li.correo_cab {
		margin: 0 0px 0 20px;
	}
	@media screen and (min-width : 0px) and (max-width:500px){
	
		.cabecera_top .cabecera_top_interna .contacto_cabecera ul li.correo_cab {
			display:none;
		}
	}
	
	.cabecera_top .cabecera_top_interna .contacto_cabecera ul li a {
		color: #ffffff;
		text-decoration: none;
		font-size:12px
	}

	.iconos_pagina.fbk_b{
		background-position:-6px -110px;
	}
	.iconos_pagina.inst_b{
		background-position:-110px -110px;
	}
	.iconos_pagina.whats_b{
		background-position:-214px -110px;
	}
	.iconos_pagina.corr_b{
		background-position:-267px -110px;
	}
	
	.iconos_pagina.ic_inic_b{
		background-position:-980px -110px;
	}
	.iconos_pagina.ic_nos_b{
		background-position:-1032px -110px;
	}
	.iconos_pagina.ic_serv_b{
		background-position:-1086px -110px;
	}
	.iconos_pagina.ic_cont_b{
		background-position:-1136px -110px;
	}
.iconos_pagina.whats_m {
    background-position: -214px -217px;
}	
	.iconos_pagina.fbk_v{
	}

.cab_medio {
    height: 120px;
	padding:10px 0
}

.cab_medio .interno_cab_medio {
    width: 80%;
    display: block;
    margin: 0 auto;
    position: relative;
    height: 120px;
}
	@media screen and (min-width : 0px) and (max-width:1100px){

		.cab_medio .interno_cab_medio {
			width: 90%;
		}
	}
.cab_medio .interno_cab_medio .logo{
	position:absolute;
	height:100%;
	width:100%;
	right:0;
}

.cab_medio .interno_cab_medio .logo img{
	max-width:100%;
	max-height:100%;
}

.cab_medio .interno_cab_medio .menu{
	position:absolute;
	height:100%;
	width:100%;
}

.cab_medio .interno_cab_medio .menu{
    position: absolute;
    width: 50%;
    right: 0;
    height: 50px;
    margin: auto;
    top: 0;
    bottom: 0;
}



@media screen and (min-width : 0px) and (max-width:800px){
	.cab_medio .interno_cab_medio .menu{
	display:none;
		
	}


.cab_medio {
	padding:10px 0
}
.cab_medio .interno_cab_medio .menu{
    width: 100%;
}
	
	.cab_medio .interno_cab_medio {
    width: 100%;
}
	.logo{
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;	
		width:100%;
	}
	.logo img {
		display:block;
		margin:0 auto;
	}
	


}




nav {
    position: absolute;
    width: 55%;
    right: 0;
    height: 50px;
    margin: auto;
    top: 0;
    bottom: 0;
}



	nav ul.menu_pc{
		list-style:none inside;
		margin:0;
		padding:0;
		text-align:center;
		width:100%;
	}
	nav ul.menu_pc li {
		position:relative;
		background: #ffffff; /* menu background color */
	}
	nav ul.menu_pc > li {
		display:inline-block;
		width: 25%;
	}
	nav ul.menu_pc ul.dl-submenu {
		width: 130%;
		    z-index: 10;
	}
	nav ul.menu_pc ul.dl-submenu ul.dl-submenu {
		width: 100%;
	}

	nav ul.menu_pc li li{
		display:block;
		width: 100%;
	}
	nav ul.menu_pc li a {
		display:block;
		padding:0;
		text-decoration:none;
		width:100%; /* this is the width of the menu items */
		line-height:50px; /* this is the hieght of the menu items */
		color:#000000; /* list item font color */
	}
	nav ul.menu_pc ul.dl-submenu li a {
		line-height: 20px;
		width: 94%;
		padding: 10px 3%;
	}
	nav ul.menu_pc li li a {font-size:90%;} /* smaller font size for sub menu items */
	nav ul.menu_pc li li:hover {background:#691B49; color:#FFFFFF;} /* highlights current hovered list item and the parent list items when hovering over sub menues */
	nav ul.menu_pc li li:hover > a {color:#FFFFFF;} 
nav ul.menu_pc li li.activo{

	border-radius:0px 0px 0 0;
	background:	#691B49;
	color:#FFFFFF
}
nav ul.menu_pc li li.activo a{

	color:#FFFFFF
}
nav ul.menu_pc li li a.activo{

	border-radius:0px 0px 0 0;
	background:	#691B49;
	color:#FFFFFF
}


	nav ul.menu_pc ul {
		position:absolute;
		padding:0;
		left:0;
		display:none; /* hides sublists */
		border-left: 1px solid #cccccc9e;
		border-right: 1px solid #cccccc9e;
		border-bottom: 1px solid #cccccc9e;
	}
	nav ul.menu_pc ul ul{
		border-top: 1px solid #cccccc9e;
		z-index:10;
	}
	
	nav ul.menu_pc li:hover ul ul {display:none;} /* hides sub-sublists */
	nav ul.menu_pc li:hover ul {display:block;} /* shows sublist on hover */
	nav ul.menu_pc li li:hover ul {
	display:block; /* shows sub-sublist on hover */
	margin-left:100%; /* this should be the same width as the parent list item */
	margin-top:-41px; /* aligns top of sub menu with top of list item */
	}


nav ul.menu_pc li a.activo:before{
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #691B49;
	content: '';
	opacity: 1;
	top:0;

}
nav ul.menu_pc li a.activo:after{

	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #691B49;
	content: '';
	opacity: 1;
	bottom:0;
}



nav ul.menu_pc li.animacion_menu:hover::before,
nav ul.menu_pc li.animacion_menu:focus::before,
nav ul.menu_pc li.animacion_menu:hover::after,
nav ul.menu_pc li.animacion_menu:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


nav ul.menu_pc li.animacion_menu:hover,
nav ul.menu_pc li.animacion_menu:focus {
	outline: none;
}
/* Effect 21: borders slight translate */
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

nav ul.menu_pc li.animacion_menu::before,
nav ul.menu_pc li.animacion_menu::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #691B49;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

nav ul.menu_pc li.animacion_menu::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

nav ul.menu_pc li.animacion_menu::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

nav ul.menu_pc li.animacion_menu:hover,
nav ul.menu_pc li.animacion_menu:focus {
	color: #691B49;
}

nav ul.menu_pc li.animacion_menu:hover::before,
nav ul.menu_pc li.animacion_menu:focus::before,
nav ul.menu_pc li.animacion_menu:hover::after,
nav ul.menu_pc li.animacion_menu:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}



@media screen and (min-width : 0px) and (max-width:1100px){
	nav {
		position: absolute;
		width: 60%;
		right: 0;
		height: 50px;
		margin: auto 30px auto 0;
		top: 0;
		bottom: 0;
	}
}

@media screen and  (max-width:1328px) {
	nav ul.menu_pc li li:hover ul {
		margin-top: -60px;
	}
}

@media screen and (min-width : 901px)  {
.dl-menuwrapper {
	display:none;
}
}


@media screen and (min-width : 0px) and (max-width:900px){

nav ul.menu_pc{
	display:none;
	}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index:1000;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ffffff;
	border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    outline: none;
    right: 10px;
	top: 85px;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #ffffff;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #1B5C31;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #1B5C31, 
		0 20px 0 #1B5C31;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background: #1B5C31;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration:none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\27A4";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	top: 130px;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}


@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}



@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}



.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}


@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}



@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}


.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}




@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}



@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}


/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}
}


/*******************************************FIN MENU***********************************************/
/*******************************************PIE***********************************************/

footer{
	background:#1B5C31;
	color:#FFF;
	height:300px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto 0 auto;
}
#pie{
	width:80%;
	display:block;
	margin:0 auto;
	text-align:justify;
	
}

@media screen and (min-width : 0px) and (max-width:950px){
#pie{
	width:90%;
	
}

}

#pie:after {
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;	
}
.conten_pie{
	display:inline-block;
	vertical-align:top;
	width:30%;
	padding:40px 0 0 0;
}

@media screen and (min-width : 0px) and (max-width:950px){
.conten_pie{
	width:32%;
}

}
@media screen and (min-width : 0px) and (max-width:780px){
.conten_pie{
	width:48%;
}
footer {
    height: 560px;
}
}
@media screen and (min-width : 0px) and (max-width:480px){
.conten_pie{
	width:90%;
	display:block;
	margin:10px auto;
}
footer {
    height: 800px;
}
}
.conten_pie img{
	max-height:100%;
	max-width:95%;
	display:block;
	margin:0 auto;
}
.conten_pie ul{
	list-style:none;
}
.conten_pie li{
	margin:5px 0;
}

.conten_pie .titulo_pie{
	padding:0 0 8px 0;
	font-size:18px;
	position:relative;
	margin:0 0 15px 0;
}

.conten_pie .titulo_pie:after{
	content:'';
	background:#ffffff;
	width:30px;
	height:2px;
	left:0;
	bottom:0;
	position:absolute;
}
.conten_pie a{
	color:#ffffff;
	display:block;
	padding:2px 0;
	text-decoration:none;
}
.conten_pie_1{
	display:inline-block;
	vertical-align:top;
	width:30%;
	padding:20px 0 0 0;
}
#desarrollado p	{
	text-align:center;
	color:#ffffff57;
	font-size:14px;
}
#desarrollado a	{
	text-align:center;
	color:#ffffff57;
	font-size:14px;
}
/*******************************************FIN PIE***********************************************/

/*******************************************HOME***********************************************/
.img_inicial_centro{
	background-image:url(../img/restauracion-conservacion-documentos.jpeg);
	width:100%;
	min-height:500px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;

}


@media screen and (min-width : 0px) and (max-width:800px){
	.img_inicial_centro{
		background-attachment:inherit;
	
	}
}

.img_inicial_centro .interno_img_inicial_centro{
	width: 45%;
    display: block;
    margin: 0 0 0 5%;
    padding: 100px 0;
}
	
.img_inicial_centro .interno_img_inicial_centro h1{
	color:#000000;
	font-weight:bold;
	font-size:40px;
	text-align:center;

}

.img_inicial_centro .interno_img_inicial_centro h1 .slogan_titulo{
	color:#000000;
	font-weight:normal;
	font-size:20px;
	line-height:30px;
	padding:40px 0;
	text-align:center;

}

.img_inicial_centro .interno_img_inicial_centro h2{
	color:#000000;
	font-weight:normal;
	font-size:20px;
	line-height:30px;
	padding:40px 0;
	text-align:center;

}


@media screen and (min-width : 0px) and (max-width:1200px){
	.img_inicial_centro .interno_img_inicial_centro h1{
		font-size:36px;
	
	}
	.img_inicial_centro .interno_img_inicial_centro h2{
		padding:20px 0;
		font-size:18px;
	
	}
}
@media screen and (min-width : 0px) and (max-width:800px){

		
.img_inicial_centro .interno_img_inicial_centro h1{
	font-size:30px;

}

.img_inicial_centro .interno_img_inicial_centro h1 .slogan_titulo, .img_inicial_centro .interno_img_inicial_centro h2{
	font-size:14px;
	line-height:20px;

}

}


@media screen and (min-width : 0px) and (max-width:500px){
		
.img_inicial_centro .interno_img_inicial_centro h1{
	font-size:30px;

}

.img_inicial_centro .interno_img_inicial_centro h1 .slogan_titulo, .img_inicial_centro .interno_img_inicial_centro h2{
	font-size:16px;
	line-height:22px;

}

}



/**/

.inicial_trabajos{
	
}

.caja_trabajos{
	width:80%;
	margin:20px auto;
	display:block;
	
}
.inicial_trabajos p{
	font-size:18px;
	padding:20px 0 0px 0;
	width:90%;
	display:block;
	line-height:30px;
	
}

@media screen and (min-width : 0px) and (max-width:600px){
.inicial_trabajos p{
	font-size:16px;
	text-align:justify;
	padding:15px 0 10px 0;
	width:90%;
	
}

}


.interno_trabajos{
	width:100%;
	margin:0 auto;
	display:block;
	position:relative;
	text-align:justify;
	
}
.interno_trabajos .caja_interno_trabajos {
	width:100%;
	text-align:justify;
	position:relative;
	display: flex;
	justify-content: space-between; 
	flex-wrap:  wrap;
}
.interno_trabajos .caja_interno_trabajos .indiv_trabajos {	
	margin:20px auto;
	width:31%;
	vertical-align:middle;
}
.interno_trabajos .caja_interno_trabajos .indiv_trabajos ul {
    list-style: none;
}

.interno_trabajos .caja_interno_trabajos .indiv_trabajos ul li {
    padding: 0 0 5px 15px;
	position:relative;
}

.interno_trabajos .caja_interno_trabajos .indiv_trabajos ul li:before {
    content:'\2022';
	color:#691B49;
	position:absolute;
	left:0;
	
}




.interno_trabajos .caja_interno_trabajos .indiv_trabajos img{	
	max-width:100%;
	border-radius:4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
	
}

@media screen and (min-width : 0px) and (max-width:950px){
	.interno_trabajos .caja_interno_trabajos .indiv_trabajos {	
		width:45%;
	}
	.interno_trabajos .caja_interno_trabajos .indiv_trabajos.listado_txt {	
		margin:0px auto;
	}
	
	.interno_trabajos .caja_interno_trabajos .indiv_trabajos.ultimo_item{
	    width: 95%;
	}

}


@media screen and (min-width : 0px) and (max-width:750px){
	.interno_trabajos .caja_interno_trabajos .indiv_trabajos {	
		width:95%;
		display:block;
		margin:20px auto;
	}
	.interno_trabajos .caja_interno_trabajos .indiv_trabajos.listado_txt {	
		margin:0px auto;
	}

}




 .inicial_contratarnos{
	 background-image:url(../img/fondo-cyma-dcumental-quienes-somos.jpeg);
	 background-repeat:no-repeat;
	 background-size:cover;
	 min-height:300px;
	 padding:40px 0 100px 0;
 
 	
}
.interno_contratarnos{
 	width:80%;
	display:block;
	margin:60px auto 20px auto;
	text-align:justify;
	
}
.interno_contratarnos .interno_contratarnos_caja {
	width:100%;
	text-align:justify;
	position:relative;
	display: flex;
	justify-content: space-between; 
	flex-wrap:  wrap;	
}

.interno_contratarnos .interno_contratarnos_caja .indiv_contratarnos{
 	width:30%;
	display:inline-block;
	vertical-align:top;
 	
}

@media screen and (min-width : 0px) and (max-width:1100px){
.interno_contratarnos .interno_contratarnos_caja .indiv_contratarnos{
 	width:32%;
 	
}
}


@media screen and (min-width : 0px) and (max-width:900px){
.interno_contratarnos .interno_contratarnos_caja .indiv_contratarnos{
 	width:47%;
 	
}
}


@media screen and (min-width : 0px) and (max-width:680px){
.interno_contratarnos .interno_contratarnos_caja .indiv_contratarnos{
 	width:80%;
	display:block;
	margin:20px auto;
 	
}
}

.interno_contratarnos .interno_contratarnos_caja .indiv_contratarnos .iconos_pagina{
	width:50px;
	height:50px;
	display:block;
	margin:10px auto;
}




.interno_contratarnos .interno_contratarnos_caja .indiv_contratarnos .txt_contratarnos{
 	padding:10px;
 	
}

.interno_contratarnos .interno_contratarnos_caja .indiv_contratarnos .txt_contratarnos p{
 	text-align:left
 	
}
/*******************************************FIN HOME***********************************************/


/*******************************************GENERALES SERVICIOS-NOSOT***********************************************/

.imagen_centro_cabecera{
	
 	background-image:url(../img/fondo-quienes-somos.jpeg);
	background-position:left;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:450px;
	
}

.interno_imagen_centro_cabecera{
	width:50%;
	display:block;
	margin:0 0 0 10%;
	padding:50px 0 0 0;	
}
.interno_imagen_centro_cabecera h1{	
font-weight:normal;
font-size:38px;
padding:0 0 30px 0;

}

.interno_imagen_centro_cabecera h2{	
font-weight:normal;
font-size:24px;
padding:0 0 20px 0;

}


.interno_imagen_centro_cabecera p{	
	font-size:18px;
	line-height:28px;
	padding:0 0 20px 0;
	text-align:justify;
}


.interno_imagen_centro_cabecera a{	
	color:#fff;
	background:#691B49;
	width:180px;
	border-radius:40px;
	margin:0;
	display:block;
	text-align:center;
	padding:10px 0;
	text-decoration:none;
	font-size:18px;
}

.interno_imagen_centro_cabecera a.enlace_contacto {
	width: 180px;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.interno_imagen_centro_cabecera a.enlace_contacto:focus {
	outline: none;
}
.interno_imagen_centro_cabecera a.enlace_contacto > span {
	vertical-align: middle;
}

.interno_imagen_centro_cabecera a.enlace_contacto {
	background: #691B49;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.interno_imagen_centro_cabecera a.enlace_contacto::before {
	content: '';
	position: absolute;
	top: -1.8px;
	left: -1.5px;
	width: 100%;
	height: 100%;
	border: 2px solid #1B5C31;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.interno_imagen_centro_cabecera a.enlace_contacto:hover {
	background-color: #fff;
	color: #1B5C31;
}

.interno_imagen_centro_cabecera a.enlace_contacto:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.interno_imagen_centro_cabecera a.enlace_contacto:hover .iconos_pagina.whats_b {
    background-position: -214px -164px;
}

@media screen and (min-width : 0px) and (max-width:1100px){
	.interno_imagen_centro_cabecera h1{	
	font-size:30px;
	
	}
	.interno_imagen_centro_cabecera{
		width:45%;
	}
	.interno_imagen_centro_cabecera h2{	
	font-size:20px;
	
	}
	
	
	.interno_imagen_centro_cabecera p{	
	font-size:16px;
	line-height:24px;
	}
	
	
	.interno_imagen_centro_cabecera a{	
		width:130px;
		padding:8px 0;
	font-size:16px;
	}		


}
@media screen and (min-width : 0px) and (max-width:700px){
	.interno_imagen_centro_cabecera h1{	
	font-size:28px;
	
	}
	.interno_imagen_centro_cabecera{
		width:50%;
	}


}
@media screen and (min-width : 0px) and (max-width:570px){
	.interno_imagen_centro_cabecera h1{	
	font-size:28px;
	
	}
	.interno_imagen_centro_cabecera{
		width:70%;
	}
	.interno_imagen_centro_cabecera {
		width: 70%;
		padding: 40px 0 40px 0;
	}

}

/*******************************************FIN GENERALES SERVICIOS-NOSOT***********************************************/


/*******************************************NOSOTROS***********************************************/
.imagen_centro_cabecera.cab_nosotros{
	
 	background-image:url(../img/fondo-quienes-somos.jpeg);
	
}
.interno_quies_somos{
	width:80%;
	display:block;
	margin:40px auto;
	text-align:justify;
	
}
@media screen and (min-width : 0px) and (max-width:1150px){
	.interno_quies_somos{
		width:90%;
		
	}

}
.interno_quies_somos:after {
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;	
}

.interno_quies_somos_indiv{
	width:46%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
}

@media screen and (min-width : 0px) and (max-width:900px){
	.interno_quies_somos_indiv{
		width:48%;
	}

}

.interno_quies_somos_indiv img{
	max-width:100%;
	max-height:100%;
}
@media screen and (min-width : 0px) and (max-width:780px){
	.interno_quies_somos_indiv{
		width:80%;
		display:block;
		margin:0 auto;
	}
	.interno_quies_somos_indiv img {
		max-width: 300px;
		display:block;
		margin:0 auto
	}
}
@media screen and (min-width : 0px) and (max-width:600px){
	.interno_quies_somos_indiv{
		width:90%;
	}
	.interno_quies_somos_indiv img {
		max-width: 90%;
		display:block;
		margin:0 auto
	}
}
.interno_quies_somos_indiv p{
	text-align:justify;
	line-height:25px;
	padding:0 0 20px 0;
}
.txt_interno_quies_somos_indiv{
	padding:0 0 30px 0;	
}

 .fondo_mision{
	 background-image:url(../img/fondo-cyma-dcumental-quienes-somos.jpeg);
	 background-repeat:no-repeat;
	 background-size:cover;
	 min-height:300px;
	 padding:30px 0;
	 background-attachment:fixed;
 
 	
}
@media screen and (min-width : 0px) and (max-width:800px){
	.fondo_mision{
		background-attachment:inherit;
	
	}
}

/*******************************************FIN NOSOTROS***********************************************/

/*******************************************SERVICIOS***********************************************/

.imagen_centro_cabecera.cab_servicios{
	
 	background-image:url(../img/cyma-servicios.jpeg);
	min-height: 200px;
}

.imagen_centro_cabecera.cab_servicios .interno_imagen_centro_cabecera h1, .imagen_centro_cabecera.cab_contacto .interno_imagen_centro_cabecera h1{	
color: #fff;
    padding: 0 0 15px 0;
}

.imagen_centro_cabecera.cab_servicios .interno_imagen_centro_cabecera h2, .imagen_centro_cabecera.cab_contacto .interno_imagen_centro_cabecera h2{	
color: #fff;

}


.imagen_centro_cabecera.cab_servicios .interno_imagen_centro_cabecera p, .imagen_centro_cabecera.cab_contacto .interno_imagen_centro_cabecera p{	
color: #fff;
}

.imagen_centro_cabecera.cab_servicios .interno_imagen_centro_cabecera, .imagen_centro_cabecera.cab_contacto .interno_imagen_centro_cabecera{
	width:80%;
	display:block;
	margin:0 auto;
	padding:50px 0 0 0;	
}




.franja{
	
	min-height:180px;
	background-image: url(../img/franja-servicios.jpeg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	position:relative

}


@media screen and (min-width : 0px) and (max-width:800px){
	.franja{
		background-attachment:inherit;
	
	}
}


.franja h3 {
    text-align: center;
    position: absolute;
    height: 40px;
    line-height: 40px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
    font-size: 30px;
    text-shadow: 2px 3px 5px rgb(0 0 0 / 50%);
}



.seccion_propuesta {
    width: 100%;
    background-image: url(../img/fondo-servicios.png);
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment:fixed;
}
@media screen and (min-width : 0px) and (max-width:800px){
	.seccion_propuesta{
		background-attachment:inherit;
	
	}
}
.caj_seccion_propuesta{
	padding:40px 0 80px 0;	
	width:80%;
	display:block;
	margin:10px auto
}

.seccion_propuesta p{
	line-height:25px;
	padding:0 0 30px 0;
}

.seccion_propuesta .interno_propuesta{
	position:relative;

	text-align:justify;
	
}
.seccion_propuesta .interno_propuesta .interno_propuesta_caja {

	width:100%;
	text-align:justify;
	position:relative;
	display: flex;
	justify-content: space-between; 
	flex-wrap:  wrap;	
}

.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta{
	width:48%;
	margin:0 0 20px 0;
	text-align:justify;
}
@media screen and (min-width : 0px) and (max-width:1060px){
.caj_seccion_propuesta {
    width: 90%;
}
.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta{
	width:49%;
}
}

@media screen and (min-width : 0px) and (max-width:780px){
.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta{
	width:90%;
	display:block;
	margin:0 auto 0 auto;
}
}


.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja{
	width:85%;
	text-align:justify;
	position:relative;
	display: flex;
	flex-wrap:  wrap;
  align-items: center;
	justify-content: space-between;
  
}

.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja .cont_propuesta h5{
	font-weight:normal;
	font-size:16px;
	padding:0 0 0px 0;
}

.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja .cont_propuesta p{
font-size:16px;
line-height:28px;
padding:20px 0 40px 0;
text-align:justify;

}
.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja .cont_propuesta{
	width:85%;
}
@media screen and (min-width : 0px) and (max-width:1270px){

.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja .cont_propuesta{
	width:80%;
}
}
@media screen and (min-width : 0px) and (max-width:820px){

.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja .cont_propuesta{
	width:75%;
}
}
@media screen and (min-width : 0px) and (max-width:400px){

.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja .cont_propuesta{
	width:70%;
}
}
@media screen and (min-width : 0px) and (max-width:780px){
.seccion_propuesta .interno_propuesta .interno_propuesta_caja .indiv_propuesta .indiv_propuesta_caja p{
	padding:20px 0 20px 0;

}
}






.caja_servicios .interno_servicios{	
	width:80%;
	display:block;
	margin:60px auto;
	text-align:justify;
	position:relative;
	
}
@media screen and (min-width : 0px) and (max-width:1180px){

	.caja_servicios .interno_servicios{	
		width:90%;
	}

}


.caja_servicios .interno_servicios .interno_servicios_caja {
	width:100%;
	text-align:justify;
	position:relative;
	display: flex;
	justify-content: space-between; 
	flex-wrap:  wrap;
  align-items: center;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1{	
	width:36%;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2{	
	width:60%;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1.grande_tam{	
	width:45%;
}


.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2.grande_tam{	
	width:48%;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1 img{	
	box-shadow: 0 20px 70px rgb(38 42 76 / 20%);
	    border-radius: 10px;
		max-height:500px;
		display:block;
		margin:0 auto;
		max-width: 95%;
}
	.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1.solocel{	
		display:none;
	}
@media screen and (min-width : 0px) and (max-width:880px){
	.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1.solopc, .caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1.grande_tam.solopc{	
		display:none;
	}
	.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1.solocel{	
		display:block;
	}
	
	
	.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1, .caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1.grande_tam{	
		width:80%;
		display:block;
		margin:20px auto;
	}
	
	.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2, .caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2.grande_tam{	
		width:80%;
		display:block;
		margin:20px auto;
	}

}

@media screen and (min-width : 0px) and (max-width:560px){
	
	.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv1{	
		width:90%;
	}
	
	.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2{	
		width:90%;
		display:block;
		margin:20px auto 40px auto;
	}

}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2 p{	
	font-size:16px;
	text-align:justify;
	padding:0 0 20px 0;
	line-height:30px;
}
.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2 ul{	
	margin:0 0 0 20px;
}
.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2 ul li{	
	font-size:16px;
	text-align:justify;
	padding:0 0 10px 0;
	line-height:30px;
}
.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2 a{	
	color:#fff;
	background:#691B49;
	width:180px;
	border-radius:10px;
	margin:20px 0 5px 0;
	display:block;
	text-align:center;
	padding:10px 0;
	text-decoration:none;
	font-size:18px;
}
 
.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto {
	width: 180px;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto:focus {
	outline: none;
}
.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto > span {
	vertical-align: middle;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto {
	background: #691B49;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto::before {
	content: '';
	position: absolute;
	top: -1.8px;
	left: -1.5px;
	width: 100%;
	height: 100%;
	border: 2px solid #1B5C31;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto:hover {
	background-color: #fff;
	color: #1B5C31;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.caja_servicios .interno_servicios .interno_servicios_caja .servicios_indiv2  a.enlace_contacto:hover .iconos_pagina.whats_b {
    background-position: -214px -164px;
}




.caja_servicios .interno_servicios_fotos{	
	width:80%;
	display:block;
	margin:60px auto 120px auto;
	text-align:justify;
	position:relative;
  display: flex;
  justify-content: space-between; 
  flex-wrap:  wrap;
	
}
@media screen and (min-width : 0px) and (max-width:1180px){

	.caja_servicios .interno_servicios_fotos{	
		width:90%;
	}

}



.caja_servicios .interno_servicios_fotos .servicios_indiv1_fotos{	
	width:32%;
	position:relative;
}





.caja_servicios .interno_servicios_fotos .servicios_indiv1_fotos img{	
	box-shadow: 0 20px 70px rgb(38 42 76 / 20%);
	    border-radius: 10px;
		max-height:500px;
		display:block;
		margin:0 auto;
		max-width:95%;
}




.caja_servicios .interno_servicios_fotos .servicios_indiv1_fotos video{	
	box-shadow: 0 20px 70px rgb(38 42 76 / 20%);
	    border-radius: 10px;
		max-height:500px;
		display:block;
		margin:0 auto;
		max-width:95%;
}

@media screen and (min-width : 0px) and (max-width:1150px){

.caja_servicios .interno_servicios_fotos .servicios_indiv1_fotos{	
	width:45%;
	margin:30px auto;
}

}

@media screen and (min-width : 0px) and (max-width:880px){
	
.caja_servicios .interno_servicios_fotos{	
		display:block;
	
}

	.caja_servicios .interno_servicios_fotos .servicios_indiv1_fotos{	
		display:block;
	}
	

}





/********************************SERVICIOS DE LISTADO****************************************/

.caja_servicios_listado .interno_servicios_listado{	
	width:80%;
	display:block;
	margin:60px auto 120px auto;
	text-align:justify;
	position:relative;
  display: flex;
  justify-content: space-between; 
  flex-wrap:  wrap;
	
}
@media screen and (min-width : 0px) and (max-width:1180px){

	.caja_servicios_listado .interno_servicios_listado{	
		width:90%;
	}

}




.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 2% 40px 2%;
    margin: 20px 0;
	width:27%;
	position:relative;
}

@media screen and (min-width : 0px) and (max-width:1080px){

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado {
	width:45%;
}

}


@media screen and (min-width : 0px) and (max-width:650px){

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado {
	display:block;
	margin:20px auto;
	width:95%
}

}


.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv1{
	background-image:url(../img/servicios/fond_serv_ach_1.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv2{
	background-image:url(../img/servicios/fond_serv_ach_2.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv3{
	background-image:url(../img/servicios/fond_serv_ach_3.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv4{
	background-image:url(../img/servicios/fond_serv_ach_5.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv5{
	background-image:url(../img/servicios/fond_serv_ach_6.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv6{
	background-image:url(../img/servicios/fond_serv_ach_4.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv7{
	background-image:url(../img/servicios/fond_serv_ach_7.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv8{
	background-image:url(../img/servicios/fond_serv_ach_8.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv9{
	background-image:url(../img/servicios/fond_serv_ach_9.png);
}


.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_conserv_1{
	background-image:url(../img/servicios/fond_serv_conserv_1.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_conserv_2{
	background-image:url(../img/servicios/fond_serv_conserv_2.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_conserv_3{
	background-image:url(../img/servicios/fond_serv_conserv_3.png);
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_conserv_4{
	background-image:url(../img/servicios/fond_serv_conserv_4.png);
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_conserv_5{
	background-image:url(../img/servicios/fond_serv_conserv_5.png);
}


.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_proces_2{
	background-image:url(../img/servicios/serv_proces_2.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_proces_3{
	background-image:url(../img/servicios/serv_proces_3.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_proces_4{
	background-image:url(../img/servicios/serv_proces_4.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_proces_5{
	background-image:url(../img/servicios/serv_proces_5.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_proces_6{
	background-image:url(../img/servicios/serv_proces_6.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_proces_7{
	background-image:url(../img/servicios/serv_proces_7.png);
}



.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_soft_1{
	background-image:url(../img/servicios/serv_soft_1.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_soft_2{
	background-image:url(../img/servicios/serv_soft_2.png);
}
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado.serv_soft_3{
	background-image:url(../img/servicios/serv_soft_3.png);
}


.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado .icono_servicios{
	width:40px;
	display: block;
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado .icono_servicios img{
	max-width:100%;
	max-height:100%;
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado h3{
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding:20px 0;
	line-height: 28px;
	    min-height: 60px;

}


.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado p{
    display: block;
    margin: 10px 0 40px 0;
	color:#FFFFFF;
}


.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado ul li{
    display: block;
    margin: 5px 0 5px 0;
	color:#FFFFFF;
    padding: 0 0 5px 15px;
	position:relative;
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado ul li:before {
    content:'\2022';
	color:#FFFFFF;
	position:absolute;
	left:0;
	
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado p.negro{
    display: block;
    margin: 10px 0 40px 0;
	color:#000000;
}
		
	
	
.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado h3.verde{
	color:#1B5C31;
	font-size:18px;
	font-weight:normal;
	padding:20px 0;
	line-height: 28px;
	    min-height: 60px;
}


.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado ul li.verde{

	color:#1B5C31;
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado ul li.verde:before {
	color:#1B5C31;
	
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado a{
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	padding:20px 0 8px 0;
	line-height: 20px;
	text-decoration:none;
	position:absolute;
	right:5%;
	bottom:10px;
  /* you can change these variables to control the border */
  --border-color: #ffffff;
  --border-width: 2px;
  --bottom-distance: 0px; /* you can increase this */
  
  color: #ffffff;
  display: inline-block;
  background-image: linear-gradient(var(--border-color), var(--border-color));
  background-size: 0% var(--border-width);
  background-repeat: no-repeat;
  transition: background-size 0.3s;
  margin: 0px 0px 20px 0;
    background-position: 50% calc(100% - var(--bottom-distance));
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado a:hover{
  background-size: 100% var(--border-width);
}

.caja_servicios_listado .interno_servicios_listado .indiv_servicios_listado a.verde{
	color:#1B5C31;

  --border-color: #1B5C31;
}


/*******************************************FIN SERVICIOS***********************************************/

/*******************************************CONTACTO***********************************************/
.imagen_centro_cabecera.cab_contacto{
 	background-image:url(../img/contact-cymadocumental.jpeg);
	min-height: 200px;
	
}

.formulario_contacto{
	display:block;
	margin:0 auto;
	width:60%;

}

@media screen and (min-width : 0px) and (max-width:1200px){
.formulario_contacto{
	width:70%;

}
}

@media screen and (min-width : 0px) and (max-width:1000px){
.formulario_contacto{
	width:80%;

}
}
.interno_form{
	border:0;
	text-align:justify;
	position:relative;
 	
}
.interno_form:after{
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;	
}
.pareja{
	width:45%;
	display: inline-block;	
	vertical-align:middle;
	margin:10px 0
}

@media screen and (min-width : 0px) and (max-width:780px){
.pareja{
	width:48%;
}

}
@media screen and (min-width : 0px) and (max-width:580px){
.pareja{
	width:90%;
	display: block;	
	margin:10px auto
}

}

.pareja input, .pareja select , .parejafull textarea{
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.12);
    background: rgba(255,255,255,0);
    width: 98%;
    padding: 14px 1%;
    border-radius: 4px;
    outline: 0;
    font-size: 14px;
	-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}
.parejafull textarea{


    min-height: 150px;
    display: block;
	}
	input.checkbox_input {
    width: auto;
    margin: 0 10px 0 0;
}
	input#Enviar{
	    color: #FFFFFF!important;
    border-width: 2px!important;
    border-color: #691B49;
    border-radius: 4px;
    letter-spacing: 2px;
    font-size: 18px;
    /*font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important;*/
    background-color: #691B49;
	width:200px;
	cursor:pointer;
	
  transition-property: background;
  transition-duration: 1s;
  transition-timing-function: linear;
  
	}
	
	input#Enviar:hover {
  background: #1B5C31;
}



@media screen and (min-width : 0px) and (max-width:580px){
	input#Enviar{
		display:block;
		margin:0 auto
	}

}
	
	.lab_check a {
    color: #000000;
}
.parejafull{
	margin:10px 0 0 0;	
}

  .preguntas{
	background:#f4f4f4;
	padding:10px 0 50px 0;   
   }
   .preguntas_interno{
		width:80%;
		display:block;
		margin:50px auto 0 auto;
	text-align:justify;
	position:relative;
	min-height:400px;
 	
}
@media screen and (min-width : 0px) and (max-width:1000px){
   .preguntas_interno{
		width:90%;
}

}
.accordion {
	background-color: #ffffff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(217, 217, 217);
    margin: 20px 0 0 0;
}

.accordion .active, .accordion:hover {
  background-color: #691B49; 
  color:#fff
}


.accordion:after {
  content: '\002B';
  color: #691B49;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion .active:after {
  content: "\2212";
}

.accordion:hover:after {
  color:#fff
}

.panel {
  padding:18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.preguntas_interno:after{
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;	
}

.txt_preguntas{
	width:60%;
	display:inline-block;
	vertical-align:middle;	
}
.contacto_telcorr{
	width:36%;
	display:inline-block;
	vertical-align:middle;	
	
}

@media screen and (min-width : 0px) and (max-width:780px){
.txt_preguntas{
	width:80%;
	display:block;
	margin:15px auto;
}
.contacto_telcorr{
	width:80%;
	display:block;
	margin:30px auto 0 auto;	
	
}


}

@media screen and (min-width : 0px) and (max-width:500px){
.txt_preguntas{
	width:90%;
}
.contacto_telcorr{
	width:90%;
	
}


}

.contacto_telcorr .interno_telcorr{
		display:block;
		margin:0 auto 40px auto;
		text-align:center;
	
}
.contacto_telcorr .interno_telcorr .txt_telcorr{
	
}

.contacto_telcorr .interno_telcorr .txt_telcorr h4{
	font-size:22px;
	font-weight:normal;
}

.contacto_telcorr .interno_telcorr .txt_telcorr ul{
	list-style:none;
	
}

.contacto_telcorr .interno_telcorr .txt_telcorr ul li{
	padding:2px 0;
	margin:6px 0;
	
}

.contacto_telcorr .interno_telcorr .txt_telcorr ul li a{
	color:#000000;
	text-decoration:none;
}

.contacto_enviado {
    min-height: 350px;
}

.contacto_enviado .titulo_enviado {
	text-align:center;
    color: #449E00;
	padding:0 0 40px 0;
	font-size:24px
}

.contacto_enviado .txt_enviado {
	text-align:center;
}



/*******************************************FIN CONTACTO***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/

/*******************************************GENERALES***********************************************/

/*******************************************FIN GENERALES***********************************************/