img { 
  	max-width: 100%;
    height: auto;
    width: auto\9; 
}
body{

	position: relative;
	font-family: Tahoma;
}
a {
	text-decoration: none;
}

.idVisual{
	font-size: x-large;
	font-family: Tahoma;
	font-weight: bold;
	padding-top: 2%;
}


.menu{
	font-size: medium;
	font-family: Tahoma;
	padding-top: 2%;
	
}
.padding{
	padding: 5px 5px 5px 5px ;

}
.logo{
	padding-top: 1%;
}

.idVisualGreenBig{
	color: #8BB200;
	font-family: Tahoma;
	font-size: xx-large;
}
.idVisualGreenBig2{
	color: #8BB200;
	font-family: Tahoma;
	font-size: 350%;
	line-height:10px;
}
.idVisualGreen{
	color: #8BB200;
	font-family: Tahoma;
	font-size: x-large;
}

.GreenBack{
	background-color: #8BB200;
	text-decoration: none;
    
}
.idVisualBlack{
	color: #000;
	font-family: Tahoma;
	font-size: x-large;
	text-align: center;
}
.idVisualBlackSmall{
	color: #000;
	font-family: Tahoma;
	font-size: large;
	text-align: center;
}

.YellowBack{
	background-color: #FBCA00;
    
}
.BlackBack{
	background-color: #000;
    
}
.centrada{
	margin-left: 50%;
	margin-right: 50%;

    
}
.nopadding{
   padding: 0 !important;
   margin: 0 !important;
}
.padding_social{
   padding: 0 !important;
   margin: 2% !important;
}
.idVisualBlackBig{
	color: #000;
	font-family: Tahoma;
	font-size: xx-large;
	text-align: center;
}
.idVisualBlackBig2{
	color: #000;
	font-family: Tahoma;
	font-size: 350%;
}
.idVisualGrey{
	color: #666;
	font-family: Tahoma;
}
.idVisualGreyBig{
	color: #666;
	font-family: Tahoma;
		font-size: xx-large;
}
.idVisualYellow{
	color: #FBCA00;
	font-size: x-large;
	padding-top: 1%;
	margin-left: auto;
	font-family: Tahoma;
	font-weight: bold;
	text-align: center;
}
.idVisualYellowBig{
	color: #FBCA00;
	font-size: 250%;
	font-weight: bolder;
	font-family: Tahoma;
}
.idVisualGrayBig{
	color: #555;
	font-size: 250%;
	font-weight: bolder;
	font-family: Tahoma;
}


.idVisualWhite{
	color: white;
	font-size: medium;
	font-family: Tahoma;
	text-align: center;

}
.idVisualWhiteBig{
	color: white;
	font-size:250%;
	font-weight: bolder;
	font-family: Tahoma;
	text-align: center;
}

.fondo_campanas{
	background-image: url("../images/Fondo_campanas.jpg");

	background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

	margin-top: 0%;
	padding-top: 0%;
}

.catalogo{
	background-image: url("../images/Fondo_mas_vendidos.jpg");

	background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

	margin-top: 0%;
	padding-top: 0%;
}


.ogo{
	background-image: url("../images/Fondo_mas_vendidos.jpg");

	background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

	margin-top: 0%;
	padding-top: 0%;
}

.catalogo2{
	background-image: url("../images/Fondo_mas_vendido2.jpg");
	background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	margin-top: 0%;
	padding-top: 0%;
}

.vendidos{
	background-image: url("../images/MasVendidosFondo.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
    background-position: center center;
	/*background-repeat: no-repeat;
    background-position: center center;    
    background-size: auto;
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
}
.MasVendidos{
	background-color: #000;
}

.backsociales{
	background-image: url("../images/FondoSocialesConAmarilloYtxts.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
    background-position: center center;

}

.sociales img {
	width: 100%;

}
.backecologico{
	background-image: url("../images/ecologicos.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
    background-position: center center;

}
.bgimage-inside-ecologico{
	padding-top: 17.38%; 
} 

.bgimage-inside{
	padding-top: 21.70%; 
} 



.ideas{
	background-image: url("../images/FondoIdeas.jpg");
	background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: auto;

	padding-top: 3%;

}






.vendidos{
	background-image: url("../images/MasVendidosFondo.jpg");
	background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size:100% 100%;

    /*background-size: auto;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
}


.ivendidos{
margin-top: 5%;
margin-bottom:5%;

}


.somos{
	margin-top: 50px;
}
.idSomos{
	margin-top: 50px;
}

.articulo{

	max-width: 308px; 
	max-height: 308px;
	min-width: 108px; 
	min-height: 108px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.Himpresos{
	width: 100%; 
	height: 100%;
	padding-top: 50px;
	padding-bottom: 5px;
}
.Iimpresos{
	max-width: 346px; 
	max-height: 217px;
	padding-top: 50px;
	padding-bottom: 5px;
}
.Aimpresos{
	color: #666;
	font-size: large;
	padding-left: 20px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
     margin-top: 5%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: -webkit-center;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=textarea], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=enviar] {
    width: 5%;
    background-color: #f5b021;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=enviar]:hover {
    background-color: #45a049;
}
// Usage as a mixin
.element {
  .center-block();
}

 #contact{
    padding:10px 0 10px;
  }

  .contact-text{
    margin:45px auto;
  }

  .mail-message-area{
    width:100%;
    padding:0 15px;
  }

  .mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
  }

/* Input Styles */

  .form{
    width: 100%;
    padding: 15px;
    background:#f8f8f8;
    border:1px solid rgba(0, 0, 0, 0.075);
    margin-bottom:25px;
    color:#727272 !important;
    font-size:13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .form:hover{
    border:1px solid #8BC3A3;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #8BC3A3;
  }

  .textarea{
    height: 200px;
    max-height: 200px;
    max-width: 100%;
  }
  
/* Generic Button Styles */

  .button{
    padding:8px 12px;
    background:#0A5175;
    display: block;
    width:120px;
    margin:10px 0 0px 0;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align:center;
    font-size:0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .button:hover{
    background:#8BC3A3;
    color:white;
  }

/* Send Button Styles */

  .form-btn{
    width:180px;
    display: block;
    height: auto;
    padding:15px;
    color:#fff;
    background:#8BC3A3;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .form-btn:hover{
    background:#111;
    color: white;
    border:none;
  }

  .form-btn:active{
    opacity: 0.9;
  }
center{
  margin-top:330px;
}
input {
    position: relative;
    z-index: 9999;
}

/* Carousel */

.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
	left: -12px;
    height: 15%;
	width: 2%;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {
	right: -12px;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}