* {

	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	color: white;
	font-size: 20px;


}

html {
  	background:linear-gradient(0deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.4)) no-repeat center center fixed, url(../img/naked-woman-hindi.jpg) no-repeat center center fixed;
	background-size: 100% 100%;
	height: 100%;


  
}




body {
	min-height: 100vh;

	font-family: "roboto", sans-serif;
	padding: 10px;

	display: flex;
	flex-direction: column;
	align-content: center;



	

	

	
}






.tituloDesc, .logoDiv{
	width: 100%;
	padding: 5px;

}






.logoDiv{
	max-height: 190px;
	margin-bottom: 25px;

}

.logoDiv .logoIMG{
	width: 100%;
	max-height: 190px;
	

}





.tituloDesc{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: ghostwhite;

	border-radius: 8px;

}








.tituloDesc h1{

	margin: 5px;
	text-align: center;
	font-size: 1.12em;
	font-weight: 900;

	
	margin-bottom: 10px;


}



.tituloDesc p{
	text-align: left;
	font-size: 20px;
	

	margin-left: 45px;
	margin-right: 45px;


	padding-bottom: 15px;


}


li{
	list-style:none;
	padding: 5px;
}



a{
	text-decoration: none;
}




p{
	padding: 5px;
	margin: 5px;
}



.adBanner{
	margin-top: 10px;
	padding: 5px;
}





.imgPiscinaCocodrilo{
	padding: 10px;
}




.indice{
	margin-top: 24px;
	display: flex;
	justify-content: center;
	padding: 5px;

	border-style: solid;
	border-width: 1px;
	border-color: ghostwhite;
	border-radius: 5px;

	background: rgba(0, 0, 0, .5);

}


.indice li{
	margin: 5px;
	padding: 10px;

	list-style:none


}


.indice li a{
	padding: 8px;
	text-decoration: underline;
	color: lightblue;

	background: rgba(0, 0, 0, .35);
	border-radius: 8px;

}


.indice li a:hover{
	text-decoration: underline;
	color: yellow;
	background: rgba(0, 0, 0, .65);

}


h2{
	margin-top: 10px;
	padding-top: 32px;

	text-align: center;
	font-size: 19px;
}



.contCerramientos{
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 5px;

	border-style: solid;
	border-width: 1px;
	border-color: ghostwhite;
	border-radius: 5px;

	background: rgba(0, 0, 0, .5);
}

.contCerramientos h2{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 32px;

	text-align: center;
	font-size: 24px;


}

.contCerramientos h3{
	margin-top: 10px;
	padding-top: 32px;

}

.contCerramientos h3{
	margin: 10px;
	padding: 12px;
	text-align: center;
	
	font-size: 20px;

	background: rgba(0, 0, 0, 1.0);
}




.pVideo{
	border-style: none;

}


.pVideo p{
	text-align: center;


}

 /* Para tener un ancho máximo debemos de establecer el width del DIV.delimitador */
.vDelimitador{

    width:50%;
    min-width: 350px;
    margin:auto;

}
/* El contenedor con el padding-top crea el tamaño del vídeo */
.vContenedor{

    height:0px;
    width:100%;
    max-width:1024px; /* Así establecemos el ancho máximo (si lo queremos) */
    padding-top:56.25%; /* Relación: 16/9 = 56.25% */
    position:relative;

}
/* El iframe se adapta al tamaño del contenedor */
.vContenedor iframe{

    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;

}



#h2pV{
	margin-top: 100px;
}







.final{
	font-size: 18px;
}










footer{
	width: 100%;
	margin-top: 10px;


	margin-bottom: 0px;
    left: 0px;
    bottom: 0px;

    

}




.footerContenedor{
	text-align: center;
	font-size: 15px;

	border-style: solid;
	border-width: 1px;
	border-color: ghostwhite;
	border-radius: 8px;

	padding: 10px;


}


.footerContenedor p{
	margin-bottom: 12px;
}


.footerContenedor a{
	margin-left: 15px;
	color: lightcyan;
	text-decoration: underline;

	font-size: 20px;
}




*,div{
	font-size: 20px;
	padding: 10px;
	margin: 4px;
}