@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Varela+Round);

body {
    margin-top: 0px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'Avenir Next', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
    background: #fff;
	overflow-x: hidden;
   
    
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Varela Round";
	font-weight:bold;
	color: #0f4c83;
}
 
.cuerpo {
	margin:0 auto;
	padding:0 auto;
  max-width:1170px;
    display: block;
  justify-content: center;
  align-items: center;
}

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.image-bg-fluid-height {
	background-color: #0f4c83;
	height: 170px;
    padding: 35px 0;
}

.image-bg-fixed-height {
	background: url('') no-repeat center center scroll;
    height: 170px;
}

.img-center {
	margin: 0 auto;	
}

.logo {
	margin: 0;
	padding: 0 30px;
	    white-space: nowrap;
		display:inline-block;
		position:relative;
		float:left;		
}

.socialbox {
	padding: 0 30px;
    padding-top: .5%;
    padding-bottom: 5px;
    font-size: 30px;
    display: inline-block;
	float:right;
    color: white;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

.socialbox a {
    color: white;
}

.socialbox a:hover {
    color: white;
	font-size:32px;
}

section {
	margin:0 auto;
    padding: 0px 0;
	background: #fff;
}

.section {
	margin:0 auto;
    padding: 0px 0;
	background: #fff;
}

.contp {
	max-width:1170px;
	padding:15px;	
}

.section-heading {
    margin: 30px 0;
    font-size: 40px;
}

.section-lead {
    margin: 30px 0;
}

.section-paragraph {
    margin: 30px 0;
	font-size:16px;
}

.listl a {
	font-style:16px;
	color: #000;
}

.listl a:hover {
    font-weight:bold;
	color: #0f4c83;
	text-decoration:none;
}

.llam:hover  {
	font-weight:bold;
	color: #0f4c83;
}

.formmj {
	margin:30px;
}

.requerido {
	color:#583d3d;
	font-weight: 700;
	font-size: 1.3em;
}

.error {
	font-size: 26px;
	color:#F00;
	padding-left: 40px;
	margin-bottom: 2em;
}

.error ul {
	list-style: disc;
	color:#F00;
	padding-left: 40px;
	margin-bottom: 2em;
}

.correcto {
	font-size: 26px;
	color: #28b228;
	text-align: center;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, select:focus
{
	outline: none;
	-webkit-box-shadow: 0 0 4px 1px #5AB7F5, inset 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px 1px #5ab7f5, inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 4px 1px #5AB7F5, inset 0 0 4px rgba(0, 0, 0, 0.2);
	border-color: #5AB7F5;
}

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], textarea
{
	color: #555;
	height: 2em;
	width: 100%;
	padding: .2em;
	padding-left: .5em;
	border: 1px solid #dbdbdb;
	margin-left: 1em;
}

textarea
{
	padding: .5em;
}

input[type="submit"], input[type="Reset"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], textarea, select
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"]
{
	max-width: 250px;
}

textarea {
	display: block;
	margin-left: 0;
	min-height: 8em;
}

input[type="submit"], input[type="Reset"]
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	cursor:pointer;
	color: #fff;
	font-size: 15px;
	position: relative;
	margin:7px;
	padding: 5px 10px;
	border: 1px solid #0f4c83;
	background: #0f4c83;
}

input[type="submit"]:hover, input[type="Reset"]:hover
{
	background: #0496d7;
	border: 1px solid #0496d7;
}

.button {
	display: inline-block;
	*display: inline;
	zoom: 1;
	cursor:pointer;
	color: #fff;
	font-size: 15px;
	position: relative;
	padding: 5px 10px;
	border: 1px solid #0f4c83;
	background: #0f4c83;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button:hover {
	background: #0496d7;
	border: 1px solid #0496d7;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
width: 100%;
height: 100%;
}

body{padding-top:20px;}

.tamano{
 display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
    position: relative;
	min-height: 100%;
	text-align: center;
    min-width: 100%;
    display: inline-block;
    overflow: hidden;
}

.columna {
  min-width:50%;
  float:left;
}

.plantls {
	display:inline-block;
  width:50%;
  float:left;
  align-content:center;
}

.plantlstp {
	background: #0f4c83;
}
 
.plantlstp tr {	
background: #0f4c83;
	transition: all 0.75s ease;
	-webkit-transition: all 0.75s ease;
	align-content:center;
	align-items:center;
	text-align:center;
}

.plantlstp tr:hover {
	background: #0496d7;
}


.plantlstt tr {
	background: #337ab7;	
	border-top: 1px solid #337ab7;
	border-bottom: 1px solid #337ab7;	
	align-content:center;
	align-items:center;
	text-align:center;
}

.plantlstz tr {
	background: #fff;	
	border-top: 1px solid #337ab7;
	border-bottom: 1px solid #337ab7;	
	align-content:center;
	align-items:center;
	text-align:center;
}
.plantlstz tr:hover {
	background: #337ab7;		
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}



.plantls h3 {
	font-family: "Varela Round";
	font-weight:bold;
	color:#fff;
}

.plantls h4 {
	font-family: "Varela Round";
	font-weight:bold;
	color: #337ab7;
}
.plantls tr:hover h4, .plantls tr:hover h4, .plantls tr:hover h4 {
	font-family: "Varela Round";
	font-weight:bold;
	color: #fff;
}
.plantls a {
	font-size:16px;
	color: #fff;	
}

.plantls a:hover, .plantls a:focus, .plantls a:Active {
	text-decoration:none;
}

.columna2 {
  min-width:50%;
  float:right;
}

.borde {
 border-color: #333;
 box-shadow: 0px 5px 5px #333;    
}

tamano2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
		position: relative;
	min-height: 90vh;
	text-align: center;
    min-width: 100%;
}

.ajuste1 {
  float: left; 
    width: 47.5%;    
}

.ajuste {
  float: left; 
    width: 47.5%; 
    margin-left:5%;
}



.minis {   
    max-width: 180px;   
	margin: 1%;
}

.volver{
    height:10%;
}

.miniat{
max-width: 120px;
}

.scroll{
background:url(/img/l-image.png);
background-repeat:repeat-x;
overflow:auto;
height: 100%;
white-space: nowrap;
}

.container {
	width: calc(100% - 50px);
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
}

.mini1 {
max-width: 30%
}

.mini2 {
max-width: 15%;    
margin-left: 2%;
}

.style_prevu_kit {
    display:inline-block;
    box-shadow: 0px 0px 2px #000000;
    border:0;    
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
}

.style_prevu_kit:hover {
    box-shadow: 0px 0px 5px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.style_prevu_kit1 {
    display:inline-block;
    box-shadow: 0px 0px 0px #000000;
    border:0;    
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.style_prevu_kit1:hover {
    box-shadow: 0px 0px 0px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.tamano1 {
 display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
		position: relative;
	min-height: 100%;
	text-align: center;
    min-width: 100%;
    display: inline-block;
    max-height: 100%;
}

.radio {
max-height: 180px;
}

.bordes {
    border: 0px;
    width: 100%;
    height: 720px;
    margin: 2px;
}


.thumbnail2 {
height:100px; height:100px;
margin:6px;
}

.modal-dialog2 {}
.thumbnail2 {
margin-bottom:6px;
}

.indexes {
z-index: 100;
}

.sincolor:hover {
 background-color: #0f4c83;
}

.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}

.esp {
margin: 2%;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to left,rgba(35, 190, 236, 0.5) 0,rgba(0,0,0,.0001) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    color: #0f4c83;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(35, 190, 236, 0.5) 0,rgba(0,0,0,.0001) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
     color: #0f4c83;
}

.zum
{
    display:inline-block;    
    border:0;    
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}

.zum:hover {   
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.fondo {
 background-color: #0f4c83;
}

.noscroll {
overflow-x: hidden;
overflow-y: hidden;
}

.panel1 {
	min-width: 100%;
	height: 98%;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: -250%;
	position: absolute;
	background: #000;
	box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
	z-index: 2;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

.panel1:target {
	margin-top: 0%;
	background-color: blue;
}

.circle {
	background: rgb(255,255,255);
	border-radius: 100%;
	cursor: pointer;
	position: relative;
	margin: 0 auto;
	width: 140px; 
	height: 140px;
	overflow: hidden;
	transform: translateZ(0);
    align-content: center;
    vertical-align: middle
}

.circle h1 {
	color: rgba(189, 185, 199,0);
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.6em;
	line-height: 8.2em;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	user-select: none;
	transition: color 0.8s ease-in-out;
}

.circle:before,
.circle:after {
	border-radius: 100%;
	content:"";
	position: absolute;
	top: 0; 
	left: 0;
	width: inherit; 
	height: inherit;			
	box-shadow: inset 10.6em 0 0 rgba(30, 140, 209, 0.2), 
	            inset 0 10.6em 0 rgba(30, 140, 209, 0.2), 
	            inset -10.6em 0 0 rgba(30, 140, 209, 0.2), 
	            inset 0 -10.6em 0 rgba(30, 140, 209, 0.2);
	transition: box-shadow 0.75s;
}

.circle:after  {
	transform: rotate(45deg);
}

.circle:hover:before,
.circle:hover:after  {
	box-shadow: inset 0.86em 0 0 rgba(255, 0, 0, 0.5), 
	            inset 0 0.86em 0 rgba(252, 150, 0, 0.5), 
	            inset -0.86em 0 0 rgba(0, 255, 0, 0.5),	
	            inset 0 -0.86em 0 rgba(0, 150, 255, 0.5);
}

.circle:hover > h1  {
	color: rgba(185, 185, 185,1);
}

maximmini{
max-width: 182px;
    max-height: 182px;
}

.spac{
    max-width: 36%;
    margin-left: 10%;
    float: left;
}

.cvideo{
	position:relative;
	max-width:800px;
	align-content:center;
}


.video1{
  max-height: 280px;
  
}

.hor {
	visibility:visible;	
	display:block;
}
.ver {
	visibility:hidden;
	display:none;	
}


@media (max-width: 1050px)  {     
.video1{
 
max-height: 150px;
        margin-bottom: 20px;
}
.minis {
   
    max-width: 10%;
        margin-right: 3%;
   
}
.miniscorrec{
    
    margin-top: 2%;    
    }

  
}

@media(max-width:768px) {
section {
        padding-top: 0px;
        padding-bottom: 25px;
    }

.section-heading {
        font-size: 2em;
    }
	
.plantls {
		clear:both;
	display:block;
	    width: 85%;
  float:none;
}

.video1{
  
max-height: 110px;
        margin-bottom: 20px;
}
.hor {
	visibility:hidden;
	display:none;	
}
.ver {
	visibility:visible;
	display:block;
}

}


@media (max-width: 500px) {
  
.columna {
    width:auto;
    float:none;
  }
  
.ajuste1 {
    min-width:100%;
    float:none;
  }
  
.ajuste {
    min-width:100%;
    float:none;
    margin-left: 0%;
  }
    

  
.volver {
    width:auto;
    float:none;
    
  }
   
.mini1 {
max-width: 100%
}
    
.mini2 {
max-width: 15%;
    
margin-left: 2%;
}

.scroll {
background:url(/img/l-image.png);
background-repeat:repeat-x;
overflow:auto;
height: auto;
white-space:normal;
}
    
.miniat {
max-width: 60px;
}
    
.container {
    padding-right: 15px;
    padding-left: 10%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
}
  
.columna {
    width:auto;
    float:none;
  }

.radio{
max-height: 200px;
}    

.tamano1{
 display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
		position: relative;
	min-height: 100%;
	text-align: center;
    min-width: auto;
    display: inline-block;
    max-height: 100%;
}
.maximo{
	max-width: 1230px;

}

.plantls table {
	min-width:165px;
	position:relative;
}
}