@import url('https://fonts.googleapis.com/css?family=Ubuntu');
/* GENERAL */       
html, body {padding: 0; margin: 0; top: 0; left: 0; width: 100%; min-height: 100%;}
html {}
body {background: #1C1C1C; font-family: 'Ubuntu', Arial, Helvetica, sans-serif !important; color: #888888; }
a {text-decoration: none; color: #FF1919;}

a, .fa, .transicion, input[type="submit"], .btn {
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
a img {border-width: 0;}
a:hover{text-decoration: none;}
input, select, textarea {border-width: 0px; background: #F2F2F2; border-bottom: 2px solid #CCC; /* height: 32px; line-height: 32px;*/ padding: 6px 1%; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], select { height: 28px; line-height: 28px; width: 71%}
textarea{width: 71%; height: 110px;}
input:focus, select:focus, textarea:focus {border-bottom: 2px solid #FF1919; background: #FFFFFF;
box-shadow: 0 0 5px #C6DBFF;
    -webkit-box-shadow: 0 0 5px #C6DBFF;
    -moz-box-shadow: 0 0 5px #C6DBFF;
}
input[type="submit"], .btn {background: #FF1919; color: #FFF; font-weight: bold; padding: 10px 20px; border-width: 0; margin-bottom: 5px; text-transform: uppercase; }
input[type="submit"]:hover {background-color: #2B2B2B; cursor: pointer;}
input[readonly] {background: #DDEAFF;}
.error {color: #D14836;}
.exito {color: #4BB549;}
.mensaje {text-align: center; margin: 0 auto;}
.input_error {border: 1px solid red !important;}
h1, h2, h3 {margin: 2px 0; color: #000; }
ul, li, form {padding: 0; margin: 0; }
.big {font-size: 24px;}
.middle {font-size: 18px;}
.upper {text-transform: uppercase;}
.bold {font-weight: bold;}
.clear {clear: both;}
.left {text-align: left; margin-left: 0;}
.right {text-align: right; margin-right: 0;}
.center {text-align: center; margin: 0 auto;}
.block {display: block;}
.hidden {display: none;}
.col-4 {width: 30%; display: inline-block; vertical-align: top;}
.col-5 {width: 68%; display: inline-block; vertical-align: top;}
.col-6 {width: 48%; display: inline-block; vertical-align: top;}
.col-v {vertical-align: middle; }
.padding-10 {padding: 0 2%;}
.btn-red {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  font-weight: bolder;
  position: relative;
  
  color: /*rgba(225, 225, 255, 0.8)*/#FFF;
  border-radius: 5px; 
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-red:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 5px; 
  color: #FFFFFF;
   background: -moz-linear-gradient(90deg, #2B2B2B 0%, #2B2B2B 100%);
    background: -webkit-linear-gradient(90deg, #2B2B2B 0%, #2B2B2B 100%);
    background: -o-linear-gradient(90deg, #2B2B2B 0%, #2B2B2B 100%);
    background: -ms-linear-gradient(90deg, #2B2B2B 0%, #2B2B2B 100%);
    background: linear-gradient(90deg, #2B2B2B 0%, #2B2B2B 100%);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  }
.btn-red:hover, .btn-red:focus, .btn-red:active {color: #FFFFFF; }
.btn-red:hover:before, .btn-red:focus:before, .btn-red:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); }
[class^="btn-red"] {
  padding: 10px;
  cursor: pointer;
   text-decoration: none;
  color: #FFF;    
 }
 
#back-top {bottom: 0px;position: fixed; right: 10px;z-index: 99;display: none;}
#back-top a {background: #FF1919; border-top-right-radius: 5px; border-top-left-radius: 5px; display: block;font: 30px/42px FontAwesome; height: 42px;text-align: center;width: 42px;color: #FFFFFF;text-decoration: none; }
#back-top a:hover {background: #2B2B2B;color: #ffffff;}

.accord-header {background: transparent; color: #1F1F1F; cursor: pointer; border-bottom: 1px solid #1F1F1F; height: 45px; line-height: 45px; font-size: 18px; text-align: left; padding: 15px; }
/*.accord-header:hover {background: #3C778B;}*/
.accord-content { display: none; padding-bottom: 10px; margin: 10px 0;  }   
.accord-header span {float: right; font-weight: bold; right: 15px;  }

.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
/*MENU*/
#menu {height: 80px; position: relative; z-index: 99; text-align: center; margin: 0 auto; display: inline-block; float: right;}
#menu ul {padding: 0; margin: 0; }
            #menu > ul {text-align: center; margin: 0 auto; padding: 0; display: inline-table;}
            #menu li {list-style: none; }
            #menu li:hover > a  {}
            #menu > ul > li {position: relative; float: left; z-index: 99; margin:  0px;}
            #menu a {text-decoration: none; display: block; padding: 0 10px; height: 80px; line-height: 80px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 13px; letter-spacing: 2px; color: #FFFFFF; font-weight: lighter; text-transform: uppercase;
            }
            /*#menu > ul > li > a {height: 80px; line-height: 80px;  padding: 0 10px; letter-spacing: 2px; }*/
            #menu > ul > li:hover > a, #menu .activo > a {color: #FFF; background: #FF1919;}
            
            #menu ul li .fa {position: absolute; bottom: -10px; z-index: 99; height: 16px; line-height: 16px; color: #FF1919; font-size: 16px !important; width: 100%; text-align: center; display: none;}
            #menu li:hover .fa, #menu .activo .fa {display: block; }
            
            #menu > ul > li > ul {/*isplay: none;*/ height: 0px; overflow: hidden; position: absolute; top: 80px; left: 0; z-index: 99; background: rgba(0,0,0, 0.6);
            -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
            }
            #menu > ul > li:hover > ul {display: block; height: auto; overflow: visible; padding-bottom: 14px; }
            
            #menu > ul > li > ul > li > a {color: #FFF; height: 13px; line-height: 14px; padding: 14px 10px; width: 250px; background: transparent;}
            #menu > ul > li > ul > li > a:hover {color: #FF1919; }

.top > div, #top > div, .caption-english  > div, #footer > div, #contenido, #creditos, #lateral > div, .div-c > div, .secciones > div, .contet > div {width: 990px; margin: 0 auto;}

#videoy {width: 100%}
#videoy .contenidov {margin: 10px 12%; }

video{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    margin-top: -150px;
}  

.contet { text-align: right; font-weight: bolder; padding: 10px 0; box-sizing: border-box; width: 100% }

#header_alt {max-height: 260px; overflow: hidden; width: 100%; }
#header_alt img {width: 100%; margin-top: -4%; height: auto; }
#contenedor {text-align: center; margin: 0 auto; width: 100%; background: #FFF; }

.top {background: #FFFFFF; width: 100%; padding: 10px 0; }
.top > div {color: #1F1F1F; font-size: 14px }
.top > div > div{text-align: left; display: inline-block; }
.top > div > div.dir {width: calc(100% - 220px);/*calc(100% - 100px);*/ text-align: left;}
.top > div .cambridge {float: right; margin-top: 2px;  text-align: right;}
.top > div .cambridge img { max-height: 40px; width: auto;}

.top > div > div.redes{width: 210px;/*95px*/; float: right; text-align: right;}
.top > div > div.redes .fa { font-size: 20px;}
.top .fa {color: #FF1919 !important;}
.top a:hover, .top a:hover > .fa {color: #2B2B2B !important; }


#top {border-top: 4px solid #FF1919; position: fixed; width: 100%; text-align: center; margin: 0 auto; z-index: 99; background: rgba(0,0,0,0.4);  padding-bottom: -10px;

-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
}
#top.fixed{position: fixed; background: rgba(0,0,0,0.7); text-align: center; margin: 0 auto; width: 100%; border: 0px; top: 0;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);

}

#top .logo {display: inline-block; float: left; margin: 3px 5px; }
#top .logo img {max-height: 50px;}
#top .logo-text {text-align:center; font-size: 16px; letter-spacing: 3px; color: #FFFFFF; margin: 0; padding: 0; }
#top > div {text-align: left;position:relative; }
#top > div > a {text-align: center; display: inline-block;}
#top .redes {float: right; margin-bottom: 6px; }
#top.fixed .logo > img {padding-top: 0px;}
#top.fixed .logo-text {display: none}
#header {position: relative; width: 100%; overflow: hidden;}

.caption-english {background: #FF1919; padding:0px; }
.caption-english > div {text-align: left; padding: 20px 0; }
.caption-english > div h2 {color: #FFFFFF; }
#contenido {text-align: left; padding-bottom: 20px; }
#main {width:98%; overflow-x: hidden; float: left; padding: 20px 1%; color: #888888 !important;}
#main *:not(.fa) {max-width: 96% !important; font-family: 'Ubuntu', Arial, Helvetica, sans-serif !important;}
#main2 {background:url(img/nueva-york-010.jpg) bottom center no-repeat;}

#contenido ul, #lateral ul {list-style: none; padding: 0; margin: 0;}
#contenido ul > li, #lateral ul > li {padding-left: 12px;}
#contenido ul > li:before, #lateral ul > li:before {content: "\f105";font: normal normal normal 14px/1 FontAwesome; padding-right: 8px; color: #2B2B2B;}
#contenido ul > li:before {color: #222222 !important;}

#lateral * {max-width: 100% !important; /*color: #FFFFFF !important;*/}
#lateral h1, #lateral h2, #lateral h3, #lateral h4, #lateral h5, #lateral h6 {color: #FF1919}
#lateral {width: 98%; overflow-x: hidden; padding:10px 1%; background: #F0F0F0; text-align: left; color: #2B2B2B !important;}
#lateral hr {height: 1px; border-width: 0; background: #E5E6E7;}
#lateral a {display: block; }
#lateral table td {border: 1px solid #E5E6E7;}
#lateral > div > div {width: 30.33%; padding: 1% 1%; display: inline-block; vertical-align: top;}
#lateral > div > div:first-child {width: 63.66%; border-right: 1px solid #E5E6E7;}
#lateral img, #lateral table {max-width: 100% !important;}
#lateral .fa {font-size: 26px; vertical-align: middle; }
#lateral hr {height: 1px; border-width: 0; background: #E5E6E7;}
#lateral table {border-width: 0 !important; width: 96% !important;}
#lateral input {background: #FFFFFF;}
#lateral input[type="submit"] {background: #FF1919;}
#lateral input[type="submit"]:hover {background: #BF1313 !important}
#tabla_portada {width: 100% !important; border-spacing: 0px; border-collapse: collapse;}
#tabla_portada td {text-align: justify !important; width: 33%; vertical-align: top !important;  }
#tabla_portada td img {width: 90% !important;}
#tool {width: 90% !important;}
#main img, #tool { background: transparent url(img/shadow_td.png) no-repeat right bottom; padding: 20px; display: block; }
#tabla_portada p {padding: 10px;}

.form {}
.form > div {text-align: left; margin: 0 auto; max-width: 700px; padding: 40px; background: transparent;}
.form > div div > span {width: 25%; display: inline-block; vertical-align: top; text-align: right; padding-right: 1%;}
.form > div div {padding: 4px 0;}

.album {width: 100%; text-align: center; margin: 0 auto; display: block; font-size: 0;}
.album, .album > li {margin: 0; padding: 0}
.album > li {width: 31%; list-style: none;  margin-left: 1%; min-width: 190px; display: inline-block; vertical-align: top; font-size: 13px; text-align: justify;}
.album > li:first-child {margin-left: 0;}
.album > li:hover {}
.album > li a {display: block;}
.album h2 {text-align: center;}

#footer {background: #1F1F1F; border-top: 1px solid #000000; width: 100%; padding: 10px 0; }
#footer > div { color: gray; line-height: 28px; }
#footer a {color: gray; /*padding: 6px 0;*/ height: 28px; line-height: 28px; display: inline-block; margin: 2px 0;}
#footer .redesf a {display: inline-block;}
#footer a:hover {color: #FFF; text-decoration: underline; }
#footer .fa {font-size: 14px; background: #FFF; color: #383838; height: 30px; line-height: 30px; width: 30px; border-radius: 50%; text-align: center;}

#footer > div > ul, #footer > ul > li {margin: 0; padding: 0; }
#footer > div > ul > li {list-style: none; width: 33.33%; float: left; text-align: left; margin-left: 1%;}
#footer > div > ul > li:first-child {margin-left: 0!important;}
#footer > div > ul > li.ultimo {width: 29%}
#footer > div > ul > li.ultimo a {}
#footer > div > ul > li h3 {color: #FFF !important; font-weight: normal; font-size: 16px !important;}
#lateral input {width: 97% !important; max-width: 97% !important; padding: 6px 2%; box-shadow: none; border: none; margin-bottom: 15px;}
#lateral input[type="submit"] {width: auto !important; max-width: 100% !important; padding: 10px 2% !important;}
/*#footer > ul > li > h3 {padding: 6px 0;}*/
#footer .ultimo > div > .fa {
    color: #FFF;
    width: 20px !important;
    background: transparent !important;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 5px;
}
.links-footer { line-height: 30px}

.fly {  animation: flyin 3s ease forwards;
  opacity: 0;
  transform: scale(1.5);
  filter: blur(4px);
}
@keyframes flyin {
   to { 
     filter: blur(0);
     transform: scale(1);
     opacity: 1;
   }
}

@keyframes slideOut {
    0% {
        margin-right: 200px;
    }
    100% {
        margin-right: 0px;
    }
}

@-webkit-keyframes slideOut {
    0% {
        right: 200px;
    }
    100% {
        right: 0px;
    }
}

#right_box2 {position: fixed; bottom: 30%; right: -65px; background: #FF1919; border: 1px solid red; line-height: 40px; height: 40px; padding: 0 10px; width: 150px; text-align: center; z-index: 999;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#right_box2:hover {background: #2B2B2B; border: 1px solid #1F1F1F; }
#right_box2 a {color: #FFFFFF;}
#right_box2 a i {color: #FFFFFF;}


#right_box {position: fixed; bottom: 0; right: 60px; background: #FF1919; border: 1px solid red; line-height: 40px; height: 40px; padding: 0 10px; width: 240px; text-align: center; z-index: 999;
	/*-ms-transform: rotate(-90deg);*/ /* IE 9 */
/*    -webkit-transform: rotate(-90deg);*/ /* Chrome, Safari, Opera */
/*    transform: rotate(-90deg);*/
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#right_box:hover {background: #2B2B2B; border: 1px solid #1F1F1F; }
#right_box a {color: #FFFFFF;}
#right_box a i {color: #FFFFFF;}

.secciones.bg-gris {background: #F0F0F0; }
.secciones .seccion {width: 45%; margin: 20px 2%; display: inline-block; vertical-align: middle}
.secciones .seccion img {width: 100%;}
.secciones .seccion img { background: transparent url(img/shadow_td.png) no-repeat right bottom; padding: 20px; width: 96%; width: calc(100% - 40px);}
.secciones .txt_right {float: right;}

#carousel, #carousel * {max-width: 100% !important;}
#wrapper {width: 100%;min-width: 900px;height: 600px;margin: 0px auto;position: relative}
#carousel > div {height: 600px;float: left;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#carousel img {min-width: 100%;min-height: 100%;}
#title {text-align: center;width: 100%;margin-top: -10px;position: absolute;top: 50%;}
#title h3 {
text-shadow: 
    0 3px 3px rgba( 0, 0, 0, 0.3 ),
    0 -3px 3px rgba( 0, 0, 0, 0.3 ),
    3px 0 3px rgba( 0, 0, 0, 0.3 ),
    -3px 0 3px rgba( 0, 0, 0, 0.3 );
font-size: 50px;font-weight: bold;line-height: 50px;color: #fff;margin: 0;}
#title a {color: #fff;}
#title a:hover {background: rgba( 0, 0, 0, 0.5 );padding: 2px 5px;}
#pager {position: absolute;bottom: 3%; z-index: 6; width: 100%;}
#pager a.selected span {background: #FF1919;}
#pager a {display: inline-block;padding: 5px;}
#pager span {border-radius: 10px;background: #ccc;background: rgba(255,255,255, 0.6);text-indent: -100px;line-height: 0;display: inline-block;width: 15px;height: 15px;overflow: hidden;}
.slide-block {
position: absolute;left: 40px; opacity: 0;bottom: 75px;display: inline-block;width: 435px;background-color: #1F1F1F; background: rgba(0,0,0,0.4); 
padding: 20px;font-size: 14px;color: #FFFFFF;border: 1px solid #1F1F1F;overflow: hidden;border-radius: 4px;z-index: -1;

}
.slide.active .slide-block {z-index: 2; opacity: 1;}
.slide-block h4 {font-size: 36px;font-weight: bold;margin: 0 0 10px 0;line-height: 1;}
.slide-block p {margin: 0;}

.div-c {width: 100%;background-color: #FF1919;text-align: center; margin: auto;}
.wrapperc {
background-color: #FF1919;
/*margin: -100px 0 0 0;*/
/*position: absolute;*/
position: relative;
text-align: center; margin: auto;
padding: 30px 0px;
}

.carouselc div {
text-align: center;
width: 300px;
height: auto;
float: left;
position: relative;
margin: 10px !important
}
.carouselc > div >  a {display: block; display: block; background: #FFFFFF;color: #FF1919; overflow: hidden}
.carouselc a:hover{background:  #B20909; color: #FFFFFF; position: relative}
.carouselc a:hover img {opacity: 0.5}
.carouselc > div >  a:hover:after{font-size: 50px; font-family: 'FontAwesome'; content: '\f002'; position: absolute; top: 45%; left:0px; width: 100%; height: 100%;z-index: 1;}
.carouselc div img {
padding: 2%;
width: 96% !important;
}
.carouselc div span {
text-align: center;
font-size: 14px;
font-weight: bold;
display: block;
padding: 10px 0;
z-index: 999;
}
.nextc, .prevc {border: 1px solid red; margin: 10px 5px; padding: 5px; background: white }
.nextc .fa, .prevc .fa{color: red}
.parallax {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
}


.btn-custom {color: #FFFC32;font-size: 18px;}
#main .pricing, #main .pricing * {max-width: 100% !important; }
#main .pricing .pricing-table {width: 31%;margin: 1%;display: inline-block; vertical-align: top;}
#main .pricing .pricing-table .pricing-header {position: relative;background: #FF1919;padding: 22px 22px;text-align: center;border-top-right-radius: 4px; border-top-left-radius: 4px;}
#main .pricing .pricing-table .pricing-header .pricing-title {
  color: #FFFFFF;text-transform: uppercase;letter-spacing: 2px;font-size: 24px;text-align: center; font-weight: 700;margin: 0px;}
#main .pricing .pricing-table .pricing-header .pricing-rate {font-size: 70px;font-weight: 700; color: #ffffff; position: relative; text-align: center; margin: 0px;}
#main .pricing .pricing-table .pricing-header .pricing-rate sup {font-size: 24px; position: relative; top: -30px; color: #FFFFFF;}
#main .pricing .pricing-table .pricing-header .pricing-rate span {font-size: 16px; color: #FFFFFF;text-transform: uppercase;}
#main .pricing .pricing-list {padding: 20px 0; background: #ffffff; border: 1px solid #e3e3e3;}
#main .pricing .pricing-list ol {padding: 0px; display: table; margin: 0px auto; width: 100%; max-width: 100% !important;}
#main .pricing .pricing-list ol li {list-style: none; border-bottom: 1px solid #EAECEB; color: #bdc3c7; font-size: 16px;  line-height: 42px; padding: 0px 5px;}
#main .pricing .pricing-list ol li:last-child {border: none;}
#main .pricing .pricing-list ol li i {margin-right: 5px; color: #bdc3c7;}
#main .pricing .pricing-list ol li span {color: #1F1F1F;}

.mobile {display: none}
/* RESPONSIVE */





@media screen and (min-width: 651px){
    #menu > ul > li > a::after{
        width: 100%;
height: 0;
top: 0;
left: 0;
background: #FF1919;
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
    }
    
    #menu > ul > li > a:hover:after{
     height: 100%;   
    }
    
#top.fixed #menu {height: 60px;}
#top.fixed #menu > ul > li > a {color: #FFFFFF; height: 60px; line-height: 60px;}
#top.fixed #menu > ul > li.activo > a, #top.fixed #menu > ul > li:hover > a {color: #FFFFFF; height: 60px; line-height: 60px;}
#top.fixed #menu > ul > li > ul{top: 60px;}
    
}

 @media screen and (max-width: 990px) {
.top > div, #top > div, .caption-english  > div, #footer > div, #contenido, #creditos, #lateral > div, .div-c > div, .secciones > div, .contet > div {width: 100%;}
.contet { padding: 10px  }
.logo {margin-left: 2%; }
#top .logo-text {font-size: 11px; }
/*#main {width: 65%; padding: 1%; display: inline-block;}*/
#lateral {/*float: right; display: inline-block; width: 29%; padding:1%; background: #EAEAEA; margin-right: 1%;*/}
#lateral img, #lateral table {max-width: 100% !important; height: auto !important;}
.contenido * {max-width: 100% !important;}

#menu {}
#menu > ul > li > a {padding: 0px 5px !important;}

#footer > div > ul > li:first-child {margin-left: 1.5% !important;}
 }

@media screen and (max-width: 864px) {
	#main .pricing .pricing-table .pricing-header .pricing-rate {font-size: 50px; }
	#main .pricing .pricing-table {width: 30%;}
}

@media screen and (max-width: 800px){
  video{
    margin-top: 0;
  }
}

@media screen and (max-width: 736px) {
    #top {position: fixed; background: #1F1F1F; position: relative; }
    #top.fixed {background: #1F1F1F; }
}

@media screen and (max-width: 650px) {
	.mobile {display: block;}
    #top {position: fixed; background: #1F1F1F; position: relative; }
    #top.fixed {border-top: 4px solid #FF1919; }
		#top.fixed .logo {padding-top: 5px;}
		.flexslider .slides img {width: 100%;}
		.top {display: none !important; }
    .top a {display: none !important}
    .top > div > div.dir {width: 100%;}
    .top .clear {display: none;}
.top .dir > span:last-child {display: none;}
#float {display: none;}
    #top .logo img {padding-top: 5px; height: 55px;}
    #top .redes {margin-bottom: 0; }
#contenedor {width: 100%;}
#header {margin-bottom: 0px;}
#main {width: 97%; padding: 0 1.5%; }
#lateral {float: none; }
#top.fixed {background: #1F1F1F; }
#menu {width: 100%; height: 0px; position: absolute; top: 5px !important; right: 0; padding-top: 50px; overflow: hidden; background: transparent url(img/redes-sprite.png) no-repeat 98% -196px; margin-top: 5px;  cursor: pointer; z-index: 9999; }
#menu:hover {height: auto; }
#menu:hover > ul {width: 100%; background: #1F1F1F; border-top: 1px solid #2B2B2B; }
#top.fixed #menu {top: 0; }
#menu li {width: 100%; border-bottom: 1px solid #222222; margin: 0px; padding: 0px; position: relative;}
#menu a {color: #FFF; width: 100%; height: 50px; line-height: 50px; }
#menu li:hover {border-bottom: 1px solid #222222;}
#menu li.activo {color: #000; border-bottom: 1px solid red; }

#menu > ul > li > ul {position: relative; top: 0; left: 0; z-index: 98; padding: 0px; margin: 0px; width: 100%; display: none;}
#menu > ul > li:hover > ul {display: block !important; width: 100%;}
#menu > ul > li > ul > li {width: 100%; border: 0px;}
#menu > ul > li > ul > li > a {padding: 20px 0; margin: 0px; width: 100%; padding-left: 2%; }
#menu > ul > li > a:hover {/*background: #2C2C2C url(img/menu.png) no-repeat bottom center; color: #fff;*/}
#menu > ul > li > ul > li a {border-top: 1px solid #111111;}
#menu > ul > li:hover ul,
#menu > ul > li:hover .arrow-1,
#menu > ul > li > ul > li:hover .arrow,
#menu > ul > li > ul > li:hover + div {display: none; }

#top.fixed #menu > ul {display: inline-block; overflow-x: hidden; overflow-y: scroll; height: 300px;}

#mainNav {width: 100%;}
    
#main * {max-width: 100% !important;}
#main img {max-width: 100%; height: auto !important; }
#lateral > div > div {width: 97%; padding: 1% 1%; float: none}
#lateral > div > div:first-child {width: 97%; padding: 1% 1%; border-right: none;}

#cimage {height: 200px !important;}

#footer > div > ul > li {list-style: none; width: 97% !important; float: none; text-align: left; margin: 1% 1.5%;}
#footer > div > ul > li:first-child {margin: 1% 1.5% !important; border-bottom: 1px solid #303030;}
#footer .fa {width: 20px; height: 20px; line-height: 20px; font-size: 12px; margin: 0 5px;}
.title-caption{max-width: 80%; font-size: 22px; font-size: 4vw; }
.title-caption > p {font-size: 16px; font-size: 2vw; }

.form > div {padding: 0 0.5%; width: 99%; }
input:not(.footer_submit), select, textarea {width: 97% !important;}
.form > div div > span {text-align: left; }

    .col-4 {width: 100%; }
    .col-5 {width: 100%; }
    .col-6 {width: 100%; }
	#main .pricing .pricing-table {width: 47%;}
.accord-header {min-height: 45px; height: auto; line-height: auto; font-size: 14px;}

}

@media screen and (max-width: 480px) {
#top.logo img {max-height: 50px; margin-top: 0px; }
    #main img, #tool {background: transparent; padding: 0;}
.form > div {padding: 0 1%; width: 96%; }
#footer .menu02 {width: 96%; border-bottom: 1px solid #222222; padding: 2px 2%;}

.secciones .seccion {width: 95%; }

	#main .pricing .pricing-table {width: 97%;}
}

@media screen and (max-width: 320px) {
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 10px 0px 0.4em 0px; }
h1 {font-size: 1.6em; }
h2 {font-size: 1.4em; }
h3 {font-size: 1.2em; }
h4 {font-size: 1em; }
h5 {font-size: 1em; }
h6 {font-size: 1em; }
#footer a {line-height: 16px;}
#header .banner { background: transparent; }
#top .logo img {}
#header .contacto {position: absolute; top: 25%; left: 100px; width: 60%; color: #FFFFFF; white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis; height:  auto;}
#header .contacto img{display: none; visibility: hidden;}
#contenedor .main {padding: 5px 2.5%; }
#main table img {visibility: hidden; display: none;} 
#main table {max-width: 320px !important; overflow: hidden;}
#albums {width: 100%;}
#albums .bloque{display: inline-block; width: 48%; margin: 1% 0.5%; } 
#search input[type="text"]:hover, #search input[type="text"]:focus {width:400% !important; }

}
@media screen and (max-width: 240px) {
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {display: none !important; visibility: hidden !important;}

}  

@media screen and (max-height: 500px) {
#right_box {bottom: 0px; right: 0px; top: auto;
-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg); 
}
#right_box2 {bottom: 0px; right:0; top: auto; display: none;
-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg); 
}
#footer {padding-bottom: 40px; }
}