@charset "utf-8";
/* CSS Document */


body{ margin:0; color:#003676; background-color:#E9E9E9; font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.left{ float:left;}
.right{ float:right;}

.wMain{ width: 1024px; margin:0px auto;}
.w50{ width: 49%;} .w60{ width: 59%;} .w70{ width: 69%;} .w40{ width: 39%;}  .w41{ width: 40%;} .w30{ width: 29%;} .w20{ width: 19%;} .w46{ width: 46%;}

.clr{ clear:both;}
.clearpad{ padding-top:3%;}
.displaynone{ display:none;}
.correospie{text-decoration: none;
color: #1C246C;}
.correospie2{text-decoration: none;
color: #fff;}
.displayin{ display:inline;}

.privacy{ background-color:#1C246C; color:#FFF; text-align:center;}
.privacyaviso{ text-align:right; font-size:13px; padding:2px 20px 2px 10px;}
.blancoco{ color:#FFF !important;}

.t1{ color:#0F1945; font-size:27px; font-weight:bold; text-align:right;}
.menu{font-size: 20px;float: right; list-style:none;}
.menub{border-left: 5px solid #018E49;padding: 2%;}
.verde{ color:#018E49;}
.bazul{ background-color:#1C256D;}
.conocemas{background-color:#018E49; color:#FFF;
width: 69%;
text-align: center;}
.menucuadros{ height: 169px;width: 186px;float: left; color:#FFF;font-size: 22px;text-align: center;}
.menucuadros1{ height: 169px;background-color:#475EAE;width: 186px;float: left; color:#FFF;font-size: 25px;text-align: center;}
.menucuadros2{ height: 169px;background-color:#0F1945;width: 186px;float: left; color:#FFF;font-size: 25px;text-align: center;}
.menucuadros3{ height: 169px;background-color:#212D51;width: 186px;float: left; color:#FFF;font-size: 25px;text-align: center;}
.textc{ text-align:center;}
.textr{ text-align:right;}
.fontwi{ font-weight:normal;}
.bazl{ background-color:#1C256D;}
.textde{ text-decoration:none; color:#212D51;}
.textde:hover{ text-decoration:none; color:#018E49; font-weight:bold; text-decoration:underline;}
.lisic{ list-style-image:url(../images/vin.png);}
.lisic:hover{ list-style-image:url(../images/vin.png); font-style:italic; font-weight:bold;}
.borderot{border-left: 10px solid #018E49;
padding: 1%;}
.rec4{font-style: italic;
background-color: teal;
color: #fff;
padding: 5%;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
.contac{    background-color: #018E49;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 30px;}
.fazul{ background-color:#1C246C; color:#FFF;}
.pad2{ padding:2%;}
.f30{ font-size:30px;}
@font-face {
    font-family: 'impactregular';
    src: url('../fonts/impact-webfont.woff2') format('woff2'),
         url('../fonts/impact-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Franklin';
    src: url('../fonts/FranklinGothic-Medium.woff2') format('woff2'),
         url('../fonts/FranklinGothic-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.frank{font-family: 'Franklin';}
.impact{font-family: 'impactregular';}
.f40{font-size: 40px;
margin: 0 auto;}
.textint{text-align: center;
font-size: 18px;}
.ejemp{background-color:#002758;
text-align: center; color:#FFF;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;padding: 2% 0% 2% 0%;}
.f22{ font-size:22px;}

.tt1{position: absolute;bottom: 0px;right: 0;text-align: right;font-size: 23px;padding: 5%;}
.tt2{position: absolute;top: 0px;right: 0;text-align: right;font-size: 23px;padding: 5%;}
.tt3{position: absolute;bottom: 0px;right: 0;text-align: left;font-size: 23px;padding: 5%;}
.tt4{position: absolute;top: 0px;right: 0;text-align: left;font-size: 23px;padding: 5%;}



/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
  text-shadow: 2px 2px 1px #000;
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.form label{ 
font-family: 'impactregular';
    color: #003676; 
    font-size: 20px; 
    display: block; 
} 
.form input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 

.form div{ 
    display: block; 
} 

.form input, form textarea, form select{ 
    border-width: 1px;
	height: auto;
    border-style: solid; 
    border-color: #666666; 
    border-radius: 5px; 
    padding: 5px; 
    width: 100%; 
}
.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:7px;text-align:center;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:7px;text-align:center;}


.efecimg {
    margin: 25px;
    opacity: 0.8;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
 
.efecimg:hover {
    opacity: 1;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}


.pdfi{ width:10%; height:auto;}
.rotadorM{ display:block;}







/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) 
{
.wMain{width: 90%;text-align: center;}
.w50{ width: 100%;} .w60{ width: 100%;} .w70{ width: 100%;} .w40{ width: 100%;}  .w41{ width: 100%;} .w30{ width: 100%; text-align:center;} .w20{ width: 49%;}
.fazul{ background-color:#1C246C; color:#FFF; padding:5%;}
.menucuadros1{ height: 100px;background-color:#475EAE;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros3{ height: 100px;background-color:#212D51;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros{ height: 100px;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.menucuadros2{ height: 100px;background-color:#0F1945;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.w46{ width: 49%; float:right;}
.t1{ color:#0F1945; font-size:20px; font-weight:bold; text-align:center;}
.efecimg {
    margin: 0px;
    opacity: 0.8;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
.f30{ font-size:20px;}
.pdfi{ width:20%; height:auto;}
.rotadorM{ display:none;}
.tt1{position: absolute;bottom: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt2{position: absolute;top: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt3{position: absolute;bottom: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.tt4{position: absolute;top: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.clearpad{ padding-top:0%;}
.menub{border-left: 5px solid #018E49;padding: 0%;}
.menu{font-size: 18px;float: left; list-style:none;}
.imgcs{width: 100%;height: auto;}
.conocemas{background-color:#018E49; color:#FFF;
width: 100%;
text-align: center;}
}

@media screen and (max-width: 500px)
{
.wMain{width: 90%;text-align: center;}
.w50{ width: 100%;} .w60{ width: 100%;} .w70{ width: 100%;} .w40{ width: 100%;}  .w41{ width: 100%;} .w30{ width: 100%; text-align:center;} .w20{ width: 49%;}
.fazul{ background-color:#1C246C; color:#FFF; padding:5%;}
.menucuadros1{ height: 100px;background-color:#475EAE;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros3{ height: 100px;background-color:#212D51;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros{ height: 100px;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.menucuadros2{ height: 100px;background-color:#0F1945;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.w46{ width: 49%; float:right;}
.t1{ color:#0F1945; font-size:20px; font-weight:bold; text-align:center;}
.efecimg {
    margin: 0px;
    opacity: 0.8;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
.f30{ font-size:20px;}
.pdfi{ width:20%; height:auto;}
.tt1{position: absolute;bottom: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt2{position: absolute;top: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt3{position: absolute;bottom: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.tt4{position: absolute;top: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.clearpad{ padding-top:0%;}
.menub{border-left: 5px solid #018E49;padding: 0%;}
.menu{font-size: 18px;float: left; list-style:none;}
.imgcs{width: 100%;height: auto;}
.conocemas{background-color:#018E49; color:#FFF;
width: 100%;
text-align: center;}
}
@media screen and (max-width: 480px)
{
.wMain{width: 90%;text-align: center;}
.w50{ width: 100%;} .w60{ width: 100%;} .w70{ width: 100%;} .w40{ width: 100%;}  .w41{ width: 100%;} .w30{ width: 100%; text-align:center;} .w20{ width: 49%;}
.fazul{ background-color:#1C246C; color:#FFF; padding:5%;}
.menucuadros1{ height: 100px;background-color:#475EAE;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros3{ height: 100px;background-color:#212D51;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros{ height: 100px;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.menucuadros2{ height: 100px;background-color:#0F1945;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.w46{ width: 49%; float:right;}
.t1{ color:#0F1945; font-size:20px; font-weight:bold; text-align:center;}
.efecimg {
    margin: 0px;
    opacity: 0.8;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
.f30{ font-size:20px;}
.pdfi{ width:20%; height:auto;}
.tt1{position: absolute;bottom: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt2{position: absolute;top: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt3{position: absolute;bottom: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.tt4{position: absolute;top: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.clearpad{ padding-top:0%;}
.menub{border-left: 5px solid #018E49;padding: 0%;}
.menu{font-size: 18px;float: left; list-style:none;}
.imgcs{width: 100%;height: auto;}
.conocemas{background-color:#018E49; color:#FFF;
width: 100%;
text-align: center;}
}
@media screen and (max-width: 768px)
{
.wMain{width: 90%;text-align: center;}
.w50{ width: 100%;} .w60{ width: 100%;} .w70{ width: 100%;} .w40{ width: 100%;}  .w41{ width: 100%;} .w30{ width: 100%; text-align:center;} .w20{ width: 49%;}
.fazul{ background-color:#1C246C; color:#FFF; padding:5%;}
.menucuadros1{ height: 100px;background-color:#475EAE;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros3{ height: 100px;background-color:#212D51;float: left; color:#FFF;font-size: 20px;text-align: center; width:50%;}
.menucuadros{ height: 100px;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.menucuadros2{ height: 100px;background-color:#0F1945;width:50%;float: left; color:#FFF;font-size: 20px;text-align: center;}
.w46{ width: 49%; float:right;}
.t1{ color:#0F1945; font-size:20px; font-weight:bold; text-align:center;}
.efecimg {
    margin: 0px;
    opacity: 0.8;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
.f30{ font-size:20px;}
.pdfi{ width:20%; height:auto;}
.tt1{position: absolute;bottom: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt2{position: absolute;top: 0px;right: 0;text-align: right;font-size: 20px;padding: 5%;}
.tt3{position: absolute;bottom: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.tt4{position: absolute;top: 0px;right: 0;text-align: left;font-size: 20px;padding: 5%;}
.clearpad{ padding-top:0%;}
.menub{border-left: 5px solid #018E49;padding: 0%;}
.menu{font-size: 18px;float: left; list-style:none;}
.imgcs{width: 100%;height: auto;}
.conocemas{background-color:#018E49; color:#FFF;
width: 100%;
text-align: center;}
}