/*
	@Coteky
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
	html {
		margin: auto;
	    background: white;
	}

	@font-face {
    	font-family: 'Salsa';
    	src: url('../fonts/Salsa-Regular.ttf');
	}

	body
	{
		font-family: 'Salsa', sans-serif;
	}

	body,input,textarea,select
	{
		/*font-family: 'Arimo', sans-serif;*/
		font-size: 11pt;
		line-height: 1.75em;
		color: #4c4c4c;
	}

	.requerido, 
	.error_input, 
	.mensaje_error {
		color: red;
		margin-left: 5px;
	}


	.form-control {
		display: inline-block;
		width: 95%;
	}

	.section {
		display: block;
		padding-top: 42px;
	}

	.bloque {
		display: block;
	}


	.cuerpo {
		width: 1300px;
		margin: auto;
		/*padding: 10px;*/
		/*background: #eefffe;*/
		background: white;
		text-align: center;
	}

	.angelhadas {
		color: #2ea5a8;
	}

	.imagen_nosotras {
		width: 437px;
		margin-bottom: 32px;
	}

	h1,h2,h3,h4,h5,h6
	{
		font-weight: bold;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}
		
	/* Change this to whatever font weight/color pairing is most suitable */
	strong, b
	{
		font-weight: bold;
	}
	
	em, i
	{
		font-style: italic;
	}

	/* Don't forget to set this to something that matches the design */
	a
	{
		text-decoration: none;
		color: #272727;
	}

	a:hover
	{
		text-decoration: none;
	}
	
		
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
		
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
		list-style:none;
		padding-left: 0px!important;
	}

	.font_service {
		font-size: 20px;
	    font-weight: bold;
	    color: #a7209a;
	}

	.font_service2 {
		font-size: 20px;
	    font-weight: bold;
	    color: #2ea5a8;
	}

	.font_evento {
		font-size: 20px;
	  font-weight: bold;
	  color: #2e3ba8;
	}

	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
	
	#container {
		margin-left: auto;
	    margin-right: auto;
	    /*width: 1200px;*/
	    display: block;
	}
	.tit_web {
		color: #30a6a9!important;
    font-size: 100px!important;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: black;
	}

	.div_central {
		padding-top: 3em;
	}

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

	.div1 {
		width: 40%;
		display: inline-block;
	    border-right: solid 1px #2ea5a8;
	    padding-right: 3%;
	    vertical-align: top;
	}

	.div2 {
		width: 40%;
		display: inline-block;
    	padding-left: 3%;
    	vertical-align: top;
	}

	.byline {
		padding-bottom: 2em;
  	display: block;
  	font-size: 17px;
	}

	.byline_margin {
    display: block;
    font-size: 17px;
	}

	.li_byline {
		margin-top: 2em;
    background: #ecebeb99;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2em;
	}

	.li_bylineEvent {	
		margin-top: 2em;
		background: #ebe4eb;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2em;
	}


	#header_father {
		width: 1300px;
		margin: auto;
		background: #FFF;
	}


	#header
	{
		position: relative;
		background: #be92ba url('../images/banner5.gif') no-repeat center center fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
		text-align: center;
		padding-top: 30px;
		height: 505px;
		border-bottom: 2px #be92ba solid;
	}

	.img_hada1 {
		position: absolute;
	    left: 24em;
	    top: 10em;
	    width: 91px;
	}

	.img_hada2 {
		position: absolute;
	    left: 28em;
	    top: 3em;
	    width: 53px;
	}

	.img_mariposa1 {
		position: absolute;
	    left: 37em;
	    top: 7em;
	    width: 15px;
	}

	.img_mariposa2 {
		position: absolute;
	    left: 40em;
	    top: 8em;
	    width: 17px;
	}

	.img_mariposa3 {
		position: absolute;
	    left: 43em;
	    top: 9em;
	    width: 25px;
	}

	.img_mariposa4 {
		position: absolute;
		left: 59em;
		top: 13em;
		width: 20px;
	}

	.img_mariposa5 {
		position: absolute;
	    left: 43em;
	    top: 7em;
	    width: 16px;
	}

	.img_mariposa6 {
		position: absolute;
	    left: 37em;
	    top: 11em;
	    width: 34px;
	}
/*
	.homepage {
    	
	    height: 485px;
	    
	    padding: 15em 0em;
	    background: white;
	}
*/
	.img_header {
		width: 500px;
    /*margin-bottom: 44px;*/
    margin-top: 55px;
	}

		#logo
	{
		margin-bottom: 3em;
	}
	
		#logo h1
		{
			color: #FFF;
		}
	
		#logo h1 a
		{
			display: block;
			letter-spacing: 1px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 5em;
			font-weight: 900;
			color: #FFF;
		}

		#logo span
		{
			display: block;
			padding-top: 1em;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-size: 1.2em;
			color: rgba(255,255,255,.5);
		}	


/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
	
	.menu_web_responsive {
		display: none;
	}


	#contenedor_nav {
		height: 57px;
		display: block;
	}

	#nav {
		background: #6ab1cf3d;
	    /*width: 1090px;*/
	    height: 57px;
	}

	.nav_abajo {
		background: #6ab1cf!important;/*#610a59!important;*/
		position: fixed;
    top: 0;
    height: 55px!important;
    width: 1300px;
    z-index: 9;
    color: #fff;
    /*transition-delay: 5s;*/
	  border-bottom: solid 3px #2e3ba8;
	}

		#nav > ul > li
		{
			display: inline-block;
			padding-left: 25px;
		}
		
			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				padding: 1em 1.5em;
				letter-spacing: 1px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 200;
				font-size: 1em;
				outline: 0;
				color: #000;
			}


			#nav > ul > li > a:hover
			{
				color: #FFF;
			}

			/*
			#nav li.active a
			{
				background: none;
				border-radius: 40px;
				border: 2px solid;
				border-color: rgba(255,255,255,.8);
				color: #FFF;
			}*/

			#nav > ul > li > ul
			{
				display: none;
			}


	.tit_h2_event {
		font-size: 2.5em;
    	text-align: center;
	}

	.button_nav {
		display: flex;
		z-index: 8;
		top: 0;
		color: #fff!important;
	}

	.button_nav:hover {
		font-weight: bold;
		color: #d900d9!important;
	}
	
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	.li_span {
		margin-bottom: 15px!important;
    	text-align: left !important;
    	list-style: circle;
	}	

	.p_mt {
		margin-top: 30px;
	}


/*********************************************************************************/
/* Iconos redes                                                                  */
/*********************************************************************************/
.redes_principal{
	position: fixed;
    display: block;
    z-index: 10;
    top: 0;
}

.titulo_adaptativo {
	position: fixed;
    z-index: 10;
    top: 12px;
    width: 1300px;
    text-align: right;
    padding-right: 10px;
}

.titulo_adaptativo_off {
	display: none;
}

.li_class_space {
	display: block;
	width: 211px;
}

.li_class_space_off {
	display: none;
}

 

.tit_web_principal {
	color: #2ea5a8!important;
  font-size: 20px!important;
}

.tit_web_principal_abajo_off {
	display: none!important;
}

.tit_web_principal_abajo_on {
	display: block!important;
	float: right!important;
  padding-top: 13px;
  color: #6f0e85 !important;
  font-size: 20px!important;
  padding-right: 11px!important;
}


.icon_red_facebook{
	width: 35px;
    margin-left: 13px;
    margin-top: 10px;
}

.icon_red_instagram {
	width: 35px;
    margin-left: 3px;
    margin-top: 10px;
}


.icon_red {
	width: 26px;
    margin-right: 0px;
    vertical-align: bottom;
    padding-bottom: 20px;
}

.pl-116-left{
	text-align: left;
    padding-left: 116px;
}

.descr_red{
	padding-bottom: 20px;
	vertical-align: top;
    margin-left: 14px;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#contact-us {
	/*background: #be92ba;*/
	padding-top: 25px;
    border-top: solid 1px #2ea5a8;
}

.btn-submit {
	width: 100%;
    background: #2ec3e9;
    cursor: pointer;
    border: none;
    padding: 5px;
}


.btn-submit:hover {
    background: #2e77e9;
}

#Slider_principal_angelhadas{
	width: 600px!important;
	padding-bottom: 20px!important;
	margin: auto!important;
}


.carousel-caption {
    background: #06060673!important;
}

.h5_gdg {
	font-family: 'Salsa', sans-serif;
	font-size: 18px;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
.footer_span1 {
    width: 49%;
    display: inline-block;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}

.footer_span2 {
    width: 49%;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.logo_coteky {
    width: 42px;
    height: 26px;
    vertical-align: middle;
}

footer {
	margin-top: 30px;
	background: #6ab1cf!important;
}

.footer_font_col {
	color: white;
}



	.cruz_dat{
		display: block;
		width: 100%;
	}


	.cruz_cierre2 {
	    background: #00a6ff4f;
	    color: #000;
	    font-weight: bold;
	    cursor: pointer;
	    padding: 8px;
	    margin-bottom: 10px;
	}

	.cruz_cierre2:hover {
	    background: #2772eb;
	}

	.contacto {
		background: #ecece7;
	    display: block;
	    height: 611px;
	    padding: 0px;
	    margin: 19px;
	}

	.colorcontacterror {
	    display: block;
	    margin-bottom: 12px;
	    color: red;
	    font-size: 15px;
	}

	.modal_terminos {
		max-width: 900px!important;
	}

	#datos_legales {
		padding: 16px;
	}

	.container_terminos {
	background: #fff;
    display: block;
    padding: 30px;
    padding-top: 135px;
	}

	.boton_aviso_legal {
		color: #06ffea;
		text-decoration: none;
		cursor: pointer;
	}

	.boton_aviso_legal:hover {
		color: #6ad0c8;
		text-decoration: none;
	}

	.cookie {
    z-index: 100;
    position: fixed;
    margin: 0 auto;
    background: #1d091bf7;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 20px;
    bottom: 0;
    color: #fff;
    letter-spacing: 1px;
    width: 1300px!important;
}

.span_aceptar_cookies {
    display: block;
}

.boton_aceptar {
    text-decoration: none;
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    border: solid 1px #f123e7;
    color: #df23f1;
    margin-top: 5px;
    border-radius: 7px;
}

.boton_aceptar:hover {
    background: #ef87ea4d;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.resaltar {
	font-weight: bold;
}


.check_accep {
    font-weight: bold;
    text-align: left;
    color: #1c808e;
    cursor: pointer;
    border: transparent;
    background-color: transparent;
    padding-left: 1px;
}

.check_accep:hover {
    color: #1c4e8a;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: visible;
  opacity: 1;
  right: 3px;
  bottom: 101px;
  z-index: 996;
  background: #009523;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  transition: all 0.4s;
  animation: sube-baja 2s ease-in-out infinite alternate-reverse both;
}

@-webkit-keyframes sube-baja {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes sube-baja {
  0% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(-8px);
  }
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #0dc338;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

.tel_whasapp {
  vertical-align: sub;
}

@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}


@-webkit-keyframes agrandar
{
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

@keyframes agrandar
{
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}