/************** propiedades destacadas **************************/	

#azul{	 	   
	    background: #337ab7;   
	}
#verde{	 	   
    background: #5cb85c;   
}
#celeste{	 	   
    background: #5bc0de;   
}
#amarillo{	 	   
    background: #f0ad4e;   
}
#rojo{	 	   
    background: #d9534f;   
}

.tag{
   text-align: right;
   position: absolute;
   z-index:3;
   padding: 5px;	  
   color:#fff;
   font-size: 17px;		
}
.thumbnail {
	border:none;
	border-radius:none;
}






/************** Banner Top **************************/	
/* Half Page Height Carousel Customization */

#banner-top{
	min-height:450px;
	background-color:#3D3D3D;
	
	}
	
#banner-top .container-fluid {
	padding-left:0px;
	padding-right:0px;

	}

.angulo{
	background-image: url(../../img/slide/angulo.png);
  	background-position: bottom center;
  	background-repeat: no-repeat;
  	width: 100%;
  	height: 450px;
  	position: absolute;
  	z-index: 10;
}
	
.carousel {
  height: 450px;

}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .9s;
  -o-transition: opacity ease-in-out .9s;
  -webkit-transition: opacity ease-in-out .9s;
  transition: opacity ease-in-out .9s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .9s;
  -o-transition: opacity ease-in-out .9s;
  -webkit-transition: opacity ease-in-out .9s;
  transition: opacity ease-in-out .9s;
  z-index:2;
}


.carousel-caption {
	bottom:20%;
	text-align: center;
  padding:0px;
	
}

.carousel-control {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 50px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=0);
  opacity: 0;
  z-index:12;

}

.carousel-control.right,
.carousel-control.left{
background-image: none;

}

.carousel-control i{
	margin-top:120px;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

#banner-top h2{
	font-size:40px;
	font-size:4.0rem;
	line-height:34px;
	font-weight:300;
	margin:0px;
	text-align:left;
	background-color:rgba(38,38,38,.6);
	padding:20px 20px;
	text-shadow: 0 1px 5px rgba(0, 0, 0, .8);
	display:inline-block;
	}
	

	
#main-slider {
  color: #fff;
}

/************** Main content **************************/

#main-content{
	margin:0px;
	min-height:200px;
	padding-bottom:30px;
	background-color:#f8f8f8;
	padding-top:0px;
	}
	
#main-content .titulo{
	margin:10px auto 20px;
	
	}
	
#main-content .bienvenida p{
	font-size:15px;
	font-size:1.5rem;
	line-height:26px;
	font-weight:400;
	text-align: justify;
	}

#main-content .bienvenida li{
	font-size:15px;
	font-size:1.5rem;
	line-height:26px;
	font-weight:400;
	list-style-type: inside;
	}
	
#main-content .bienvenida h2{
	font-size:23px;
	font-size:2.3rem;
	line-height:26px;
	font-weight:300;
	padding: 10px 28px;
	background-color: #ce3d40;
	display: inline-block;
	color: #ffffff;
	}


#main-content .bienvenida .table-striped > tbody > tr:nth-child(odd) {
    background-color: #C9C9C9;
}

#main-content .bienvenida .table-striped > tbody > tr > td {
	padding: 10px 20px;
	color: #191919;
	font-size:16px;
	font-size:1.6rem;
}

/*CONTACTO*/
#main-content .derecha{
	padding-top: 30px;
}

#main-content .derecha #commentForm .ficha{
  font-size:13px;
  font-size:1.3rem;
  color:#1A1A1A;
  }

#main-content .derecha #commentForm div{
  margin-bottom:4px;
  }

  
#main-content .derecha #commentForm label.error {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  background-color: rgba(238,243,46,.85);
  margin:-40px 0px 0px 30%;
  padding:9px 8px;
  border-radius:5px;
  font-weight:400;
  font-style:italic;
  color:rgba(51,51,51,1);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
   animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
  }



#formulario label.error {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  background-color: rgba(238,243,46,.85);
  margin:-40px 0px 0px 30%;
  padding:9px 8px;
  border-radius:5px;
  font-weight:400;
  font-style:italic;
  color:rgba(51,51,51,1);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
   animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
  }
  
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Extra Small devices (phones) */
@media (max-width: 767px) { 
  
   #main-slider .prev,
  #main-slider .next {
  	
  }

  #testimonios .testimonial-content blockquote:after {
  	top: 0%;
  }

  #testimonios .testimonial-content .nombre{
  	padding:6px 10px;
  	background-color:#62bfe6;
  	color: #FFFFFF;
  	font-size:14px;
  	font-size:1.4rem;
  	margin-top:0%;
  	border-radius:5px;
  	position:absolute;
  	z-index:10;
  }



  
}

#logos{
    padding: 50px 0px;
    text-align: center;
}

#logos div img{
    margin-left: auto;
    margin-right: auto;
    max-height: 100px;
}

#logos .grupo{
    vertical-align: middle;
}

#logos .grupo a img{
    display: inline;
    vertical-align: middle;
    max-height: 100px;
}

#logos .grupo a:not(:last-child) { 
  margin-right: 30px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	


}

/* medium devices (desktop and up) */
@media (min-width: 992px) {


}

@media (min-width: 1200px) {

	
}