
/* #ABEDBE Verde claro*/
/* #59D473 Verde */

@font-face {
	font-family: "Story Script", sans-serif;
}

@font-face {
	font-family: "Story Script", sans-serif;
}

@font-face {
	font-family: "Story Script", sans-serif;
}

body{
	font-family: "Story Script", sans-serif;
	font-size: 20px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

p{
	font-family: "Story Script", sans-serif;
	font-size:1.2em;
}


.resaltado {
	font-size: 1.5em;
	color: #000000;
	/* font-weight: bold; */
	letter-spacing: 1px;
	text-shadow: 1px 1px #59D473;
}

.fondo-verde{
	background-color: #ABEDBE;
	padding: 50px 50px;
	font-family: "Story Script", sans-serif;
}

.fondo-verde p{
	font-family: "Story Script", sans-serif;
	margin: 30px 0px;
	color: #037D8A;
}

.fondo-verde .texto{
	font-family: "Story Script", sans-serif;
	margin: 30px 0px;
	color: #037D8A;
}

.fondo-verde a{
	font-family: "Story Script", sans-serif;
	color: #037D8A;
}

.fondo-verde .titulo {
	font-weight: bold;
	font-size: 1.4em;
	margin: 20px 0px;
	color: #037D8A;

}

.fondo-dorado{
	background-color: #F2EFD8;
	padding: 50px 50px;
	font-family: "Story Script", sans-serif;
}

.fondo-dorado p{
	font-family: "Story Script", sans-serif;
	margin: 5px 0px;
	color: #037D8A;
	/* font-weight: bold; */
	letter-spacing: 2px;
	text-shadow: 1px 2px #59D473;
}

.fondo-dorado a{
	font-family: "Story Script", sans-serif;
	color: #59D473;
}

.fondo-dorado .titulo {
	font-weight: bold;
	font-size: 1.4em;
	margin: 20px 0px;
	color: #59D473;
}

.fondo-dorado .circulo {
	font-weight: bold;
	font-size: 1.2em;
	margin: 20px 0px;
	color: #ffffff;
	background-color: #59D473;
	border-radius: 50%;
}

.fondo-blanco{
	background-color: #ffffff;
	padding: 0px 0px;
	font-family: "Story Script", sans-serif;
}

.fondo-blanco p{
	font-family: "Story Script", sans-serif;
	color: #037D8A;
	margin-top:10px;
}

.fondo-blanco .titulo {
	font-weight: bold;
	font-size: 1.4em;
	margin: 40px 0px;
}

.fondo-blanco h2{
	font-family: Lato-Bold;
	font-size: 2em;
	color: #037D8A;
	text-align: center;
}

.fondo-blanco ul li{
	color: #ffffff;
	
}

.fondo-blanco a:hover, .fondo-blanco a:active,  .fondo-blanco a:link{
	color: #037D8A;
}

.fondo-web-ari1{
	background: url('images/ari7.jpeg') no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;	
   padding: 50px 0px 0px;
}

@supports (-webkit-touch-callout: none) {
	.fondo-web-ari1 {
		background: url('images/ari7.jpeg') center top no-repeat scroll;
		background-size: auto 100vh;
	}    
}

.fondo-web-ari1 p{
	font-family: "Story Script", sans-serif;
	font-size: 2em;
	color: #037D8A;
	text-align: center;
	text-shadow: 1px 1px #000000;
}

.fondo-web-ari1 .titulo{
	font-family: "Story Script", sans-serif;
	font-size: 2.5em;
	color: #037D8A;
	text-align: center;
	text-shadow: 2px 2px #000000;
}

.fondo-web-ari1 .titulo2{
	font-family: "Story Script", sans-serif;
	font-size: 1.4em;
	letter-spacing: 5px;
	color: #037D8A;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px #000000;
}

.fondo-web-ari3{
	background: url('images/confirma.png') no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;	
   padding: 50px 0px;
}

@supports (-webkit-touch-callout: none) {
	.fondo-web-ari3 {
		background: url('images/confirma.png') center top no-repeat scroll;
		background-size: auto 100vh;
	}    
}

.fondo-web-cavalia2{
	background: url('images/cavalia2.jpg') no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;	
   padding: 50px 0px 50px;
}

@supports (-webkit-touch-callout: none) {
	.fondo-web-ari3 {
		background: url('images/cavalia2.jpg') center top no-repeat scroll;
		background-size: auto 100vh;
	}    
}

.fondo-web-cavalia3{
	background: url('images/ari2.jpg') no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;	
   padding: 50px 0px 0px;
}

@supports (-webkit-touch-callout: none) {
	.fondo-web-ari3 {
		background: url('images/ari2.jpg') center top no-repeat scroll;
		background-size: auto 100vh;
	}    
}

.fondo-blanco-transparente{
	padding: 10px 25px 30px;
	float:left;
	position:relative;
	text-align: center;
	background-color:rgba(255,255,255,0.5);
}

.fondo-blanco-transparente .titulo {
	font-weight: bold;
	font-size: 1.4em;
	margin: 20px 0px;
	color: #037D8A;
	letter-spacing: 2px;
	text-shadow: 1px 1px #000000;

}

.fondo-blanco-transparente .tituloAri {
	font-weight: bold;
	font-size: 2.8em;
	margin: 20px 0px;
	color: #037D8A;
	letter-spacing: 2px;
	text-shadow: 1px 1px #000000;

}

.fondo-blanco-transparente p{
	color: #082b53;
	text-shadow: 1px 1px #037D8A;
	
}

.fondo-blanco-transparente2{
	padding: 10px 10px 10px 10px;
	float:left;
	position:relative;
	text-align: center;
	background-color:rgba(255,255,255,0.7);
}

.fondo-blanco-transparente2 .titulo {
	font-weight: bold;
	font-size: 1.4em;
	margin: 20px 0px;
	color: #037D8A;
	letter-spacing: 2px;
	text-shadow: 1px 1px #000000;

}

.fondo-blanco-transparente2 p{
	color: #082b53;
}

.pull-right {
     float: right !important;
}


.sombra {
-webkit-box-shadow: 10px 10px 10px #037D8A;
  -moz-box-shadow: 10px 10px 10px #037D8A;
  filter: shadow(color=#037D8A, direction=135, strength=2);
}


footer{
	font-size: 0.8em;
	line-height:0.8em;
}

.footerlnk{
	color: #FFFFFF;
	
}


.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
} 
