@charset "ISO-8859-1";

/*	
	body{
		 background-image: url(${urlResources}/images/PlantaIndustrial01.jpg);
		 background-repeat: no-repeat;
		 background-size: cover;
		 background-position: center; 
		 background-attachment: fixed;
		 
		 justify-content: center;
		 align-items: center; }
		 
	body:before {
		 content: "";
		 width: 100%;
		 height: 100%;
		 background-color: #0066ff;
		 position: absolute;
		 opacity: 0.4; }
	*/	
	
	
	
	body{background-image: linear-gradient(to right, rgba(51, 133, 255, 0.76), white, rgba(54, 201, 66, 0.61));}
    
    .imgArticle {
    	width:"100%"; 
    	height:"60%";
    	vertical-align: top;
    	margin-top: 30px; 
    	margin-bottom: 30px;
    }
    
    #divContImg {
    	width: 100%;
    	height: 60%;
    	position: relative;
    	overflow: hidden;
    }
    
    #image01 {
    	width: 100%;  /*100%;*/   /* 100vw; */
    	height: 100%; /*100%;*/   /* 100vw; */
    }
    
    #imgPricipal{
    	width: 100%;
    	height: 100%;
    }
    
    #imgImplem{
    	width: 90%;
    	height: 90%;
    }
    
    /*
    .textoSobreImg {
    	display: block;
    	position: absolute;
    	width: 70%;
    	height: 28%;
    	top: 60%;
	    right: 5%;
	    border: 10px solid rgba(0, 0, 0, 0.3);
	    text-align: center;
	    font-weight: bold;
    	z-index: 10;
    	background: rgba(0, 0, 0, 0.5);
    	padding: 0.7vw;    
    	font-size: 30px;   
    	color: #ffff33;
    }  */
	    
	.titulo01 {text-align: center; text-shadow: 5px 5px 3px #999999;} 
	
	h4 {text-shadow: 5px 5px 3px #999999; font-size: 1.3vw;}
	
	label {text-shadow: 5px 5px 3px #999999; }
	
	#separador {margin-top: 20px; margin-bottom: 20px;}
	
	hr {margin-top: 15px; margin-bottom: 15px;}
	
	.p1 {font-size: 100%; width: 90%; margin: auto; }  /* 115%; */
	    
	.titulo02 {text-align: center; margin-top: 40px; margin-bottom: 20px; font-size: 125%;}     /*  text-align: center;  */
	
	#indList {width: 80%; margin: auto;}
	
	/* The container */
	.container {
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 18px;
	  padding-left: 20px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	
	/* Hide the browser's default checkbox */
	.container input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 0;
	  width: 0;
	}
	
	/* Create a custom checkbox */
	.checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  background-color: #eee;
	}
	
	/* On mouse-over, add a grey background color */
	.container:hover input ~ .checkmark {
	  background-color: #ccc;
	}
	
	/* When the checkbox is checked, add a blue background */
	.container input:checked ~ .checkmark {
	  background-color: #2196F3;
	}
	
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	/* Show the checkmark when checked */
	.container input:checked ~ .checkmark:after {
	  display: block;
	}
	
	/* Style the checkmark/indicator */
	.container .checkmark:after {
	  left: 9px;
	  top: 5px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.subTitulos {font-weight: bold; margin-top: 20px; padding-left: 10px; }  /* padding-left: 75px; */
	
	#divImagen img{
		box-shadow: 15px 15px 15px 0px grey;
		border-radius: 50px 20px 80px 20px;
		display: block;
		margin: auto;
		padding-top: 30px;
	}

	#subTitulo {text-align: center; padding-top: 20px; font-weight: bold; text-shadow: 5px 5px 3px #999999;}
	
	.titVideo {margin: 10px; font-size: 1vw; font-weight: bold;}
	
	/*
	@media screen and (min-width: 1001px) {
      .container {
        font-size: 18px;
      }
      
      .tituloImpl {
        font-size: 18px;
      }
    } */

    @media screen and (max-width: 1000px) {
      .container {
        font-size: 12px;
      }
      
      .tituloImpl {
        font-size: 14px;
      }
      
      .titulo01 {
      	font-size: 99%;
      }
      
      .p1 {
      	font-size: 99%;
      }
    }