/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
        box-sizing: border-box; 
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {
	line-height: 1;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ESTILOS GENERALES PARA FORMULARIOS */
fieldset { border: none; margin: 0 0 12px; }
button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button, input { line-height: 1; }
input, textarea {
	padding: 8px 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0;
	color: #2b2b2b;
}
input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: not-allowed; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
textarea { overflow: auto; vertical-align: top; width:100%; resize: none;}
input:focus, textarea:focus { border: 1px solid rgba(242, 188, 72, 0.5); outline: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #84b5ba;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-size: 12px;
	padding: 12px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	background-color: #608387;
	color: #fff;
}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	background-color: #a8e6ed;
}
::-webkit-input-placeholder { color: #b3b3b3; }
:-moz-placeholder { color: #b3b3b3; }
::-moz-placeholder { color: #b3b3b3; opacity: 1; }
:-ms-input-placeholder { color: #b3b3b3; }




/*Base*/
/*
En CSS3 podemos tener Multiples Fondos, vamos a utilizar
La Imagen grande en la parte superior y el patron en la parte inferior

*/
body{
    /*background-image:url("img/patron/patron.jpg");*/
    background-color: #172E4A;
    background-size:auto;
    font-family:"Dosis", sans-serif;
    font-weight: 300;
    
}

/*GRILLA*/
/*
A partir de esta clase se generarn otras clases que me permiten dejar 
el contenido de forma RESPONSIVE
*/
.cont-grilla{
    width: 1240px;
    margin:0 auto;
    background-color: #172E4A;
}

.logo_central{
    position: relative;
    top: 20px;
}

.logo_central img{
    width: 350px;
}

@media only screen and (max-width: 680px) {
    /* For mobile phones: */{
        width: 100%;
    }
}

.menu1_gra{
    clear: both;
    width: 400px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.menu1_gra a{
    display: flex;
    text-align:left;
    padding: 16px 20px;
    margin:0px; 
    border-top:1px solid #333;
    border-top:1px solid rgba(255,255,255,0.1);
    font-family: Open Sans, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    letter-spacing: 1.5px;
    /* TONO, SATURACION,BRILLO*/
    color:hsl(0, 0%, 100%);
    text-transform:uppercase;
    text-decoration:none;
    border-left-color: #88A6C8;
    /*PROPIEDAD DE TRANSITION DE CSS3*/
    -o-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
  
}


.menu1_gra a:hover{
    color:#333;
    color:rgb(255, 255, 255);
    background-color:#0069a7;
    background-color: hsl(202, 100%, 33%);
    margin:0px;
}

.menu1_gra a:active{
    background-color:#033a5a;
    background-color: hsl(202, 100%, 33%);
    
}



.header #navigation2{
    display: none;
}

/*ESTILOS DEL MAIN*/

.main{
     position: absolute; 
     margin-top: -455px;
     margin-left: 410px;
}

.main img{
    width: 100%;
}



.cont_emp{
    font-family: arial, sans-serif;
    width: 95%;
    font-style: normal;
    color: #ffffff;
    text-align: justify;
    line-height:20px;
    padding-bottom: 15px;
}


.t_12{
    font-size: 2em;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    padding-bottom: 15px;
    padding-top: 15px;
    
}

.cont_emp p{
    padding-left: 80px;
    
}

.cont_emp .p_1{
    padding-left: 155px;
    
}

.main-756{
    position: absolute;
    margin-top: -380px;
    margin-left: 410px;
    width: 756px;
    height: 350px;
}

.proyec{
    width: 100%;
    align-content: center;
    padding-bottom: 35px;
}

.foto_pv{
    float: right;
    width: 400px;
}

.foto_pv img{
    width: 100%;
    padding-bottom: 25px;
    
}

.proyec .bot1{
    float: left;
    padding-right: 155px;
    padding-left: 220px;
}

.bot1 a:hover{
    background-image: radial-gradient(ellipse farthest-corner at 45px 45px , #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 100%);
}

.bot2 a:hover{
    background-image: radial-gradient(ellipse farthest-corner at 45px 45px , #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 100%);
}

#slider-wrapper {
position: relative;
width: 750px;
height: 350px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Contenedor slider */
#slider { 
position: relative;
width: 100%;
height: 100%;
padding-bottom: 30%; /* Aspect ratio */
overflow: hidden;

}

#slider span{
position: absolute;
top: 40%;
left: 140px;
z-index: 1;
width: 55%;
height: 10%;
text-align: center;
line-height: 30px;
font-size: 2.5em;
    font-weight: 600;
color: #fffcfc;
background: rgba(6, 57, 114, 0.34);
text-decoration: none;
transition: .5s margin ease;
}

#slider img{
   width: 100%;
     position: absolute;
     top: 0;
     left: 0;
    right: 0;
    bottom: 0;
}


/* Flechas de navegación */
a.mas, a.menos {
position: absolute;
top: 50%;
left: 0px;
z-index: 1;
width: 20px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 30px;
color: #fffcfc;
background: #063972;
text-decoration: none;
transition: .5s margin ease;
}

a.mas {
left: 100%;
margin-left: -20px;

}

#slider-wrapper3 {
position: relative;
width: 455px;
height: 590px;
max-width: 100%;
margin-top: -590px;
margin-left: 890px;
padding: 0 15px;
font-family: arial, sans-serif;
font-size: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Contenedor slider */
#slider3{ 
width: 100%;
height: 100%;
padding-bottom: 30%; /* Aspect ratio */
overflow: hidden;

}


.org img{
    width: 90%;
    object-fit: cover;
      object-position: center center;
    padding-bottom: 20px;
    padding-left:100px;
}




.slider_x {
	width: 80%;
    object-fit: cover;
      object-position: center center;
	margin: auto;
	overflow: hidden;
}

.slider_x a:hover{
	
}

.slider_x ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 10s infinite alternate linear;
}

.slider_x li {
	width: 100%;
	list-style: none;
}

.slider_x img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}





















.fnc {
  /* you can add color names and their values here
  and then simply add classes like .m--blend-$colorName to .fnc-slide 
  to apply specific color for mask blend mode
    .fnc-slider corresponde a tamaño de caja
    */
}
.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 70vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-dark {
  background-color: #575757;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #6d9b98;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #42605E;
}
.fnc-slider .m--navbg-green {
  background-color: #42605E;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #990e13;
}
.fnc-slider .m--navbg-red {
  background-color: #990e13;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #2D7791;
}
.fnc-slider .m--navbg-blue {
  background-color: #2D7791;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center ;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 2%;
  width: 50.25vh;
  height: 67vh;
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
          transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
          transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  -webkit-transform-origin: 50% 16.5vh;
          transform-origin: 50% 16.5vh;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
  -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
          transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 1.22222s;
  transition: -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 0.33333s;
  transition: -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
          transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
  z-index: 2;
  position: absolute;
  left: 40%;
  top: 40%;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font-size: 100px;
  color: #f7f9fa;
    text-shadow: 1px 2px #121212;
  word-spacing: 10px;
}
.fnc-slide__heading-line:nth-child(2) {
  padding-left: 30px;
}
.m--before-sliding .fnc-slide__heading-line {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.fnc-slide__action-btn {
  position: relative;
  margin-left: 200px;
  padding: 5px 15px;
  font-size: 20px;
  line-height: 1;
  color: transparent;
  border: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-align: center;
  outline: none;
}
.fnc-slide__action-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  line-height: 30px;
  color: #fff;
}
.fnc-slide__action-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-top: none;
  border-bottom: none;
}
.fnc-slide__action-btn span:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background: #1F2833;
  opacity: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: translateY(100%) rotateX(-90deg);
          transform: translateY(100%) rotateX(-90deg);
  -webkit-transition: opacity 0.15s 0.15s;
  transition: opacity 0.15s 0.15s;
}
.fnc-slide__action-btn:hover span {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.fnc-slide__action-btn:hover span:after {
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
    
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #fff;
    width: auto;
    height: auto;
    font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.fnc-nav__control a{
    text-transform: uppercase;
    text-decoration: none;
    font-family: Calibri, sans-serif;
     font-size: 2em;
    font-weight: 500;
  color: #fff;
}

.fnc-nav__control.m--active-control {
  background: #88A6C8;
}

.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s !important;
  transition: -webkit-transform 0.5s !important;
  transition: transform 0.5s !important;
  transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0s 0s !important;
  transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;
  transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}

/* NOT PART OF COMMON SLIDER STYLES */
body {
  margin: 0;
}


.ac-container{
	width: auto 0;
    margin-left: 20px;
	margin: 0 auto 30px auto;
	text-align: left;
}

.ac-container .espacio{
	clear: both;
}

.ac-container label{
	font-family: 'Calibri', sans-serif;
	position: relative;
    padding-left: 20px;
	z-index: 20;
	display: block;
	height: 40px;
	cursor: pointer;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 1.5em;
    font-weight: 300;
	background: #88A6C8;
	background: -moz-linear-gradient(top, #969ba0 1%, #6c6d6d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#969ba0), color-stop(100%,#6c6d6d));
	background: -webkit-linear-gradient(top, #969ba0 1%,#6c6d6d 100%);
	background: -o-linear-gradient(top, #969ba0 1%,#6c6d6d 100%);
	background: -ms-linear-gradient(top, #969ba0 1%,#6c6d6d 100%);
	background: linear-gradient(top, #969ba0 1%,#6c6d6d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88A6C8', endColorstr='#6c6d6d',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #88A6C8;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: normal;
    font-family: 'Verdana' , sans-serif;
    text-transform:lowercase;
	color: #000000;
	line-height: 23px;
	font-size: 1em;
	padding: 20px;
    text-transform:none;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}


.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
    height:auto;
}
.ac-container input:checked ~ article.ac-medium{
	height: auto;
}
.ac-container input:checked ~ article.ac-large{
	height: auto;
}

.ac-small img{
    width:40%;
    height:auto;
    margin: 10px;
    float: left;
}

.ac-medium img{
    width:40%;
    height:auto;
    margin: 10px;
    float: left;
}

.ac-large img{
    width:40%;
    height:auto;
    margin: 10px;
    float: left;
}

.ac-small p{
    font-family: sans-serif;
    font-size: 0.9em;
    text-align: justify;
    
}

.ac-medium p{
    font-family: sans-serif;
    font-size: 0.9em;
    text-align: justify;
}

.ac-large p{
    font-family: sans-serif;
    font-size: 0.9em;
    text-align: justify;
    
}

.demo-cont{
  overflow: hidden;
  position: relative;
  height: 70vh;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  background: #000;
    top:10px;
    margin-bottom: 30px;
}

.demo-cont2{
    position: relative;
    text-align: center;
    height: 300px;
    top:20px;
    margin-bottom: 30px;
}

.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
          transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  -webkit-transition: -webkit-transform 0.7s 0.23333s;
  transition: -webkit-transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s, -webkit-transform 0.7s 0.23333s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.demo-cont__credits-heading {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
}
.demo-cont__credits-img {
  display: block;
  width: 60%;
  margin: 0 auto 30px;
  border-radius: 10px;
}
.demo-cont__credits-name {
  margin-bottom: 20px;
  font-size: 30px;
}
.demo-cont__credits-link {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}
.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .example-slider {
  -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
          transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url("img/fondos/portada/porta2.jpeg");
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url("img/fondos/portada/porta1.jpeg");
}

.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}

.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* COLORFUL SWITCH STYLES 
   ORIGINAL DEMO - http://codepen.io/suez/pen/WQjwOb */
.colorful-switch {
  position: relative;
  width: 180px;
  height: 77.14286px;
  margin: 0 auto;
  border-radius: 32.14286px;
  background: #cfcfcf;
}
.colorful-switch:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 190px;
  height: 87.14286px;
  border-radius: 37.14286px;
  background: #314239;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.colorful-switch:hover:before {
  background: #4C735F;
}
.colorful-switch__checkbox {
  z-index: -10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.colorful-switch__label {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32.14286px;
  cursor: pointer;
}
.colorful-switch__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 540px;
  height: 100%;
  background: -webkit-linear-gradient(left, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(-360px, 0, 0);
          transform: translate3d(-360px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__dot {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 5.14286px;
  height: 5.14286px;
  margin-left: -2.57143px;
  margin-top: -2.57143px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on {
  position: absolute;
  left: 104.14286px;
  top: 22.5px;
  width: 19.28571px;
  height: 36px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28), -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg) scale(0) translateZ(0);
          transform: rotate(45deg) scale(0) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61), -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(45deg) scale(1) translateZ(0);
          transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
  content: "";
  position: absolute;
  border-radius: 2.57143px;
  background: #fff;
}
.colorful-switch__on__inner:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.14286px;
}
.colorful-switch__on__inner:after {
  right: 0;
  top: 0;
  width: 6.14286px;
  height: 100%;
}
.colorful-switch__off {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 41.14286px;
  height: 41.14286px;
  margin-left: -20.57143px;
  margin-top: -20.57143px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__off:before, .colorful-switch__off:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 5.14286px;
  margin-top: -2.57143px;
  border-radius: 2.57143px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.25s 0.25s;
  transition: -webkit-transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
          transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
          transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  -webkit-transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
          transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
          transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
          transform: rotate(-45deg) scaleX(0) translateZ(0);
}





/*
ARRIENDO CSS SECTOR ARRIENDOS 
*/


.contenidos_arri{
    width: 756px;
    margin-right: 12px;
    float: left;
    font-style: normal;
    text-transform: uppercase;
}

.contenidos_arri > article,
.contenidos_arri > section{
    margin-bottom: 30px;
    border-bottom: 5px solid rgb(58, 102, 148);
    background-color: #fff;
    background-color: rgb(255,255,255);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
    height: auto;
    overflow: hidden;
}

.contenidos_arri h2{
    padding: 10px;
    background-color: #88A6C8;
    font-size:1.5em;
    color:#ffffff;
}

.contenidos_arri h2:after{
    content:"\2022\2022";
    padding-left:10px;
}


.contenidos_arri2{
    width: 756px;
    margin-right: 12px;
    float: left;
    font-style: normal;
    text-transform: uppercase;
}



.contenidos_arri2 > article,
.contenidos_arri2 > section{
    margin-bottom: 30px;
    border-bottom: 5px solid rgb(58, 102, 148);
    background-color: #fff;
    background-color: rgb(255,255,255);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
    height: auto;
    overflow: hidden;
}

.contenidos_arri2 h2{
    padding: 10px;
    background-color: #88A6C8;
    font-size:1.5em;
    color:#ffffff;
}

.contenidos_arri2 h2:after{
    content:"\2022\2022";
    padding-left:10px;
}




.autos a{
    position: relative;
    display:block;
    width: 252px;
    padding: 10px;
    float: left;
    color:#000;
}

.autos a:nth-child(4n){
    margin-right: 0px;
}

.autos a img{
    width: 100%;
    max-width:100%;
    height: auto;
}

.autos h3{
    display: none;
    text-transform:none;
}

/*//////////FILTROS EN CSS3/////////
http://html5-demos.appspot.com/static/css/filters/index.html

*/
.autos a:hover img{
    -webkit-filter: blur(1px) grayscale(100%);
}

.autos a:hover h3{
    position: absolute;
    padding: 4px 4px 4px 8px;
    top:10%;
    display:block;
    background-color: #f2bc48;
    font-size:1em;
}








.autos2 a{
    position: relative;
    display:block;
    width: 252px;
    padding: 10px;
    float: left;
    color:#000;
}

.autos2 a:nth-child(4n){
    margin-right: 0px;
}

.autos2 a img{
    width: 100%;
    max-width:100%;
    height: auto;
}

.autos2 h3{
    display: none;
    text-transform:none;
}

/*//////////FILTROS EN CSS3/////////
http://html5-demos.appspot.com/static/css/filters/index.html

*/
.autos2 a:hover img{
    -webkit-filter: blur(1px) grayscale(100%);
}

.autos2 a:hover h3{
    position: absolute;
    padding: 4px 4px 4px 8px;
    top:10%;
    display:block;
    background-color: #f2bc48;
    font-size:1em;
}










/*
Necesitamos seleccionar TODOS los contenedores que sean
decendientes directos del .contenidos 

*/

.contenidos_int{
    width: 756px;
    margin-right: 12px;
    float: left;
    font-style: normal;
    text-transform: uppercase;
}

.form_1{
    width: 85%;
    margin-left: 80px;
}

.form_1 > article,
.form_1 > section{
    margin-bottom: 30px;
    border-bottom: 5px solid rgb(58, 102, 148);
    background-color: #fff;
    background-color: rgb(255,255,255);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
    height: auto;
    overflow: hidden;
}

.form_1 h2{
    padding: 10px;
    background-color: #4882c4;
    font-size:1.5em;
    color:#ffffff;
}

.form_1 h2:after{
    content:"\2022\2022";
    padding-left:10px;
}

.contenidos_int > article,
.contenidos_int > section{
    margin-bottom: 30px;
    border-bottom: 5px solid rgb(58, 102, 148);
    background-color: #fff;
    background-color: rgb(255,255,255);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
    height: auto;
    overflow: hidden;
}

.contenidos_int h2{
    padding: 10px;
    background-color: #88A6C8;
    font-size:1.5em;
    color:#ffffff;
}

.contenidos_int h2:after{
    content:"\2022\2022";
    padding-left:10px;
}


.empresa .emp1{
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
    margin-right: 20px;
    font-family: 'Verdana', sans-serif;
    font-size: 1em;
    text-align: justify;
    line-height: 1.5em;
    text-transform:none;
}

.emp1 img{
    clear: left;
    width: 20%;
}



.contenidos>section summary{
    padding: 8px 10px;
    border-bottom:1px dotted rgba(255,0,0,0);
    color:#333;
    text-transform: none;
}

details summary::-webkit-details-marker{
    color:#f2bc48;
    font-size:0.8333333333em; /*10px;*/
}

details summary:focus{
    /*Elimina el Brillo Azul que 
    indica que la etiqueta summary esta en foco
    */
    outline:none;
}

    /*
    column count /Todos los navegadores de ultima version
    column-gap / Separacion entre columnas
    column-rule / Control de la linea 
    column-rule-color / Color de la linea
    column-rule-style / Tipo de Linea 
    column-rule-width / Ancho de linea
    column-width / ancho de Columna
   */

section.modelos div{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
         column-count:2;
    
    -webkit-column-gap:20px; /* Chrome, Safari, Opera */
    -moz-column-gap:20px; /* Firefox */
         column-gap:20px;
    /*
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
         column-rule-style: solid;
    */
}

section.modelos ul{
    margin:0px;
    padding: 10px;
    
}

section.modelos ul li:before{
    content:"\232A";
    padding-left: 10px;
    font-size:0.8333333333em;
    color:#333;
    color:rgba(33,33,33,0.8);
}

section.modelos a{
    font-size:1em;
    text-decoration:none;
    color:#333;
    color:rgba(33,33,33,0.8);
    text-transform: none;
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

section.modelos a:hover{
    color:rgba(242, 188, 72, 0.72);
}

/*ESTILOS DEL SIDEBAR O BARRA LATERAL*/



.sidebar{
    width: 360px;
    height:auto;
    margin-bottom:20px;
    float: left;
}

.sidebar section{
    margin-bottom:30px;
    border-top:4px solid #3A6694;
}

.sidebar section h2{
    padding: 8px 4px;
    background-color:#88A6C8;
    color: #fcfcfc;
    text-align: right;
}

.sidebar video{
    width:100%;
    max-width:100%;
    height:auto;
}

.noticias{
    /*Para posicionar de forma absoluta las fechas*/
    position: relative;
    padding:12px 25px 12px 12px;
    background-color: #fff;
}

.galeria img{
    width:100%;
    max-width:100%;
    height:50%;
    
}


.noticias h3{
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin-bottom:12px;
    font-size:1em;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.noticias img{
    width:40%;
    height:auto;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    color:#000;
}

.fecha{
    position:absolute;
    top:10px;
    right:-20px;
    width:40px;
    -webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 2px 1px rgba(0,0,0,0.25);
    -o-box-shadow:0px 2px 1px rgba(0,0,0,0.25);
    -ms-box-shadow:0px 2px 1px rgba(0,0,0,0.25);
    box-shadow:0px 2px 1px rgba(0,0,0,0.25);
    z-index: 999;
}

.fecha span{
    display:block;
    padding: 4px 0px;
    text-align: center;
    color:#fff;
}

.fecha span:first-child{
    background-color: #2d82b7;
    font-size:1em;
    border-top-left-radius:4px;
    border-top-right-radius: 4px;
}

.fecha span:last-child{
    background-color: #0a517e;
    font-size:1.3333333333em;
}


.noticias a{
    position:relative;
    display: block;
    width: 73px;
    height: auto;
    margin-top:12px;
    padding: 4px 8px;
    background-color:#3A6694;
    -webkit-box-shadow:inset 0px 3px #88a6c8;
    -moz-box-shadow:inset 0px 3px #88a6c8;
    -o-box-shadow:inset 0px 3px #88a6c8;
    -ms-box-shadow:inset 0px 3px #88a6c8;
        box-shadow:inset 0px 3px #88a6c8;
    font-size:1em;
/*    line-height:1.2;*/
    text-decoration: none;
    color:#ffffff;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}


.noticias a:after{
    content:"";
    position:absolute;
    top:0px;
    right:-22px;
    width: 0px;
    height: 0px;
    opacity:0;
    border-top:12px solid transparent;
    border-right:11px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:11px solid #3A6694;
    
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.noticias a:hover{
    color:#fff;
    box-shadow:inset 0px 30px #3f76af;
    transform:translateX(20px);
}

.noticias a:hover:after{
    opacity:1;
}

.accion{
    position: relative;
    display: block;
    width: 360px;
    height: 150px;
    overflow: hidden;
    /*INICIO DE ANIMACION POR KEYFRAME*/
    /*Nombre de la funcion que vamos a asociar al objeto*/
    -webkit-animation-name:Pulsar;
    /*Duracion de la Animacion*/
    -webkit-animation-duration:3000ms;
    /*Aceleracion*/
    -webkit-animation-timing-function: ease-in;
    /*Cuantas veces se repite*/
    -webkit-animation-iteration-count: infinite;
    /*
    Cuando hay repeticiones, desde dónde comienzan:
        normal:cuando llega a 100%,vuelve a 0% y comienza nuevamente
        reverse:comienza en 100% y baja a 0%;
        alternate: el primer ciclo y lo ciclos IMPARES van de 0 a 100%, los 
        PARES van de 100% a 0%
        alternate-reverse:Lo mismos que el anterior pero al reves
    */
    -webkit-animation-direction:alternate;
    /*Cuanto demora en comenzar*/
    -webkit-animation-delay:0;
}

.accion img{
    position:relative;
    top:-40px;
    width:100%;
    max-width:100%;
    height: auto;
}

.accion figcaption{
    position: absolute;
    padding: 10px;
    width: 340px;
    height: 130px;
    top:10px;
    left: 10px;
    background-color: #fff;
}

.accion figcaption h1{
    margin-bottom: 10px;
    font-size: 2em;
    text-transform: uppercase;
    font-weight:700;
    text-align: center;
    letter-spacing: 2px;
    color:#f2bc48;
    text-shadow:1px -1px 1px rgba(255,255,255,0.9);
}

.accion figcaption h1 span{
    font-weight:300;
}

.accion figcaption h2{
    padding: 5px 0px;
    border-top:2px solid rgba(0,0,0,0.3);
    border-bottom:2px solid rgba(0,0,0,0.3);
    text-align: center;
    text-transform: uppercase;
    font-weight:700;
    color:#333;
}

/*segunda parte descarga*/
.accion2{
    position: relative;
    display: block;
    width: 360px;
    height: 150px;
    overflow: hidden;
    /*INICIO DE ANIMACION POR KEYFRAME*/
    /*Nombre de la funcion que vamos a asociar al objeto*/
    -webkit-animation-name:Pulsar;
    /*Duracion de la Animacion*/
    -webkit-animation-duration:5000ms;
    /*Aceleracion*/
    -webkit-animation-timing-function: ease-in;
    /*Cuantas veces se repite*/
    -webkit-animation-iteration-count: infinite;
    /*
    Cuando hay repeticiones, desde dónde comienzan:
        normal:cuando llega a 100%,vuelve a 0% y comienza nuevamente
        reverse:comienza en 100% y baja a 0%;
        alternate: el primer ciclo y lo ciclos IMPARES van de 0 a 100%, los 
        PARES van de 100% a 0%
        alternate-reverse:Lo mismos que el anterior pero al reves
    */
    -webkit-animation-direction:alternate;
    /*Cuanto demora en comenzar*/
    -webkit-animation-delay:0;
}

.accion2 img{
    position:relative;
    top:-40px;
    width:100%;
    max-width:100%;
    height: auto;
}

.accion2 figcaption{
    position: absolute;
    padding: 10px;
    width: 340px;
    height: 130px;
    top:10px;
    left: 10px;
    background-color: #ffffff;
}

.accion2 figcaption h1{
    margin-bottom: 10px;
    font-size: 2em;
    text-transform: uppercase;
    font-weight:700;
    text-align: center;
    letter-spacing: 2px;
    color:#4f89b4;
    text-shadow:1px -1px 1px rgba(255,255,255,0.9);
}

.accion2 figcaption h1 span{
    font-weight:300;
}

.accion2 figcaption h2{
    padding: 5px 0px;
    border-top:2px solid rgba(0,0,0,0.3);
    border-bottom:2px solid rgba(0,0,0,0.3);
    text-align: center;
    text-transform: uppercase;
    font-weight:700;
    color:#6fa3b5;
}



/*ANIMACIONES*/
/*
Vamos a declarar las funciones de animacion que seran 
asociadas al objeto
*/

/*Chrome,Safari,Opera*/
@-webkit-keyframes Pulsar{
    /*"from" equivale a 0% o el estado inicial del objeto*/
    0%{
        -webkit-transform:scale(0.9);
    }
    
    50%{
        -webkit-transform:scale(1);
    }
    
    /*"to" equivale a 100% o el estado final del objeto*/
    100%{
        -webkit-transform:scale(0.9);
    }
    
}

/*/////////ESTILOS DEL FOOTER////////////*/


/*CLASE MISELANEA*/


.footer{
    clear: both;
    padding-bottom: 15px;

}

.footer section{
    text-align: center;    
    
}

 .footer li{
        align-content: center;
        display: inline-block;
        text-align: center;
    }



.footer h1{
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted rgba(255,255,255,0.1);
    font-size:2em;
    color:#88A6C8;
}

.footer h2{
    padding-bottom:6px;
    margin-top: 10px;
    margin-bottom:6px;
    font-size:1.3333333333em;
    color:#88A6C8;
}

.footer a,
.footer p{
    color:#fff;
    
 
}

.footer a{
    text-decoration: none;
    font-family: Futura, sans-serif;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-transform:uppercase;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.footer img{
    margin-left: 10px;
    margin-right: 10px;
    
}


.footer1{
    clear: both;
    padding-bottom: 15px;

}

.footer1 section{
    text-align: center;    
    
}



.footer1 h1{
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted rgba(255,255,255,0.1);
    font-size:2em;
    color:#88A6C8;
}

.footer1 h2{
    padding-bottom:6px;
    margin-top: 10px;
    margin-bottom:6px;
    font-size:1.3333333333em;
    color:#88A6C8;
}

.footer1 a,
.footer1 p{
    color:#fff;
    
 
}

.footer1 a{
    text-decoration: none;
    font-family: Futura, sans-serif;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-transform:uppercase;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.footer1 img{
    object-fit: contain;
    object-position: center;
    margin-left: 10px;
    margin-right: 10px;
    
}

.footer1 li{
        display: inline-block;
        text-align: center;
    }



.footer ul li{
    margin-bottom:12px;
}

.footer .social{
    margin-bottom: 24px;
}

.footer .social a{
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-right:12px;
    float: left;
    opacity:0.75;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent:-999px;
    overflow: hidden;
}

.social li:nth-child(1) a{
    background-image: url(img/social/facebook1x.png);
    
}

.social li:nth-child(2) a{
    background-image: url(img/social/twitter1x.png);
    
}

.social li:nth-child(3) a{
    background-image: url(img/social/youtube1x.png);
    
}

.social li:nth-child(4) a{
    background-image: url(img/social/pinterest1x.png);
    
}

.footer .social a:hover{
    background-color: transparent;
    opacity:1;
    transform: scale(1.2) rotate(360deg);
    filter:brightness(100%);
}

/*ESTILOS BASICOS DEL FORMULARIO*/
.footer form{
    width:250px;
}

.footer label{
display:block;
    margin-bottom:6px;
    font-size: 1.1em;
    color: #fff;
}

fieldset{
    border:none;
    margin-bottom: 12px;
}

button,input,select,textarea{
    font-size:100%;
    margin: 0px;
    max-width: 100%;
    vertical-align: baseline;
}

button,input{
    line-height:1;
}

input,textarea{
    padding: 8px 10px;
    border:1px solid rgba(0,0,0,0.1);
    color:#2b2b2b;
}

input[type="reset"],
input[type="submit"]{
    -webkit-appearance:button;
    cursor: pointer;
    background-color: #057bc1;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover{
    background-color: #f7dfad;
}



textarea::-webkit-input-placeholder {
    font-family:'Dosis' sans-serif; 
    color:#b3b3b3;
    font-weight:300;
}

/*ESTILOS DEL FORMULARIO DE REGISTRO*/

.registro form{
    padding: 12px 100px;
}

.registro fieldset{
    padding-bottom:24px;
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}

.registro fieldset label{
    display:block;
    margin-bottom: 6px;
    padding-bottom: 6px;
    text-transform: uppercase;
    
}

/*
.registro fieldset input{
    width: 100%;
}
*/

/*Vamos a estilar atributos HTML de los INPUT*/
input[name="r-edad"]{
    width: 50%;
    vertical-align: bottom;
}

input[type="password"]{
    width: 25%;
}

input[data-rol="c-pais"],
input[data-rol="c-ciudad"]{
    width:50px;
}



input[type="tel"]{
    width: 200px;
}

input[type="radio"]{
    display: inline;
    width: auto;
    margin: 0px 5px 0px 10px;
}

input[type="color"]{
    width: 50px;
}

select{
    width:50%;
    margin:12px 0px;
}

input[type="submit"],
input[type="reset"]{
    background-color: #0069a7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover,
input[type="reset"]:hover{
    background-color: #333;
}