#menu ul {
  margin: 8px;
  padding: 0;

}

.section .span88 {

    color: #dde1e8;
    margin-top: 2em;
    border-top:1px solid #B5A1A1;
    padding: 2em 0 2em 0;
}

.section .span888 {
    color: #dde1e8;
    margin-top: 1em;
    padding: 0 0 2em 0;
}

.col-md-1 {

    text-align: left;
    color: #cac5c5;
    font-size: 0.9em;
    width: 40%;
    padding-left: 6em;
    margin: 0 1em 0 0;

}

#footer2 {

    padding: 1em 0 1em 0;

			}

 .test {
    overflow:hidden;
    color:#fff;
    height:0;
    padding: 0 18px;
    width:auto;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;

}

.menu-icon{

    display: none;
   border: none;
    }

.animated2 {
    height:500px;
    padding: 5px -2px;
}

/* altura logo menu (ajustar mediante max-min max-wid) */

.logo-menu {
	width: 35%;
	max-width: 200px;
    min-width: 170px;
   	padding: 0 0 5px 15px;
    margin-left: 5%;
	float: left;
	display: none;
	clear: both;
    margin-top: -10px;
    }

#toggle-menu .description {
		max-height: 400px;

	}

#menu {
	background-color: #272a3b;
	display: inline-block;
	width: 100%;
	height: 78px;
	line-height: 0px;
    margin-left: 0;

}



#menu .main-menu {
	display: none;

}



#menu .sub-menu a{

	color: #c1dff8;

	  }

#tm:checked + .main-menu
{
	display: block;

}

.logo-menu2 {
	padding: 0 0 5px 0;
	padding-left: 65%;
	position: absolute;
	z-index: 9900;
	top: 20%;
	width: 230em;
	text-align: left;
}

.logo-menu-plant {

    width: 23%;
	z-index: 1;
	top: 10px;
	margin: 35px 0 0 1250px;
}


#menu input[type="checkbox"],
#menu ul span.drop-icon {
  display: none;
  line-height: 0px;

}


#menu ul span.drop-icon {
  display: inline;

}


    /* anchos subs menus*/

 #menu .main-menu .sub-menu{

	padding-left: 10%;
	margin-left: -10px;
    width: 195px;

}

#menu .main-menu .sub-menu2{

	padding-left: 5%;
	margin-left: -2px;
    width: 195px;

}

#menu .sub-menu li{

width: 178px;

}

#menu .sub-menu2 li a {

color: #fff;
width: 180px;

}


#menu li,
#toggle-menu,
#menu .sub-menu .sub-menu2 {

border-style: solid;
  border-color: rgba(0, 0, 0, .05);

}

#menu li,
#toggle-menu {
  border-width: 0 0 1px;

}

#menu .sub-menu{
  background-color: rgba(39, 42, 59, .85);
  border-width: 1px 1px 0;
  margin: 0 1em;
  border-radius: 10px;
  transition: all 0.57s ease-in-out;
  -webkit-transition: all 0.57s ease-in-out;

}

#menu .sub-menu2{
  background-color: rgba(39, 42, 59, .85);
  border-width: 1px 1px 0;
  margin: 0 4em;
  border-radius: 10px;
  transition: all 0.57s ease-in-out;
  -webkit-transition: all 0.57s ease-in-out;


}

#menu li,
#toggle-menu,
#menu a {
	position: relative;
	display: block;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
	border:1px solid transparent;
    font-size: 0.8rem;

}

#toggle-menu,
#menu a {
	padding: 0.5em 0.7em;

}

#menu a {
  transition: all 0.40s ease-in-out;
  -webkit-transition: all 0.40s ease-in-out;

}

#menu a:hover {
   border: 1px solid #186794;

}

#menu .sub-menu{
  display: none;

}

#menu .sub-menu2{
  display: none;

}


#menu input[type="checkbox"]:checked + .sub-menu {
	display: block;

}

#menu input[type="checkbox"]:checked + .sub-menu2 {
	display: block;

}

#toggle-menu .drop-icon,
#menu li label.drop-icon {
	position: absolute;
	right: 10px;
	top: 0;
	width: 100%;

}


#menu label.drop-icon, #toggle-menu span.drop-icon {
	padding: 1em;
	font-size: 2em;
	text-align: left;
	text-shadow: 0 0 0 transparent;
	color: rgba(255, 255, 255, .75);

}

@media only screen and (max-width: 2048px) {


   #form {
	border: 3px double #eaeaea;

	padding: 0;
	width: 100%;
    max-width: 400px;
	webkit-border-radius: 15px;
	moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);

    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);

	}

#form h2{
	font-size: 2em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 25px;
}

#form .campo {
	border: 1px solid #999;
	line-height: 20px;
	font-size: 1rem;
	width:22rem;
    padding: 5px;
    height: 30px;
}


#form .com {
	border: 1px solid #999;
	padding: 0.3em;
	font-size: 14px;
	width:22rem;
	height: 10em;
	font-size: 1.5em;}

 #tex1 {
	font-size: 1.5rem;
	margin: 0 0 0.5em 0;
	padding: 10px 0 0 10px;
	line-height: 25px;
	font-weight: bold;
}

.logo-menu2 {
	padding: 0 0 5px 0;
	padding-left: 63%;
	position: absolute;
	z-index: 9999;
	top: 25%;
	width: 310em;
	text-align: left;
}


   .logo-menu-plant {
	width: 25%;
	padding-left: 40px;
   	margin: -70px 0 0 880px;
    top: 55px;
}

    	#menu .main-menu {

	padding-left: 50%;
	margin-left: 27%;

}

}


@media only screen and (max-width: 1920px) {



.logo-menu2 {
	padding: 0 0 5px 0;
	padding-left: 63%;
	position: absolute;
	z-index: 9999;
	top: 25%;
	width: 310em;
	text-align: left;
}


   .logo-menu-plant {
	width: 25%;
	padding-left: 40px;
   	margin: -70px 0 0 880px;
    top: 55px;
}

    	#menu .main-menu {

	padding-left: 50%;
	margin-left: 27%;

}

}


@media only screen and (max-width: 1800px) {



.logo-menu2 {
	padding: 0 0 5px 0;
	padding-left: 63%;
	position: absolute;
	z-index: 9999;
	top: 22%;
	width: 287em;
	text-align: left;
}


   .logo-menu-plant {
	width: 25%;
	padding-left: 40px;
   	margin: -70px 0 0 880px;
    top: 55px;
}

    	#menu .main-menu {

	padding-left: 50%;
	margin-left: 27%;

}

}


@media only screen and (max-width: 1600px) {

.logo-menu2 {
	padding: 0 0 5px 0;
	padding-left: 63%;
	position: absolute;
	z-index: 9999;
	top: 19%;
	width: 256em;
	text-align: left;
}


   .logo-menu-plant {
	width: 25%;
	padding-left: 40px;
   	margin: -70px 0 0 880px;
    top: 55px;
}

    	#menu .main-menu {

	padding-left: 50%;
	margin-left: 27%;

}

}


@media only screen and (max-width: 1366px) {


 #menu .main-menu {

	margin-left: 19em;
}


    .logo-menu-plant {
	width: 25%;
	padding-left: 40px;
   	margin: -70px 0 0 950px;
    top: 55px;

}

 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 1.2em;

}



}

@media only screen and (max-width: 1330px) {


   .logo-menu-plant {
	width: 25%;
	padding-left: 40px;
   	margin: -70px 0 0 870px;
    top: 55px;
}

    	#menu .main-menu {

	padding-left: 50%;
	margin-left: 15em;
}

}

@media only screen and (max-width: 1280px) {


	#menu .main-menu {

	padding-left: 37%;
	margin-left: 9em;
}

   .logo-menu-plant {
	width: 23%;
	padding-left: 40px;
   	margin: -70px 0 0 870px;
    top: 55px;
}

}

	@media only screen and (max-width: 1200px) {

	.flex {

        width: 135%;
        margin-left: -6em;
	}

   .flex.flex-3 .col {
			width: 50%;
            color: #788b9f;
            font-size: 0.75em;
            text-align: left;
            padding-left: 5em;
		}

	#menu .main-menu {

	padding-left: 15%;
	margin-left: 0;
}



     .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 38px;

}

    .logo-menu {
	width: 35%;
	max-width: 177px;
    min-width: 150px;

    margin-left: 1%;

    }


     .logo-menu-plant {
	width: 30%;
	padding-left: 40px;
   	margin: -70px 0 0 52em;
    top: 80px;
}

         .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.9em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 63%;

    padding-left: 4em;
    margin: 0 -100px 0 -100px;
}

     .section .container-bottom {
	padding-top: 0;
    background-color: #1f1f1f;

}

}

	@media only screen and (max-width: 1100px) {

	#menu li,
#toggle-menu,
#menu a {

    font-size: 0.78rem;

}

   .logo-menu {
	width: 35%;
	max-width: 150px;
    min-width: 140px;
   	padding: 0 0 1px 5px;
    margin-left: 0;

    }



#menu .main-menu {

	margin-left: -5em;

}


      .logo-menu-plant {
	width: 28%;
	margin: -70px 0 0 45em;
    top: 78px;
}

      .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.9em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 63%;

    padding-left: 0.1em;
    margin: 0 -70px 0 -80px;
}

     .section .container-bottom {
	padding-top: 0;

	background-color: #1f1f1f;

}
      .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.85em;
	top: 0.5em;
    position: relative;
    left: 0.99em;

}
}


	@media only screen and (max-width: 960px) {



	#menu .main-menu {

    margin-left: -6em;

}

    #menu li,
#toggle-menu,
#menu a {

    font-size: 0.75rem;

}


.fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.85em;
	top: 1em;
    position: relative;
    left: 0.9em;

}

    .logo-menu-plant {
	width: 30%;
	margin: -70px 0 0 40em;
    top: 81px;
    line-height: 50px;
}

         .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.9em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 63%;

    padding-left: 0.1em;
    margin: 0 -70px 0 -80px;
}

     .section .container-bottom {
	padding-top: 0;
    background-color: #1f1f1f;

}

}

	@media (max-width: 900px) {


         #menu li,
#toggle-menu,
#menu a {

    font-size: 0.72rem;

}

   .logo-menu {
	width: 35%;
	max-width: 150px;
    min-width: 140px;
   	padding: 0 0 1px 5px;
    margin-left: 0;

    }



#menu .main-menu {

	margin-left: -7em;

}

#toggle-menu,
#menu a {
	padding: 0.10em 0.4em;

}



  .logo-menu-plant {
	width: 30%;
    margin: -70px 0 0 37em;
    top: 85px;
    line-height: 64px;
}

 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 35px;

}

        .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.7em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 50%;

    padding-left: 0.1em;
    margin: 0 -50px 0 -50px;
}

  .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 1em;

}

}

	@media (max-width: 840px) {


        #menu {

	width: 100%;
	margin-left: 0;
    padding-left: -50px;
}


     .logo-menu {

    margin-left: 0;
	max-width: 150px;
    min-width: 140px;

    }

          .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.7em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 55%;

    padding-left: 0.3em;
    margin: 0 -3em 0 -9em;

}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 5em;
}

            .última-section {

          padding: 0 0 0 0;

}


     .flex.flex-3 .col {

            font-size: 0.7em;
            padding-left: 1em;
        width: 50%;

		}

        .flex {

       width: 107%;
        margin-left: -1.4em;
	}

          .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 7em;
    width: 100%
}

#menu li,
#toggle-menu,
#menu a {

    font-size: 0.7rem;

}

#menu .main-menu {

	margin-left: -8em;

}


#toggle-menu,
#menu a {
	padding: 0.5em 0.3em;

}



.logo-menu-plant {
	width: 32%;
	margin: -7em 0 0 36em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.75em;
	top: 1.7em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4.5em;
    margin-bottom: 1.5em;
    border-top:1px solid #B5A1A1;
    padding: 1.5em 0 0 0;
}

}




@media only screen and (min-width: 761px) {




      .flex.flex-3 .col {
			width: 50%;
            color: #788b9f;
            font-size: 0.8em;
            text-align: left;

		}



    #menu .main-menu {
    display: block;
	padding-left: 280px;

  }

  #toggle-menu,
  #menu label.drop-icon {
    display: none;

  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;

  }

   #menu .sub-menu2 li {
    float: none;

  }


  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;

  }

     #menu .sub-menu2 {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;

  }

  #menu .sub-menu,
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;

  }

     #menu .sub-menu2,
  #menu input[type="checkbox"]:checked + .sub-menu2 {
    display: none;

  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

     #menu .sub-menu2 li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;

  }

     #menu .sub-menu .sub-menu2 {
    top: 0;
    left: 100%;

  }

 #menu .sub-menu .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
  }

     #menu .sub-menu2 .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu,
  .navbar-fixed-top, .navbar-fixed-bottom {
    display: block;

  }

    #menu li:hover > input[type="checkbox"] + .sub-menu2,
  .navbar-fixed-top, .navbar-fixed-bottom {
    display: block;

  }


}
/*Tablets y celulares landscape*/

@media (max-width: 760px) and (orientation: landscape) {




  .scrollup {

    top: 14em;
  }


     .flex.flex-3 .col {

            font-size: 0.7em;
            padding-left: 1em;
         width: 50%;
		}

        .flex {

        width: 100%;
        margin-left: 0;
	}

     #form {

    max-width: 400px;

	}


    .logo-menu {

   	padding: 15px 0 5px 15px;

    }

   .menu-icon{

    display: inline;
    border: none;
     outline: none;
    }


      .menu-icon{
	float: right;
	padding: 8px 9px 0 0;
  background-color: transparent;
    border-color: transparent;
    width: 3.5em;
}
    .drop-icon {

	line-height: 1px;
	text-align:right;
	top: -15px;
	color:rgba(0, 0, 0, 0);
}

      .test {
   clear: both;

}


  .logo-menu-plant {
	width: 32%;
	margin: -7em 0 0 32em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.75em;
	top: 1.4em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4.5em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.5em 0 0 0;
}

      .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.9em;
        padding-left: 1em;
	}

    .col-md-1 {

   width: 50%;

    padding-left: 0.3em;
    margin: 0 -1.2em 0 -2.9em;

}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 2em;
}

    #toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}

     #menu {

	height: auto;

}

     #menu .sub-menu2 li a {

color: #fff;
width: 290px;

}
    #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

	clear: both;
	padding: 1px 0 0 0;

}

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}

    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 180%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}

#toggle-menu .drop-icon,
#menu li label.drop-icon {

	line-height: 1px;
	text-align:right;
	top: -17px;
	color:#09C;
}

}

@media (max-width: 700px) and (orientation: landscape) {


      .flex.flex-3 .col {

            font-size: 0.7em;
            padding-left: 2em;

		}

        .flex {

        width: 115%;
        margin-left: -2em;
	}

   .logo-menu-plant {
	width: 35%;
	margin: -7em 0 0 29.5em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.75em;
	top: 1.7em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4.5em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.5em 0 0 0;
}

      .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.7em;
        padding-left: 1em;
	}

    .col-md-1 {

   width: 50%;

    padding-left: 0.3em;
    margin: 0 -1.2em 0 -2.9em;

}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 3em;
}

    #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 10px;
	width: 80%;

	  }

     #menu .sub-menu2 li{

	padding: 5px 0 0 0;
	line-height: 5px;
	width: 80%;

	  }

}

@media (max-width: 660px) and (orientation: landscape) {

     .flex {

        width: 108%;
        margin-left: -1.4em;
         font-size: 0.8em;
	}


    .logo-menu-plant {
	width: 41%;
	margin: -7em 0 0 22.9em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.75em;
	top: 1.7em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4.5em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.5em 0 0 0;
}

    .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.7em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 50%;

    padding-left: 0.3em;
    margin: 0 -1em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;

}


 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 1px;
	width: 80%;
	vertical-align:text-top;
	  }

    #menu .sub-menu2 li{

	padding: 5px 0 0 0;
	line-height: 1px;
	width: 80%;
	vertical-align:text-top;
	  }

    #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 7px;
	width: 80%;

	  }

}

@media (max-width: 600px) and (orientation: landscape) {



    .logo-menu-plant {
	width: 45%;
	margin: -7em 0 0 21em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.79em;
	top: 1.7em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4.5em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.5em 0 0 0;
}

     .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.7em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 50%;

    padding-left: 0.3em;
    margin: 0 -1.2em 0 -2.9em;

}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 2em;
}


    #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 7px;
	width: 80%;

	  }


}

@media (max-width: 560px)  and (orientation: landscape) {




   .logo-menu-plant {
	width: 50%;
	margin: -7em 0 0 17.4em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.75em;
	top: 1.7em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4.5em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.5em 0 0 0;
}

.section .span888 {
    color: #dde1e8;
    margin-top: -1em;
    padding: 0 0 1em 0;
}

     .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 1em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 3em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;

}


    #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 7px;
	width: 80%;

	  }

  }

@media (max-width: 500px)  and (orientation: landscape) {



.logo-menu-plant {
	width: 54%;
	margin: -7em 0 0 15em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.7em;
	top: 2em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4.5em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.2em 0 0 0;

}

.section .span888 {
    color: #dde1e8;
    margin-top: -1em;
    padding: 0 0 1em 0;
}

     .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 1em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 3em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;

}


    #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 7px;
	width: 80%;

	  }

 }

 @media (max-width: 460px)  and (orientation: landscape) {

     #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 130px;

    }


   .logo-menu-plant {
	width: 56%;
	margin: -5.5em 0 0 12.7em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.64em;
	top: 2.2em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 0.8em 0 0 0;
}

.section .span888 {
    color: #dde1e8;
    margin-top: -1em;
    padding: 0 0 1em 0;
}

      .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.8em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 1em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;

}


  .section .container {
	padding-top: 1px;

}

     #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 7px;
	width: 80%;

	  }

}
  /*Tablets y celulares Portrait*/

@media only screen and (max-width: 720px) and (orientation: portrait) {


  .price-table {
     margin-top: -3em;
  /*   margin-bottom: 115px;*/

 }


  .contact-form {
      background:#54606f;
      background: rgba(61, 82, 111, 0.9);
      z-index:0;
      position:relative;
      margin-top: -6em;
      padding:30px;

  }

  .scrollup {

  	top: 28em;
  }

  .section.secondary-section2{
  	background: url(../images/franja-fondo2-media.jpg) repeat-x;
  	-webkit-background-size: 50% 100%;
  	-moz-background-size: 50% 100%;
  	-o-background-size: 50% 100%;
  	background-size: 50% 100%;
  	background-position:0px 0px;
    height: 45em;

  }

  .secondary-section {
     background: url(../images/franja-fondo2-a.jpg) repeat-x;
  	 -webkit-background-size: 10% 100%;
  	-moz-background-size: 50% 100%;
  	-o-background-size: 50% 100%;
  	 background-size: 50% 100%;
  	 background-position:0px 0px;
  }

     .test {

     display: block;
    clear: both;
}


    .menu-icon{

    display: inline;
    border: none;
     outline: none;
    }

    .menu-icon{
	float: right;
	padding: 8px 9px 0 0;
  background-color: transparent;
    border-color: transparent;
    width: 3.5em;
}


    .logo-menu {

    margin-top: 4px;
    }

     .logo-menu-plant {
	width: 39%;
    margin: -100px 0 0 340px;
    line-height: 80px;
}

    .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 28px;

}

    #menu {

	height: auto;

}

   #menu .sub-menu2 li a {

color: #fff;
width: 290px;

}
    #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

	clear: both;
	padding: 1px 0 0 0;

}

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}

    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 180%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}

#toggle-menu .drop-icon,
#menu li label.drop-icon {

	line-height: 1px;
	text-align:right;
	top: -15px;
	color:#09C;
}


.drop-icon {

	line-height: 1px;
	text-align:right;
	top: -15px;
	color:rgba(0, 0, 0, 0);
}


}

@media only screen and (max-width: 660px) and (orientation: portrait) {

    #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 180px;

    }

     .logo-menu-plant {
	width: 39%;
    margin: -100px 0 0 340px;
    line-height: 80px;
}

    .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 28px;

}

    #menu .sub-menu2 li a {

color: #fff;
width: 290px;

}
    #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

	clear: both;
	padding: 1px 0 0 0;

}

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}

    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 180%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}


}

@media only screen and (max-width: 640px) and (orientation: portrait) {

  .flex.flex-3 .col {

            font-size: 0.7em;
            padding-left: 2em;

		}

        .flex {

        width: 115%;
        margin-left: -2em;
	}



  .test {

     display: block;
    clear: both;
}
  #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

	clear: both;
	padding: 1px 0 0 0;

}

    #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 160px;

    }

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}

    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 180%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}


#menu .ocultar {

	display:none;
}



 .logo-menu-plant {
	width: 47%;
	margin: -7em 0 0 18em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.8em;
	top: 1.7em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.2em 0 0 0;
}

.section .span888 {
    color: #dde1e8;
    margin-top: -1em;
    padding: 0 0 1em 0;
}

     .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 1em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 0.8em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 2.5em;
}

}


}

@media only screen and (max-width: 600px) and (orientation: portrait) {


    .flex.flex-3 .col {

            font-size: 0.7em;
            padding-left: 2em;

		}

        .flex {

        width: 115%;
        margin-left: -2em;
	}



  .test {

     display: block;
    clear: both;
}
  #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

	clear: both;
	padding: 1px 0 0 0;

}

    #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 160px;

    }

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}

    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 180%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}


#menu .ocultar {

	display:none;
}



 .logo-menu-plant {
	width: 56%;
	margin: -7em 0 0 15em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.77em;
	top: 2em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.2em 0 0 0;
}

.section .span888 {
    color: #dde1e8;
    margin-top: -1em;
    padding: 0 0 1em 0;
}



}


@media only screen and (max-width: 500px)and (orientation: portrait){


    .flex.flex-3 .col {

            font-size: 0.7em;
            padding-left: 2em;
          width: 50%;


		}

        .flex {

        width: 115%;
        margin-left: -2em;
	}



  .test {

     display: block;
    clear: both;
}
  #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

	clear: both;
	padding: 1px 0 0 0;

}

    #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 160px;

    }

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}

    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 180%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}


#menu .ocultar {

	display:none;
}



 .logo-menu-plant {
	width: 56%;
	margin: -7em 0 0 14em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.85em;
	top: 1.5em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 0.8em 0 0 0;
}

.section .span888 {
    color: #dde1e8;
    margin-top: -1em;
    padding: 0 0 1em 0;
}

     .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 1em;
        padding-left: 1em;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 1em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 0.6em;
}

}

@media only screen and (max-width: 460px)and (orientation: portrait) {

     #form {
	border: 3px double #eaeaea;
	background-color: #192d3d;
	padding: 0;
	width: 100%;
	webkit-border-radius: 15px;
	moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);

    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);

	}



#form h2{
	font-size: 2em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 25px;
}

#form .campo {
	border: 1px solid #999;
	line-height: 20px;
	font-size: 1rem;
	width:19rem;
    padding: 5px;
    height: 30px;
}




#form .com {
	border: 1px solid #999;
	padding: 0.3em;
	font-size: 14px;
	width:20rem;
	height: 10em;
	font-size: 1.5em;}



  #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

      clear: both;
	padding: 1px 0 0 0;

}

    .test {
   clear: both;

}

    #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 140px;

    }


  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

    .logo-menu-plant {
	width: 60%;
	margin: -7em 0 0 11.2em;
    line-height: 5px;

}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.75em;
	top: 1.2em;
    position: relative;
    left: 0.15em;

}

     .section .span88 {

    color: #dde1e8;
    margin-top: 4em;
    margin-bottom: -1em;
    border-top:1px solid #B5A1A1;
    padding: 1.3em 0 0 0;
}

.section .span888 {
    color: #dde1e8;
    margin-top: -1em;
    padding: 0 0 1em 0;
}

     .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.8em;
        padding-left: 0.3em;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 1em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 2.5em;
}


#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}


    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 170%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}

#menu .ocultar {

	display:none;
}

}

@media only screen and (max-width: 400px)and (orientation: portrait) {


    #form {
	border: 3px double #eaeaea;
	background-color: #192d3d;
	padding: 0;
	width: 100%;
	webkit-border-radius: 15px;
	moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);

    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.95);

	}

#form h2{
	font-size: 2em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 25px;
}

#form .campo {
	border: 1px solid #999;
	line-height: 20px;
	font-size: 1rem;
	width:18rem;
    padding: 5px;
    height: 30px;
}


#form .com {
	border: 1px solid #999;
	padding: 0.3em;
	font-size: 14px;
	width:18rem;
	height: 10em;
	font-size: 1.5em;}



  #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

      clear: both;
	padding: 1px 0 0 0;

}

    .test {
   clear: both;

}

   #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 140px;

    }

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

    .logo-menu-plant {
	width: 62%;
	margin: -95px 0 0 140px;
   line-height: 45px;
   top: 8em;
}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.7em;
	top: 1.4em;
    left: 0.15em;
     line-height: 1.2em
}

     .section .span88 {

    color: #dde1e8;
    border-top:1px solid #B5A1A1;
    padding: 1.5em 0 0 0;
         margin-top: 4em;
}

    .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.9em;
        padding-left: 0.5em;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 1em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 0;
}


#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}


    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 170%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}

#menu .ocultar {

	display:none;
}

 @media only screen and (max-width: 380px)and (orientation: portrait) {


    #form {
	border: 3px double #eaeaea;
	background-color: #192d3d;
	padding: 0;
	width: 100%;
	webkit-border-radius: 15px;
	moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.80);

    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.80);

	}

#form h2{
	font-size: 2em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 25px;
}

#form .campo {
	border: 1px solid #999;
	line-height: 20px;
	font-size: 1rem;
	width:15rem;
    padding: 5px;
    height: 30px;
}


#form .com {
	border: 1px solid #999;
	padding: 0.3em;
	font-size: 14px;
	width:15rem;
	height: 10em;
	font-size: 1.5em;}

    #tex1 {
	font-size: 1.2rem;
	margin: 0 0 0.5em 0;
	padding: 10px 0 0 10px;
	line-height: 25px;
	font-weight: bold;
}

  #menu .main-menu, .navbar-fixed-top, .navbar-fixed-bottom  {

      clear: both;
	padding: 1px 0 0 0;

}

    .test {
   clear: both;

}

  #toggle-menu,
#menu a {
  padding: 0.5em 1em;
  top: 1px;
  font-size: 0.9rem;

}

     #menu {

	width: 100%;
	margin-left: 0;
}

     .logo-menu {

    margin-left: 0;
	max-width: 200px;
    min-width: 140px;

    }


      .logo-menu-plant {
	width: 65%;
	margin: 0 0 0 126px;
    margin-top: -5.9em;


}


 .fittext6 {
	color: #FFF;
	font-family: inherit;
	font-size: 0.65em;
	top: 1.3em;
    left: 0.4em;
     line-height: 1.2em
}

     .section .span88 {

    color: #dde1e8;
    border-top:1px solid #B5A1A1;
    padding: 0.5em 0 0 0;
    margin-top: 3em;
    margin-bottom: auto;

}

     .flex {

        width: 100%;
        margin: 0 auto;
        font-size: 0.8em;
        padding-left: 0;
	}

     .col-md-1 {

   width: 100%;
    border-bottom: 1px solid #999;
    padding-left: 1em;
    margin: 0 -1.5em 0 0;
}

     .section .container-bottom {
	padding-top: 0;
	background-color: #1f1f1f;
    padding-left: 0;
}


   #image-center {

    width: 100% ;
   position: relative;
    text-align: center;
 padding: 0 0 0 0;
    line-height: -40px;
}


#toggle-menu
{
  padding-top: 1px;
  top: 15px;
  z-index: 9999;

}


    #menu  li{

	width: 90%;

	  }

 #menu .sub-menu li{

	padding: 5px 0 0 0;
	line-height: 12px;
	width: 170%;
	font-size: 15px;

	  }

    #menu .sub-menu2 li{

	padding: 3px 0 0 10px;
	line-height: 12px;
	width: 100%;
	font-size: 15px;

	  }

  #menu .sub-menu a{

	color: #93ccfb;
     width: 230px;
	  }

    #menu .sub-menu2 li a{

	color: #fff;
     padding-left: 25px;
	  }

    .menu-bl {

    color: #fff;
}

#menu .ocultar {

	display:none;
}

    .row-fluid .span5 {


  }

}