body {
  background-color: #222;
  padding: 0;
  margin: 0;
  font-family:'Quicksand', sans-serif;
  color: #ccc;
}

h1,h2,h3,h4,h5,h6 { 
  font-weight:normal;
  padding: 0;
  margin: 0;
  color: #fff;
}

h1,h2,h3 { 
  font-family: 'Francois One', sans-serif;
  text-transform: uppercase;
}

h4,h5,h6 {
  font-family: 'Carrois Gothic', sans-serif;
  color: #ccc;
}

.titulo {
  font-size: 28px;
  letter-spacing: 1px;
  color: #023718;
  text-shadow: 1px 1px 2px #62FC30;
  text-align: center;
}

h3 {
	font-size: 28px;
	margin-bottom: 20px;
	color: #023718;
  text-shadow: 1px 1px 2px #62FC30;
  letter-spacing: 3px;
}

h3 span {
  font-size: 24px;
}

h4 {
  font-size: 23px; 
  margin-bottom:20px;
  line-height:30px;
}

h5 {
  font-size: 1.7em;
  line-height: 1.2em;
}

small {
  color: #777;
  font-size: 13px;
}

p {
	font-size: 1.3em;
  text-align: justify;
  line-height: 1.3em;
  margin-bottom: 25px;
}

.p_plantas {
  font-size: 1.3em;
  line-height: 2em;
  letter-spacing: 1px;
  text-align: left;
}

blockquote {
  padding: 0px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #aaa;
  font-size: 1.3em;
  line-height: 22px;
  letter-spacing: 1px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 200;
}




.spacer {
  padding: 4em 0 8em 0;
}

.center {
  text-align: center;
}

.thumbnail { 
  background-color:#fff;
}


.a_derecha {
  margin-right: .5em;
}



/*home*/
.overlay {
  width: 80%; 
  z-index: 100;
  position: relative;
}

.homeinfo {
  padding:200px 0 200px 0;
}

.homeinfo .player {
  margin-top: 70px;
  padding-left:6em;
  position: relative;
}

.homeinfo .player img.graphics {
  position: absolute;
  bottom: 167px;
  right: -14px;
}

.fronttext {
  width:100%;
}

.fronttext h2 {
  width:100%;
  font-size:60px; 
  line-height:60px;
  display: inline-block;
  padding:5px 10px;
}

.fronttext p {
  margin:0;
  background-color: rgba(0,0,0,0.7);
  display: inline-block;
  padding: 15px;
}

.fondoverde {
  background:rgba(0,102,0,0.7); 
  border-radius: 10px; 
  padding: 30px;
}

/*home*/

/*video*/
.derecha {
  margin-left:7em;
}
/*video*/


/*audio*/
.audio { 
  padding: 0; 
  margin: 0; 
  padding-top: 2em;
}

.look {
  background-color: #222; 
  padding:10px;
  overflow-y:hidden;
  font-size:.9em; 
  height: auto; 
  border: 0;
}

.lista {
  color: #fff; 
  line-height: 1.5em; 
  letter-spacing: 1px;
  font-size: 1.1em;
}




.bgcolor {
  background-color: #339900;
}

.textcolor {
  color: #f2ab00;
}

a:link, a:visited {
  color: #f2ab00; 
  text-decoration:none
}

a:hover, a:active {
  color:#fff;
  text-decoration:none
}





/*nav*/
.navbar-brand {
  padding: 10px 15px;
}

.navbar-nav > li > a {
  font-size: 1.2em; 
  letter-spacing: 1px;
}

.navbar-inverse {
  background: #000;
  border:none; 
  position: fixed;
}
/*nav*/

/*plantas*/
.blogevent {
  color: #ccc;
}

.blogevent ul{
  padding: 1em 1.3em; 
  list-style: none; 
  margin-top: 35px;
}

.blogevent ul li{
  font-size: 13px;
}

.blogevent ul li p{
  margin: 15px 0;
  line-height: 1.3em;
}

.events ul li{
  background-color: #191919;
  margin-bottom: 1px;
}

.events ul li h5{
  margin: 7px 0;
}

.events ul li .date{
  text-align: center;
  line-height: 38px;
  color: #444;
  text-shadow: 0px -1px 0px #000;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #111
}
.events ul li .date b{
  display: block;
  font-size: 30px;
}

.events ul li .date span{
  font-size: 22px;
}


.ourblog ul li{
  padding: 0; 
  margin-bottom: 20px;
}

.ourblog ul li img{
  float: left;
}

.padding0{
  padding-left: 0; 
  padding-right: 0; 
  margin: 0;
}

/*.ourblog ul li .blogtext{overflow: hidden;}
/*blog*/


/*modal*/
.imgmodal{
  width: 100%;
}

.modal-dialog{
  max-width: 800px; 
  width: 95%;
}

.modal-content{
  overflow: auto; 
  padding:0 20px;
  color: #444;
}

.modal-content h2{
  color: #222;
  margin: 15px 0;
}

button.close{
  position: absolute;
  right: 0;
  background: #FFF;
  width: 25px;
  height: 25px;
  line-height: 9px;
}

#blog small{
  margin-bottom: 10px;
  display: block;
}
/*modal*/





/*contact
.contactform textarea,.contactform input{width: 100%;padding:2%;border:1px solid #ccc;margin-bottom: 20px;border-radius: 5px;outline: none;}
.contactform .map{border:none;-webkit-box-shadow:0;box-shadow:0;margin-top: 50px;}
.contactform button{border:none;width: 30%; padding: 7px 0;font-size: 25px;}
.contactform iframe{float: left;}
/*contact*/

/*contacto*/
.correo {font-size: 1.3em; letter-spacing: 3px; margin-bottom: -1em ;}
.contacto h4{font-size: 2em; text-transform: uppercase; letter-spacing: 3px; text-shadow: 1px 1px white, -1px -1px #333; margin-top: 1em;}
.contacto h5 img{margin: 1em 0;}
.contacto h5{letter-spacing: 2px; line-height: 30px;}
#contacto h3{font-size: 2em; letter-spacing: 2px; margin-bottom: 2em;}



/*footer*/
#footer{background-color: #222; height: auto; padding: 5px 0; color: #fff; font-size: 14px;color: #aaa;margin-top: 50px; z-index: 100;position: relative;}
.h2footer {font-size: 1em; padding-top: 1em;}
.pfooter {text-align: center;}


/*background slider*/
.imgcarousel {background-size: cover;}
.carousel{position: fixed; top: 0; left: 0;right: 0;bottom: 0; z-index:10;width: 100%;}
.carousel .item {-webkit-transition: opacity 2s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%; background-size: cover; background-attachment: fixed;}
/*background slider*/

/*animation*/
#servicios,.album,.blogevent ul li,h3,h4{visibility: hidden;}
.animated{visibility: visible !important;}
/*animation*/


@media (max-width: 1200px){
  .bottom {margin: 0 0 1em 0;}
  .derecha{margin-left:1em;}
}
@media (max-width: 1100px){
  .derecha{margin-left:-3em;}
}
@media (max-width: 860px){
  .derecha{margin-left:-6em;}
}


@media (max-width: 767px){
  .bottom2 {margin-bottom: 8em;}
  .ourblog ul li img{float: left; margin-top: 35px;}
  #myCarousel {display: none;}
  body {background: url(images/back2.jpg);
  background-attachment: fixed;}
  .derecha{margin: 0 auto;}
  .homeinfo{padding: 100px 0 50px;}
  .sinvideo{margin-left: -5em;}
}

@media (max-width: 700px) {
	
	.events ul li,.events ul li .date{background: none;}
	.events ul li .date b{display: inline;font-size: 22px;border-right: 1px solid #333;padding-right: 10px;margin-right: 10px;}
    .bottom {margin-bottom: 2em}
}

@media (max-width: 600px) {
  .overlay{width: 90%;}
  .correo {font-size: 3vw; letter-spacing: 1px;}
  #contacto h3{font-size: 5vw}
  .contacto h4{font-size: 1em; margin: 2em 0;}
  .contacto h5{font-size: 3vw; letter-spacing: 1px; line-height: 30px;}
  .cero {margin: 0; padding: 0;}
  .titulo {
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.5em;
  color: #023718;
  text-shadow: 1px 1px 2px #62FC30;
  text-align: center;
} 

p {
  font-size: 1.3em;
  text-align: left;
  line-height: 1.3em;
  margin-bottom: 25px;
}

h3 {font-size: 5vw}
}

@media (max-width: 460px) {
  .overlay{width: 100%;}
  .parrafo {font-size: 3.7vw; text-align: left;}
  #clientes ul{ padding-left: 10px;}
  .fondoverde{padding: 15px;}
  .sinvideo{display: none;}
  .homeinfo{padding:100px 0 20px 0;}
  .blogevent ul{padding: .5em 1.3em; list-style: none; margin-top: 0;}
  
}