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


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

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

.wMain{ width: 1024px; margin:0px auto;}
.w50{ width: 49%;} .w40{ width: 39%;} .w60{ width: 59%;} .w70{ width: 69%;} .w30{ width: 29%;} .w33{ width: 33%;} .w100{ width: 100%;}

.clr{ clear:both;}
.clrbb{ clear:both;}



.textc{ text-align:center;}
.header{ background-color:#9A0000; background-image:url(../images/fondo1.png);}
.rojo{ color:#B40001;}
.fr1{ background-color:#9A0000;-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;}
.prodc{ background-color:#B40001; padding:2%;}
.blanco{ color:#FFF;}
.impact{ font-family:'impactregular';}
.f50{ font-size:50px; margin:0; font-weight:normal;}
.f20{ font-size:20px;}
.foot{ background-color:#B40001; color:#FFF;background-image:url(../images/fondo1.png);}
.imgs{ width:100%; height:auto;}
.f30{font-size: 30px;
    font-weight: normal;
    margin: 0;}
.mvs{    text-align: center;
    font-size: 40px;
    margin: 0;
    text-shadow: 4px 4px 10px rgb(0, 0, 0); font-weight:normal;}
.padp{ padding:3%;}
.mex{    background-color: black;
    padding: 2%;}
.mexh{-webkit-border-radius: 90px 0 90px 0;
border-radius: 90px 0 90px 0;}
.mexh:hòver{-webkit-border-radius: 0 90px 0 90px;
border-radius: 0 90px 0 90px;}

.tit1{    text-shadow: 4px 4px 2px rgb(0, 0, 0);
    text-align: right;
    font-size: 39px;
    padding-top: 5%; font-weight:normal;}
@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;

}
.marl{ margin-left:3px;}
.negro{ background-color:#fff; color:#000;}
.leer{padding: 1%;font-size: 20px;cursor: pointer;-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px; background-color:#B40001; color:#fff;}
.leer:hover{padding: 1%;font-size: 20px;cursor: pointer;-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px; background-color:#fff; color:#000;}
/* Reveal */
.hvr-reveal {
  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;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}


.form label{ 
font-family:'impactregular';
    color: #B40001; 
    font-size: 17px; 
} 
.form input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 

.form div{ 
    display: block; 
} 

.form input, form textarea, form select{ 
    border-width: 0px;
	border-bottom: 1px solid #B40001;
	height: auto;
    border-style: solid; 
    border-radius: 5px; 
    padding: 6px; 
    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;}




img {
  max-width: 100%;
  height: auto;
}
.wrapper {
  max-width: 50rem;
  width: 100%;
  margin: 0 auto;
}
.slider {
  background: #fff;
  position: relative;
  margin: 2rem 0;
  overflow: hidden;
  padding-bottom: 2.5rem;
  /*border: 0.25rem solid #95a5a6;*/
}
.slider::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  content: '';
  display: block;
  /*background: #34495e;*/
  height: 3rem;
}
.slide-switch {
  display: none;
}
.slide-label {
  position: absolute;
  bottom: 1rem;
  display: block;
  z-index: 5;
  height: 1rem;
  width: 1rem;
  text-indent: 1rem;
  overflow: hidden;
  background: #2980b9;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.25s;
}
.slide-label:nth-of-type(1) {
  left: 1rem;
}
.slide-label:nth-of-type(2) {
  left: 2.5rem;
}
.slide-label:nth-of-type(3) {
  left: 4rem;
}
.slide-label:nth-of-type(4) {
  left: 5.5rem;
}
.slide-label:nth-of-type(5) {
  left: 7rem;
}
.padded {
  padding: 0rem 0rem;
}
.slide-content {
  width: 100%;
  background: #fff;
  float: left;
  margin-right: -100%;
}
.slide-switch:checked + .slide-label {
  background: #3498db;
}
.slide-switch:not(:checked) + .slide-label + .slide-content {
  opacity: 0;
  transition: opacity 0.35s;
  pointer-events: none;
}
.slide-switch:checked + .slide-label + .slide-content {
  animation: slide 1s;
}
@keyframes slide {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}




/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	z-index:999;
	position:relative;
    background-color: #fefefe;
	color:#000;
    margin: 5% auto; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
	border-top: 20px solid #B40001;
    border-bottom: 20px solid #B40001;
	background-image:url(../images/fond.png); 
	background-position:bottom right;
	background-repeat:no-repeat;
}

/* The Close Button */
.close {
  float:right;
    cursor:pointer;
    color: #fff;
	margin: 1px 1px 0px 0px;
    background: #B40001;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;  
}

.close:hover {
  float:right;
    cursor:pointer;
    color: #fff;
	margin: 1px 1px 0px 0px;
    background: #F00;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;  
}


.rslides_container{  z-index:-0;
	  position:relative;}

.rslides {
  position: relative;
  max-width:100% !important;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.rslides1_nav {
  position: absolute;
  display:none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  z-index:10;
  opacity: 0.7;
  text-indent: -9999px;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  margin-top: -45px;
  }

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.rslides2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.rslides2_nav.next {
  left: auto;
  right: 0;
  }

.rslides3_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides3_nav:active {
  opacity: 1.0;
  }

.rslides3_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.caption {
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
  position: absolute;
  background-size:cover;
  padding-top:3%;
  text-align:center;
  width:50%;
  float:right !important;
  font-size:55px;
  display: block;
  bottom: 0;
  right: 0;
  color: #fff;
}


#slides {
      display: none
    }

.slidesjs-container{ height:400px !important;}

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
	 #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 100%;
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 100%;
      }
    }



/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) 
{
.wMain{ width:100%;}
.w50{ width:100%;}
.w40{ width:100%;} .w60{ width:100%;} .w70{ width:100%;} .w30{ width:100%;}
.w33{width: 80%;text-align: center;margin: 3%;}
.clrbb{ clear:none;}
.f30{font-size: 20px;
    font-weight: normal;
    margin: 0;}
}

@media screen and (max-width: 500px)
{
.wMain{ width:100%;}
.w50{ width:100%;}
.clrbb{ clear:none;}
.f30{font-size: 20px;
    font-weight: normal;
    margin: 0;}
}
@media screen and (max-width: 480px)
{
.wMain{ width:100%;}
.w50{ width:100%;}
.clrbb{ clear:none;}
.f30{font-size: 20px;
    font-weight: normal;
    margin: 0;}
}
@media screen and (max-width: 768px)
{
.wMain{ width:100%;}
.w50{ width:100%;}
.w33{width: 40%;text-align: center;margin: 3%;}
.clrbb{ clear:none;}
.f30{font-size: 20px;
    font-weight: normal;
    margin: 0;}
}