@charset "utf-8";

.primary-bg{
	
	background-color:#dbf450;
	background-image:url(../img/ln.png);
	background-repeat:repeat-x;
	background-position:bottom center;

}
.mb-0{
  padding-bottom:0;
}
.a-bar {
 
 color:#969699;	


}
.nav-link-social{
 color:#CCFF99;
}
.sin-espacio-up-donw{
   margin-top: 0px;
   padding-top:0px;	
   margin-bottom: 0px;
   padding-bottom:0px;	
}
/* carousel */
.carousel, .adaptable{

}

.carousel-inner, .adaptable
{   
   width:100%;	
   height:550px;
}
.min-carousel-inner, .adaptable2
{   
   width:100%;	
   height:280px; 
}
.navbar-nav .nav-item a{ 
  
  color:#666666; 
}
.verde .nav-pills .nav-item .active{
    background-color: #009900;
}
.oculto{
	visibility:hidden;
}

		
.menu_off
{
   display: none;
}
.menu_on
{
   display:block;
}
.alta
{
	background: #7FCF47;
	height: 50px;
	width: 100%;
}
.separador{
	height: 152px;
}	

@media (max-width: 1000px) {
.carousel-inner, .adaptable
{
   width:100%;	
   height: 650px;
}
.oculto{
	visibility:hidden;
}
	.menu_off
{
   display: none;
}
.menu_on
{
   display:block;
}
.alta{
		height: 50px;
}	
.separador{
	height: 152px;
}		
}
@media (max-width: 950px) {
.carousel-inner, .adaptable
{
   width:100%;	
   height: 380px;
}
	
.oculto{
	visibility:hidden;
}
	.menu_off
{
   display:block ;
}
.menu_on
{
   display:none;
}
.alta{
		height: 10px;
}
.separador{
	height: 110px;
}	
}
@media (max-width: 850px) {
	
.fixed-top{
  position: ;
  top: auto;
  right: auto;
  left: auto;
 
	}	
	
	.logo{
		width: 100%;
		
		
	}	
.carousel-inner, .adaptable
{
   width:100%;	
   height: 300px;
}
.titulo{
  font-size:14pt;	
}

.oculto{
	visibility:visible;
}
		
.menu_off
{
   display:block;
}
.menu_on
{
   display: none;
}
.alta{
		height: 10px;
}	
	.separador{
	height: 110px;
}	
}
@media (max-width: 400px) {
	
	h1 {
		font-size: 14px ;
	}
	
	.logo{
		width: 100%;
		
	}	
	
.carousel-inner, .adaptable
{
   width:100%;	
   height: 180px;
}
.titulo{
  font-size:14pt;	
}
.oculto{
	visibility:visible;
}
	
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100px;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.5;
	object-position: center center;
	
margin: 0px;
}	
	
	
.separador{
		height: 120px;
	}		
	
		
.menu_off
{
   display:block;
}
.menu_on
{
   display: none;
}	
.alta{
		height: 10px;
}

	.navbar{
		 max-height: 340px;
    overflow-y: scroll;
	}
	
}
/** targetas  **/

.cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width:100%;
}
.card {
	-webkit-box-flex: 1;
-ms-flex:1 0 calc(33.33333333% - (10px + 20px));
flex:1 0 calc(33.33333333% - (10px + 20px));
	min-width: 200px;
	max-width: 500px;
	margin: 10px;
	border: 1px solid #ccc;
	width:100%;
	 cursor: pointer;
}
.minicard {
	-webkit-box-flex: 1;
-ms-flex:1 0 calc(33.33333333% - (10px + 20px));
flex:1 0 calc(33.33333333% - (10px + 20px));
	min-width: 100px;
	max-width: 100px;
	margin: 10px;
	border: 1px solid #ccc;
	cursor: pointer;
	/*background-image:url(../tsg/img/bgfoto.jpg);*/
	background-position:center center;
	background-repeat:no-repeat;
}
.card2 {
	-webkit-box-flex: 1;
-ms-flex:1 0 calc(33.33333333% - (10px + 20px));
flex:1 0 calc(33.33333333% - (10px + 20px));
	
	margin: 10px;
	border: 1px solid #ccc;
	width:100%;
}
.card:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.35)
}
.card2:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.35)
}
.card-col-2 {
-ms-flex-preferred-size:calc(50% - (10px + 20px));
flex-basis:calc(50% - (10px + 20px))
}
.card-col-1 {
-ms-flex-preferred-size:calc(100% - (10px + 20px));
flex-basis:calc(100% - (10px + 20px))
}
.card-unbordered, .card-unbordered:hover {
	box-shadow: none;
	border: 0
}
.card-unbordered ul {
	list-style-type: none;
	padding: 0
}
.card-nohover:hover {
	box-shadow: none
}
.card img {
	max-width: 100%
}
.card-body {
	padding: 20px;
	font-size: .9em
}
.card-title {
	padding: 20px;
	background: #f7f7f7
}
.card-title>h2 {
	margin: 0
}
.card h2>a:hover, .card h3>a:hover, .card h4>a:hover {
	border-bottom-color: transparent
}
.card-body>h2 {
	font-size: 1.2em;
	margin: 0 0 .5em 0
}
a.wrapper {
	text-decoration: none;
	color: currentColor
}
a.wrapper>div {
	color: currentColor
}
/* fieldset */
    fieldset 
	{
		border: 1px solid #ddd !important;
		margin: 0;
		xmin-width: 0;
		padding: 10px;       
		position: relative;
		border-radius:4px;
		background-color:#f5f5f5;
		padding-left:10px!important;
	}	
	
		legend
		{
			font-size:14px;
			font-weight:bold;
			margin-bottom: 0px; 
			width: 35%; 
			border: 1px solid #ddd;
			border-radius: 4px; 
			padding: 5px 5px 5px 10px; 
			background-color: #ffffff;
		}
.imgnormalizada img {
  width: auto;
  height: 205px;
  max-height: 205px;
  margin: 0px;
}