@import url(https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple);
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  font-family: "Arial Rounded MT Bold", sans-serif;
  margin: 0; }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

section, article {
  margin-bottom: 30px; }

label, input, textarea {
  display: block; }

h1, h2, h3, h4 {
  color: #000000; }

h5 {
  color: #000000;
  text-align:left;}

main {
  margin-bottom: 2em; }

.contenedor {
  margin: auto;
  width: 99%; }
  @media screen and (min-width: 1024px) {
    .contenedor {
      width: 80%; } }
  @media screen and (min-width: 1280px) {
    .contenedor {
      width: 80%; } }

.contenedor1 {
  margin: auto;
  width: 99%; }
  @media screen and (min-width: 1024px) {
    .contenedor1 {
      width: 100%; } }
  @media screen and (min-width: 1280px) {
    .contenedor1 {
      width: 100%; } }
      
      
.contenedor2 {
    
  margin: 120px auto;
  
  
  width: 99%; }
  @media screen and (min-width: 1024px) {
    .contenedor2 {
      width: 80%;
      } }
  @media screen and (min-width: 1280px) {
    .contenedor2 {
      width: 80%; } }
	  
.mapa {
 background: #fbfbfb;
  margin: 15px auto;
  width: 100%;
  padding: 20px;
  
  max-width: 500px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

  
.main {
  text-align: center; }
  .main [class*="icon-"] {
    color: #000000 }

@media screen and (min-width: 480px) {
  .grupo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

@media screen and (min-width: 1024px) {
  .grupo {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.grupo__titulo {
	text-transform: uppercase;
	font-size: 1.7em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	width: 100%;
	margin-top: 0;
	text-align: center;
	color: #000;
}
  @media screen and (min-width: 1024px) {
    .grupo__titulo {
      margin-bottom: 30px;
      font-size: 1.9em; } }

@media screen and (min-width: 320px) {
    .grupo__titulo {
      margin-bottom: 30px;
      font-size: 1.2em; } }
      
.grupo__descripcion {
  width: 100%;
  margin: 0;
  margin-top: -10px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  text-align: center; }
.texto{
	text-align:justify;
	margin-left: 10px;
	margin-right: 10px;
	
	}
.columna {
  background: #94C6F5;
  margin: 15px auto;
  width: 100%;
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  max-width: 300px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  .columna:hover {
    -webkit-box-shadow: 0 0px 15px 0.1px rgba(0, 0, 0, 0.7);
            box-shadow: 0 0px 15px 0.1px rgba(0, 0, 0, 0.7);
    -webkit-transform: scale(1.003);
        -ms-transform: scale(1.003);
            transform: scale(1.003); }
  .columna [class*="icon-"] {
    font-size: 40px; }
    
  @media screen and (min-width: 768px) {
    .columna {
      width: 100%;
      max-width: 300px;
      margin: 15px 0; } }
  @media screen and (min-width: 1280px) {
    .columna {
      width: 100%;
      max-width: 350px; } }

@media screen and (min-width: 768px) {
  .columna--4 {
    width: 100%;
    max-width: 350px; } }

@media screen and (min-width: 1024px) {
  .columna--4 {
    width: 100%;
    max-width: 350px;} }

@media screen and (min-width: 1024px) {
  .columna-ultima {
    margin-right: auto;
    margin-left: 50px; } }

@media screen and (min-width: 1280px) {
  .columna-ultima {
    margin-left: 75px; } }

.columna__titulo {
  margin-top: 0px;
  color: #000; }

.columna__link {
  color: #000; }
  .columna__link:hover {
    text-decoration: underline; }

.columna__imagen {
  width: 220px;
  height: 120px;
  vertical-align:middle;
   }

.no-padding .columna {
  padding: 0;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }







.columna1 {
  background: #DF76F1;
  margin: 15px auto;
  width: 100%;
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  max-width: 300px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

  .columna1:hover {
    -webkit-box-shadow: 0 0px 15px 0.1px rgba(0, 0, 0, 0.7);
            box-shadow: 0 0px 15px 0.1px rgba(0, 0, 0, 0.7);
    -webkit-transform: scale(1.003);
        -ms-transform: scale(1.003);
            transform: scale(1.003); }
  .columna1 [class*="icon-"] {
    font-size: 40px; }
  @media screen and (min-width: 768px) {
    .columna1 {
      width: 45%;
      margin: 15px 0; } }
  @media screen and (min-width: 1280px) {
    .columna1 {
      max-width: 350px; } }

@media screen and (min-width: 768px) {
  .columna1--4 {
    width: 49%;
    max-width: 47%; } }

@media screen and (min-width: 1024px) {
  .columna1--4 {
    width: 24%; } }

@media screen and (min-width: 1024px) {
  .columna1-ultima {
    margin-right: auto;
    margin-left: 50px; } }

@media screen and (min-width: 1280px) {
  .columna1-ultima {
    margin-left: 75px; } }

.columna1__titulo {
  margin-top: 0px;
  color: #FFF; }

.columna1__link {
  color: #FFF; }
  .columna1__link:hover {
    text-decoration: underline; }

.columna1__imagen {
  width: 220px;
  height: 120px;
  vertical-align:middle;
   }

.no-padding .columna1 {
  padding: 0;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }






		
.content-input4 input,
.content-select4 select{
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;}
 
.content-input4 input{
		visibility: hidden;
		position: absolute;
		right: 0px;}


.content-input4{
		position: relative;
		padding:0px 0px 20px 30px; 
		display: block;}
 

.content-input4 input + i{
	    position: absolute; 
	    left: 0;
	    top: 0;}
 

.content-input4 input[type=checkbox] + i{
		height: 20px;
		width: 20px;
		border-radius: 100%;
		background: #F8F8F8;
	 	border: #e9850f 1px solid;
		left: 10px;
		top: auto;
       
}

.content-input4 input[type=checkbox] + i:before{
		content: '';
		display: block;
		height: 18px;
		width: 16px;
		padding-left:3px;
		border-radius: 100%;
		
		z-index: 1;
		
		background:#e9850f;
		color:#e9850f;
		
		transition: all 0.25s ease;
	
		opacity: 0;}

.content-input4 input[type=checkbox]:checked + i:before{
				
		opacity: 1;}

.content-input4:hover input[type=checkbox]:not(:checked) + i{
		background: #e9850f;
        
}






.select-css {
					display: block;
					font-size: 16px;
					 height:40px;
					font-weight: 400;
					color: #4A0280;
					line-height: 1.3;
					padding: .4em 1.4em .3em .8em;
					width: 80%;
					max-width: 1000px; 
					box-sizing: border-box;
					 margin: 20px 20%;
					border: 2px solid;
					box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
					border-radius: 10px;
					-moz-appearance: none;
					-webkit-appearance: none;
					appearance: none;
					background-color: #fff;}
					
					
@media screen and (min-width: 320px) {
        .select-css {
       margin-left: 10%;
    
		}
}

	@media screen and (min-width: 768px) {
  .select-css {
    font-size: 16px;
     width:500px;} }
    
   

@media screen and (min-width: 320px) {
        .select-css option {
       width:80%;
       font-size: 10px;
       max-width:200px;
    
		}
}

@media screen and (min-width: 768px) {
        .select-css option {
       width:80%;
       font-size: 16px;
       max-width:500px;
    
		}
}

 

	.select-css::-ms-expand {
					display: none;
					}

	.select-css:hover {
					border-color: #888;
					}

	.select-css:focus {
					border-color: #aaa;
					box-shadow: 0 0 1px 1px #d66f00;
					box-shadow: 0 0 0 1px -moz-mac-focusring;
					color: #222; 
					outline: none;}

	.select-css option {
					font-weight:normal;
					word-wrap: break-word; 
					white-space: -moz-pre-wrap; 
 					white-space: pre-wrap;  
  					width:100%; 
					}

select option:nth-child(odd){
					background: lightblue; 	
}
					

	.classOfElementToColor:hover {background-color:red; color:black}

	.select-css option[selected] {
    				background-color: orange;}


	.styled-select { 
					width: 240px; 
					height: 34px; 
					overflow: hidden; 
					background: url(new_arrow.png) no-repeat right #ddd; 
					border: 1px solid #ccc; }
 
	.sidebar-box select{
					display:block;
					padding: 5px 10px;
					height:42px;
					margin:10px auto;
					max-width: 500px;
					-webkit-appearance: none;}






.select-css2 {
					display: block;
					font-size: 16px;
					 height:40px;
					font-weight: 400;
					color: #4A0280;
					line-height: 1.3;
					padding: .4em 1.4em .3em .8em;
					width: 80%;
					max-width: 1000px; 
					box-sizing: border-box;
					 margin: 20px 20%;
					border: 2px solid;
					box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
					border-radius: 10px;
					-moz-appearance: none;
					-webkit-appearance: none;
					appearance: none;
					background-color: #fff;}
					
					
@media screen and (min-width: 320px) {
        .select-css2 {
       margin-left: 10%;
    
		}
}

	@media screen and (min-width: 768px) {
  .select-css2 {
    font-size: 16px;
     width:80%;
     max-width:1000px;
  } }
    
   

@media screen and (min-width: 320px) {
        .select-css2 option {
       width:80%;
       font-size: 10px;
       max-width:200px;
    
		}
}

@media screen and (min-width: 768px) {
        .select-css2 option {
       width:80%;
       font-size: 16px;
       max-width:1000px;
    
		}
}

 

	.select-css2::-ms-expand {
					display: none;
					}

	.select-css2:hover {
					border-color: #888;
					}

	.select-css2:focus {
					border-color: #aaa;
					box-shadow: 0 0 1px 1px #d66f00;
					box-shadow: 0 0 0 1px -moz-mac-focusring;
					color: #222; 
					outline: none;}

	.select-css2 option {
					font-weight:normal;
					word-wrap: break-word; 
					white-space: -moz-pre-wrap; 
 					white-space: pre-wrap;  
  					width:100%; 
					}

select option:nth-child(odd){
					background: lightblue; 	
}
					

	.classOfElementToColor:hover {background-color:red; color:black}

	.select-css2 option[selected] {
    				background-color: orange;}












.contenedor-table2 {
					max-width: 95%;
					overflow-x: scroll;
					border-left: 1px solid #96918E;}


.table1 {
					border-top: 1px solid #96918E;
					text-align: center;
					text-transform: normal;
					}

.table2 {
    				text-align: center;
					text-transform: normal;
					}

.td1 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 300px;}

	.td1:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 300px;}

	.td1:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 300px;}


@media screen and (max-width: 768px) {
	.td1-sticky {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 300px;}}



@media screen and (min-width: 768px) {
	.td1-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #51A9B9;
					color: #FFFFFF;
					text-align: center;}}

	.td1-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 500px;}

.td2 {
					min-width: 300px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;}

@media screen and (max-width: 768px) {
		.td2-sticky {
					min-width: 300px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					color: #000000;
			background-color: #F8F8F8;}}


@media screen and (min-width: 768px) {
		.td2-sticky {
					position: sticky;
					left: 0;
					min-width: 230px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}}

	.td2-desc {
					min-width: 500px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}


.td2b {
					min-width: 300px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: justify;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;}

	.td2b-sticky {
					position: sticky;
					left: 0;
					min-width: 230px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: justify;}

	.td2b-desc {
					min-width: 500px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: justify;}

.td3 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 200px;
					text-align: center;}

	.td3:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 200px;}

	.td3:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 200px;}

	.td3-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #51A9B9;
					color: #FFFFFF;
					text-align: center;}

	.td3-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 500px;
					text-align: center;}

.td4 {
					min-width: 200px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}

	.td4-sticky {
					position: sticky;
					left: 0;
					min-width: 200px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}

	.td4-desc {
					min-width: 500px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}

.td5 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 600px;}

	.td5:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 600px;}

	.td5:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 600px;}

	.td5-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #51A9B9;
					color: #FFFFFF;
					text-align: center;}

	.td5-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 600px;}


.td6 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #1365E3;
					color: #FFFFFF;
					min-width: 100px;
					text-align: center;}

	.td6:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #1365E3;
					color: #FFFFFF;
					min-width: 100px;}

	.td6:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #1365E3;
					color: #FFFFFF;
					min-width: 100px;}

	.td6-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #1365E3;
					color: #FFFFFF;
					text-align: center;}

	.td6-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #1365E3;
					color: #FFFFFF;
					min-width: 100px;
					text-align: center;}

.td7 {
					min-width: 100px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}

	.td7-sticky {
					position: sticky;
					left: 0;
					min-width: 100px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}

	.td7-desc {
					min-width: 100px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}


.td8 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 900px;}

	.td8:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 900px;}

	.td8:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					min-width: 900px;}

	.td8-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #51A9B9;
					color: #FFFFFF;
					text-align: center;}

	.td8-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 900px;}

.td9 {
					min-width: 900px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: justify;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;}

	.td9-sticky {
					position: sticky;
					left: 0;
					min-width: 900px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}

	.td9-desc {
					min-width: 900px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}


.td10 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					width: 50%;
					min-width: 150px;}

	.td10:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					width: 50%;
					min-width: 150px;}

	.td10:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					width: 50%;
					min-width: 150px;}

	.td10-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #51A9B9;
					color: #FFFFFF;
					text-align: center;}

	.td10-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					width: 50%;
					min-width: 150px;}

.td11 {
					width: 50%;
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;}

	.td11-sticky {
					position: sticky;
					left: 0;
					width: 50%;
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}

	.td11-desc {
					width: 50%;
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}


.td11b {
					width: 50%;
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: justify;
					vertical-align: middle;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;}



	.td11b-sticky {
					position: sticky;
					left: 0;
					width: 50%;
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: justify;}

	.td11b-desc {
					width: 50%;
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: justify;}



.td12 {
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}

	.td12-sticky {
					position: sticky;
					left: 0;
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}

	.td12-desc {
					min-width: 150px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}




.td13 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 1100px;}

	.td13:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 1100px;}

	.td13:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 1100px;}

	.td13-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #51A9B9;
					color: #FFFFFF;
					text-align: center;}

	.td13-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 1100px;}

.td14 {
					min-width: 1100px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;}

	.td14-sticky {
					position: sticky;
					left: 0;
					min-width: 1100px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}

	.td14-desc {
					min-width: 1100px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}



.td15 {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 700px;}

	.td15:first-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-left-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 700px;}

	.td15:last-child {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					border-top-right-radius: 10px;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					min-width: 700px;}

	.td15-sticky {
					position: sticky;
					left: 0;
					border-right: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					background-color: #51A9B9;
					color: #FFFFFF;
					text-align: center;}

	.td15-desc {
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					text-align: center;
					padding: 10px;
					margin: 10px;
					background-color: #026E89;
					color: #FFFFFF;
					min-width: 700px;}

.td16 {
					min-width: 700px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					text-align: justify;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;}

	.td16-sticky {
					position: sticky;
					left: 0;
					min-width: 700px;
					border-right: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #51A9B9;
					text-align: center;}

	.td16-desc {
					min-width: 700px;
					border-right: 1px solid #96918E;
					border-left: 1px solid #96918E;
					border-top: 1px solid #96918E;
					border-bottom: 1px solid #96918E;
					padding: 10px;
					margin: 10px;
					color: #000000;
					background-color: #F8F8F8;
					text-align: center;}















.no-banner {
  margin-top: 100px; }
  .no-banner .grupo__titulo {
    font-size: 2.2em; }

.boton {
  margin-bottom: 30px; }

.boton__link {
  background: #fbfbfb;
  display: block;
  width: 100%;
  max-width: 300px;
  height: 50px;
  margin: auto;
  border: 1px solid rgba(0, 0, 0, 0.5);
  line-height: 50px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 1.1em;
  font-weight: bold; }
  .boton__link:hover {
    -webkit-box-shadow: 0 0px 15px 0.1px rgba(0, 0, 0, 0.7);
            box-shadow: 0 0px 15px 0.1px rgba(0, 0, 0, 0.7);
    -webkit-transform: scale(1.005);
        -ms-transform: scale(1.005);
            transform: scale(1.005); }
  @media screen and (min-width: 768px) {
    .boton__link {
      width: 45%; } }
  @media screen and (min-width: 1280px) {
    .boton__link {
      max-width: 350px; } }

.main-header {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(47%, #f6f6f6), to(gainsboro));
  background: -webkit-linear-gradient(#fff 0%, #f6f6f6 47%, gainsboro 100%);
  background: linear-gradient(#fff 0%, #f6f6f6 47%, gainsboro 100%);
  height: 100px;
	margin-bottom: 200px;
  -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
          box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%; }

.logo__img {
  margin: 5px;
  margin-left:30px;
  float: left; }

.titulo-empresa {
  display: none;
  float: left;
  margin: 10px 0;
  font-size: 2em; }
  .titulo-empresa .contenedor {
    display: table; }
  @media screen and (min-width: 320px) {
    .titulo-empresa {
      display: block; } }

#btn-menu {
  position: absolute;
  right: 4px;
  top: 15px;
  font-size: 30px;
  cursor: pointer;
  color: #FFF }
  @media screen and (min-width: 1024px) {
    #btn-menu {
      display: none; } }

.menu {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#9fcc05), color-stop(47%, #9fcc05), to(#9fcc05));
  background: -webkit-linear-gradient(top, #9fcc05 0%, #9fcc05 47%, #9fcc05 100%);
  background: linear-gradient(to bottom, #9fcc05 0%, #9fcc05 47%, #9fcc05 100%);
  position: absolute; 
  top: 60px;
  left: 0;
  z-index: 200;
  margin-left: -100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  @media screen and (min-width: 1024px) {
    .menu {
      position: static;
      width: auto;
      height: 60px;
      float: right; } }

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .menu ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.menu__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
color: #FFFFFF;
  text-decoration: none;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  text-transform: capitalize; }
  @media screen and (min-width: 1024px) {
    .menu__link {
      border: none;
      padding: 20px; } }
  .menu__link:hover {
    background: #F57E08; }

  .menu__link:select {
    background: #1365E3; }

.select {
	background: #1365E3;
	color: white;
}
.formulario {
width: 80%;
	font-size: 25px;
	color: #000;
}

.form {

	background-color:#fff;
	color: #4A0280;
	border: 2px solid;
	margin-bottom: 5px;
border-radius: 10px;
font-size: 20px;}

	.contenedor2 input[type="text"] {
				  background: #fff;
				  color: #4A0280;
				  width: 80%;
				  max-width:1000px;
				  max-height:70px;
				  border: 2px solid;
				  padding: 10px;
				  font-size: 16px;
				  font-weight: normal;
				  letter-spacing: 1px;
				  cursor: pointer;
				  transition: all .5s ease;
				  border-radius:10px;
				  margin-left: 20%;
				  
	              
	}
	
	@media screen and (min-width: 320px) {
    
    .contenedor2 input[type="text"]{

    margin-left: 10%;
        
    }
}

.mostrar {
  margin-left: 0%; }

.item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  list-style: none;
  padding: 10px 0; }

.contenedor2 input[type="submit"] {
				  background: #63b2c1;
				  color: #FFF;
				  width: 90%;
				  max-width:300px;
				  max-height:70px;
				  border: none;
				  padding: 10px 0;
				  font-size: 16px;
				  font-weight: normal;
				  letter-spacing: 1px;
				  cursor: pointer;
				  transition: all .5s ease;
				  border-radius:10px;}
				  
@media screen and (min-width: 320px) {
    
    .contenedor2 input[type="submit"]{

    margin-left: 10%;
        
    }
}

	.contenedor2 input[type="submit"]:hover {
    			  background: #047c8d;}

	.contenedor2 input[type="submit"]:focus {
				  outline: none;}
				  
	.contenedor2 input[type="text"] {
				  background: #fff;
				  color: #4A0280;
				  width: 80%;
				  max-width:1000px;
				  max-height:70px;
				  border: 2px solid;
				  padding: 10px;
				  font-size: 16px;
				  font-weight: normal;
				  letter-spacing: 1px;
				  cursor: pointer;
				  transition: all .5s ease;
				  border-radius:10px;
				  margin-left: 20%;
				  
	              
	}
	
	@media screen and (min-width: 320px) {
    
    .contenedor2 input[type="text"]{

    margin-left: 10%;
        
    }
}
				  
	
.contenedor2 input[type=checkbox]{
		height: 20px;
		width: 20px;
		border-radius: 100%;
		background: #F8F8F8;
	 	border: #e9850f 1px solid;
		
		top: auto;
       
}

@media screen and (min-width: 320px) {
    
    .contenedor2 input[type=checkbox]{

    margin-left: 5%;
        
    }
}

@media screen and (min-width: 500px) {
    
    .contenedor2 input[type=checkbox]{

    margin-left: 15%;
        
    }
}

@media screen and (min-width: 1024px) {
    
    .contenedor2 input[type=checkbox]{

    margin-left: 30%;
        
    }
}

@media screen and (min-width: 1200px) {
    
    .contenedor2 input[type=checkbox]{

    margin-left: 35%;
        
    }
}

.contenedor2 input[type=checkbox]:before{
		content: '';
		display: block;
		height: 18px;
		width: 16px;
	
		border-radius: 100%;
		
		z-index: 1;
		
	
		
		transition: all 0.25s ease;
	
		opacity: 0;}

.contenedor2 input[type=checkbox]:checked:before{
				
		opacity: 1;}

.contenedor2:hover input[type=checkbox]:not(:checked){
		background: #e9850f;
        
}



.mostrar {
  margin-left: 0%; }

.item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  list-style: none;
  padding: 10px 0; }

  .item:last-child {
    border-bottom: none; }
  .item [class*="icon-"]:before {
    font-size: 70px; }

.item__titulo, .item__precio, .item__subprecio {
  margin: 0; }

.item__titulo {
	font-weight: bold;
	font-size: 1.3em;
	color: #0f79d2;
}
  .item__titulo a {
    color: #0f79d2; }
    .item__titulo a:hover {
      text-decoration: underline; }

.item__precio {
  font-size: 1.5em; }

.item__subprecio {
  font-size: 1.2em; }

.item__precio del, .item__subprecio del {
  font-size: 13px; }

.item__link {
  display: block;
  font-size: 1.1em;
  margin: 0 auto;
  text-decoration: none;
  color: white;
  background: #9fcc05;
  width: 120px;
  border-radius: 20px;
  padding: 10px;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .item__link:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05); }

.banner {
  position: relative;
  margin-top: 100px; }
  .banner .contenedor {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    color: white; }
  @media screen and (min-width: 480px) {
    .banner {
      max-height: 368px;
      overflow: hidden; } }
  @media screen and (min-width: 768px) {
    .banner {
      max-height: 420px; } }
  @media screen and (min-width: 1024px) {
    .banner {
      max-height: 450px; } }

.banner__img {
  display: block;
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 768px) {
    .banner__img {
      height: auto;
      margin-top: -100px; } }
  @media screen and (min-width: 1024px) {
    .banner__img {
      margin-top: -200px; } }

.banner__titulo, .banner__txt1, .banner__txt2, .banner__titulo-a, .banner__txt1-a, .banner__txt2-a  {
  margin-left: 5px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
    
  -webkit-animation: opacidad 1s forwards;
          animation: opacidad 1s forwards;
  opacity: 0; }

.banner__txt1, .banner__txt2, .banner__txt1-a, .banner__txt2-a {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s; }

.banner__titulo {
  font-size: 1.8em;
  color: #FFFFFF;
  }
  @media screen and (min-width: 480px) {
    .banner__titulo {
      font-size: 2.5em;
      margin-bottom: 15px; } }
  @media screen and (min-width: 768px) {
    .banner__titulo {
      font-size: 2.8em;
      margin-bottom: 40px;
      text-align: left; 
	  } }
	  
.banner__titulo-a {
  font-size: 1.8em;
  color: #ffffff;
  }
  @media screen and (min-width: 480px) {
    .banner__titulo-a {
      font-size: 2.5em;
      margin-bottom: 15px; } }
  @media screen and (min-width: 768px) {
    .banner__titulo-a {
      font-size: 2.8em;
      margin-bottom: 40px;
      text-align: left; 
	  } }
	  
.banner__txt1 {
  font-size: 1.2em;
  color: #FFFFFF; }
  @media screen and (min-width: 480px) {
    .banner__txt1 {
      display: none; } }

.banner__txt1-a {
  font-size: 1.2em;
  color: #FFFFFF; }
  @media screen and (min-width: 480px) {
    .banner__txt1-a {
      display: none; } }
	  
.banner__txt2 {
  display: none; }
  @media screen and (min-width: 480px) {
    .banner__txt2 {
      display: block;
      font-size: 1.3em;
      margin-bottom: 30px; } }
  @media screen and (min-width: 768px) {
    .banner__txt2 {
      text-align: left;
      font-size: 1.7em; 
	  color: #FFFFFF;} }
	  
.banner__txt2-a {
  display: none; }
  @media screen and (min-width: 480px) {
    .banner__txt2-a {
      display: block;
      font-size: 1.3em;
      margin-bottom: 30px; } }
  @media screen and (min-width: 768px) {
    .banner__txt2-a {
      text-align: left;
      font-size: 1.7em; 
	  color: #ffffff;} }
	  
.banner__link {
  display: none;
  color: #fff;
	background: #7511ca;
  text-decoration: none;
  padding: 7px;
  border: 2px solid #fff;
  text-align: center;
  opacity: 0;
  -webkit-animation: opacidad 1s 2s forwards;
          animation: opacidad 1s 2s forwards; }
  .banner__link:hover {
    background: #F57E08; }
  @media screen and (min-width: 480px) {
    .banner__link {
      display: block;
      width: 110px;
      margin: auto; } }
  @media screen and (min-width: 768px) {
    .banner__link {
      display: block;
      width: 150px;
      margin-left: 5px;
      margin-top: 25px;
      padding: 12px;
      font-size: 1.2em; } }

.banner__link2 {
  display: none;
  color: #fff;
	background: #7511ca;
  text-decoration: none;
  padding: 7px;
  border: 2px solid #fff;
  text-align: center;
  opacity: 0;
  -webkit-animation: opacidad 1s 2s forwards;
          animation: opacidad 1s 2s forwards; }
  .banner__link2:hover {
    background: #F57E08; }
  @media screen and (min-width: 280px) {
    .banner__link2 {
      display: block;
      width: 110px;
      margin: auto; } }
  @media screen and (min-width: 768px) {
    .banner__link2 {
      display: block;
      width: 150px;
      margin-left: 5px;
      margin-top: 25px;
      padding: 12px;
      font-size: 1.2em; } }

@-webkit-keyframes opacidad {
  to {
    opacity: 1; } }

@keyframes opacidad {
  to {
    opacity: 1; } }

.main-footer {
  background: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(27%, white), to(white));
 
  color: #000;
 
  -webkit-box-shadow: 0px -1px 5px rgba(50, 50, 50, 0.3);
          box-shadow: 0px -1px 5px rgba(50, 50, 50, 0.3);
  width: 100%;
  
  padding-bottom: 0; 
    
    margin-bottom: 0;
    position: absolute;
}
  
  .main-footer .contenedor {
      
    
   
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .main-footer [class*="icon-"]:before {
    display: block;
    color: #fff;
    padding: .5em; }
  @media screen and (min-width: 480px) {
    .main-footer {
      text-align: right; } }

.main-footer__titulo {
	font-size: 1.2em;
	border-bottom: 1px solid rgba(50, 50, 50, 0.5);
	width: 100%;
	text-transform: uppercase;
	margin: 5px 0;
	color: #E60000;
}
  @media screen and (min-width: 480px) {
    .main-footer__titulo {
      font-size: 1em; } }
  @media screen and (min-width: 768px) {
    .main-footer__titulo {
      font-size: 1.2em; } }

.datos {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .datos {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      font-size: 1.2em;
      width: 70%; } }
  @media screen and (min-width: 768px) {
    .datos {
      font-size: 2em; } }

.datos__item {
  list-style: none;
  font-size: 0.9em; }

.sociales {
  text-align: center;
  margin: 10px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 100%; }
  @media screen and (min-width: 480px) {
    .sociales {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 30%; } }
  @media screen and (min-width: 768px) {
    .sociales {
      width: 20%;
      margin-left: 0; } }

.sociales__link {
  text-decoration: none;
  font-size: 1em;
  opacity: 0.7;
  border-radius: 50%;
  height: 30px; }
  @media screen and (min-width: 480px) {
    .sociales__link {
      margin: 0px 5px; } }



.sociales__link:hover {
  opacity: 1; }