@import url('bootstrap.min.css');


/*	Navbar Adjustments
		============================================= */

		/* Top Padding for responsive navbar-top-fixed */

body{
	background: #70b74d;
	padding-top: 95px; /* 98px to make the container go all the way to the bottom of the topbar */
	background-image:url('../img/stripe_bg.gif') ;
} 

@media (max-width: 979px) {
				  body {padding-top: 0;}
				}

				@media (max-width: 480px) {
					/* size down hero unit contents to fit a narrow viewport */
  			  .hero-unit {
					  padding: 0;
					  margin: 0;
					  background: transparent;
				  }
				  .hero-unit h1 {
					  font-size: 250%;
				  }
				  .hero-unit h2 {
					  font-size: 180%;
				  }
				}


/* THE END */

.newboxes {display: none;}

/* ############### */
/* LIGHTBOX        */
/* ############### */

.lightbox .modal{left: 41%; width: 850px;}
.lightbox .modal p{font-size: 13px;}

/* ############### */
/* #Slideshow Text */
/* ############### */

#slideText{background:#D7F0CA;}
/*#slideText a{background:red;}*/
#slideText #text{width:29.624%;}

/* ############### */
/* #PRODUCTOS      */
/* ############### */

#productos a{
	margin-bottom: 25px;
	text-decoration: none;
	color: green;
}

#productos a:hover{
	background: #aae88d;
	border-color: #008000;
	-webkit-box-shadow: 0 3px 4px rgba(145, 145, 145, 0.25);
	   -moz-box-shadow: 0 3px 4px rgba(145, 145, 145, 0.25);
	        box-shadow: 0 3px 4px rgba(145, 145, 145, 0.25);
	-webkit-transition: background 0.9s ease;
	   -moz-transition: background 0.9s ease;
	     -o-transition: background 0.9s ease;
	        transition: background 0.9s ease;
}

/* ############### */
/* FORM BACKGROUND */
/* ############### */

#background{
padding-top: 10px;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	  border: 1px solid white;
	  box-shadow: 0 0 3px rgba(51, 51, 51, 0.2);
}
 
 
 /* ############### */
 /* DROP DOWN MENU */
 /* ############### */
 
 .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
     background-color: #008000;
     color: #FFFFFF;
 }
 
 .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
     background-color: #008000;
     background-image: linear-gradient(center top , #00b500, #008000);
     background-image: -o-linear-gradient(center top , #00b500, #008000);
     background-image: -moz-linear-gradient(center top , #00b500, #008000);
     background-image: -webkit-linear-gradient(center top , #00b500, #008000);
     background-image: -ms-linear-gradient(center top , #00b500, #008000);
     background-repeat: repeat-x;
     color: #FFFFFF;
     text-decoration: none;
 }
 
 .dropdown-menu {
     background-clip: padding-box;
     background-color: #d7f0ca;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 6px 6px 6px 6px;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     display: none;
     float: left;
     left: 0;
     list-style: none outside none;
     margin: 2px 0 0;
     min-width: 160px;
     padding: 5px 0;
     position: absolute;
     top: 100%;
     z-index: 1000;
 }
 
 .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
     background-color: #008000;
     background-image: linear-gradient(center top , #00b500, #008000);
     background-image: -o-linear-gradient(center top , #00b500, #008000);
     background-image: -moz-linear-gradient(center top , #00b500, #008000);
     background-image: -webkit-linear-gradient(center top , #00b500, #008000);
     background-image: -ms-linear-gradient(center top , #00b500, #008000);
     background-repeat: repeat-x;
     color: #FFFFFF;
     outline: 0 none;
     text-decoration: none;
 }
 
 /* ############### */
 /* TOP NAVAGATION */
 /* ############### */
     .navbar .brand {
         margin: 0;
         padding: 0 0 0 10px;
         text-indent: -9999px;
     }
 
     .navbar .brand .logo {
         background-image: url("../img/logo_agrotecnica.png");
         display: block;
         height: 91px;
         width: 330px;
         margin-left: -11px;
     }
     .navbar .nav > li > a {
         font-size: 16px;
         padding: 13px;
         color: #008000;
         text-shadow: none;
 
     }
      .navbar .nav{
      margin-top: 45px;
      }
     
     .navbar .nav > li > a:hover {
        background: #008000;
        background-image: linear-gradient(center top , #00b500, #008000);
        background-image: -o-linear-gradient(center top , #00b500, #008000);
        background-image: -moz-linear-gradient(center top , #00b500, #008000);
        background-image: -webkit-linear-gradient(center top , #00b500, #008000);
        background-image: -ms-linear-gradient(center top , #00b500, #008000);
        background-repeat: repeat-x;
        color: #FFFFFF;
        -webkit-transition: background 0.5s ease;
           -moz-transition: background 0.5s ease;
             -o-transition: background 0.5s ease;
                transition: background 0.5s ease;
      }
     
     .navbar .nav > li > a, .navbar .dropdown-menu a {
         -webkit-transition: background 0.5s ease;
            -moz-transition: background 0.5s ease;
              -o-transition: background 0.5s ease;
                 transition: background 0.5s ease;
     }
     
     .socialMedia {
      color: #F8F8F8;
      display: block;
      float: right;
      font-size: 16px;
      margin-left: 5px;
      margin-top: -1px;
      padding: 6px 10px;
      width: auto;
     }
    
     .socialMedia:hover {color: #FFFFFF; text-decoration: none;}
     .facebook {background-color: #5685D3;}
     .facebook:hover {
     background-color: #7aacff;
     -webkit-transition: background 0.9s ease;
        -moz-transition: background 0.9s ease;
          -o-transition: background 0.9s ease;
             transition: background 0.9s ease;
     }
     .grupoperfesa {background-color: #008000;}
     .grupoperfesa:hover {
     background-color: #00b500;
     -webkit-transition: background 0.9s ease;
        -moz-transition: background 0.9s ease;
          -o-transition: background 0.9s ease;
             transition: background 0.9s ease;
     }
     .twitter {background-color: #4099FF;}
     .twitter:hover {
     background-color: #8cc2ff;
     -webkit-transition: background 0.9s ease;
        -moz-transition: background 0.9s ease;
          -o-transition: background 0.9s ease;
             transition: background 0.9s ease;
     }
     
  .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
   background-color: #008000;
   color: #FFFFFF;
   text-shadow: 0px;
   background-image: linear-gradient(center top , #00b500, #008000);
   background-image: -o-linear-gradient(center top , #00b500, #008000);
   background-image: -moz-linear-gradient(center top , #00b500, #008000);
   background-image: -webkit-linear-gradient(center top , #00b500, #008000);
   background-image: -ms-linear-gradient(center top , #00b500, #008000);
   background-repeat: repeat-x;
 }
 
 .navbar .navbar-inner {
   background: none repeat scroll 0 0 #FFFFFF;
   border-bottom: 4px solid #333333;
 }
 
 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{
 background-color: #008000;
 color: #FFFFFF;
 }
 
 .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
 	background: #008000;
 	color: #FFFFFF;
 }

  
/* ###################  */
/* Cajitas de contactos */
/* #####################*/	
 #contacts-small-bg{background: #FFFFFF; }

 
/* #############  */
/* $Quienes Somos */
/* ###############*/	
.tap2{
background-color: #FFFFFF;
background-image: -moz-linear-gradient(center top , #FFFFFF, #F2F2F2);
border-top: 2px solid #2C711B;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
padding-bottom: 10px;
}


.tap2 > .nav-pills > li > a {
    border-radius: 0px;
    margin-top: 0px;
    text-align: center;
    }
    
.tap2 > .nav-pills > li {
    width: 100%;
    }    
    
.tap2 > .nav > li > a{
    background-color: #2C711B;
    color: #FFFFFF;

}


.tap2 > .nav {
    list-style: none outside none;
    margin-bottom: 20px;
    margin-left:44%;
    margin-right:44%;
    }    
    
 .tap2 img{margin-bottom: 25px;} 
 	
	
/* ########  */
/* $CONTACT */
/* #########*/

address{text-align:center; color:#FFFFFF;}


/* ########### */
/* Background color */
/* ########### */

.inner {background: #008000;}

/* ########### */
/* $Forms */
/* ########### */

legend{
text-align: center;
color: #FFFFFF;
background-color: black;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}


.help-block{
	color: red;
}

/* ########### */
/* $FOOTER     */
/* ########### */
footer {background:#333333;}
footer .row{margin-top:15px;}
footer p {color:#FFFFFF;font-size:15px;}
footer a{color:#8CC63F;text-decoration:none;}
footer a:hover{
color:#00b52f;
text-decoration:underline;
-webkit-transition: color 0.4s ease;
   -moz-transition: color 0.4s ease;
     -o-transition: color 0.4s ease;
        transition: color 0.4s ease;
}
footer address{text-align: right;}
footer #copyright p{color:#6b6b6b; font-size:11px;   margin-top:20px ;}

/* ########### */
/* Marcas      */
/* ########### */

.thumbnail{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 3px rgba(51, 51, 51, 0.80);
}
              
 .thumbnail p{
  font-size: 12px;
  line-height: 18px;
}

/* ########### */
/* RESONSIVE   */
/* ########### */




    /* Portrait tablet to landscape and desktop */
    @media (max-width: 979px) {
    .tap2 > .nav {margin-left: 2px;}
    .tap2 > .nav-pills > li {width: 100%;}
    
    .tap1 .nav > li > a {margin-left: 0px;}
     footer address{margin:0 -25px 0 30px;}
     #slideText #text{width:90%;}
     .tap2 > .nav {margin-left:30%; margin-right:30%;} 
     .facebook{width:100%;text-align:center;}
     .twitter{width:100%;text-align:center;}
     .grupoperfesa{width:100%;text-align:center;}
    }
    
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
    
    .tap2 > .nav {margin-left: 2px;}
    .tap2 > .nav-pills > li {width: 100%;}
    
    .tap1 .nav > li > a {margin-left: 0px;}
     footer address{margin:0px;}
     #slideText #text{width:100%;}
     .tap2 > .nav {margin-left:30%; margin-right:30%;} 
     .facebook{width:100%;text-align:center;}
     .twitter{width:100%;text-align:center;}
     .grupoperfesa{width:100%;text-align:center;}
    }
    
    /* Landscape phones and down */
    @media (max-width: 480px) { 

    .tap2 > .nav {margin-left: 2px;}
    .tap2 > .nav-pills > li {width: 100%;}
    
    .tap1 .nav > li > a {margin-left: 0px;}
     footer address{margin:0px;}
     
     #slideText #text{width:100%;}
     .tap2 > .nav {margin-left:30%; margin-right:30%;}
     .facebook{width:100%;text-align:center;}
     .twitter{width:100%;text-align:center;}
     .grupoperfesa{width:100%;text-align:center;}  
    }