*{
	margin:0px;
	padding:0px;
	
}
/*******************elmenu****************************/


#menus{
	position: sticky;
	top:0;
	display: flex; 
	background: rgb(38,205,203);
background: linear-gradient(90deg, rgba(38,205,203,1) 0%, rgba(68,170,208,1) 18%, rgba(17,160,235,1) 100%);
}
#menus li{
	
	width: 25%;
	display: inline-block;
	margin: 0 auto;
	padding:20px;
	border-radius:50px;
	text-align:center;
}

#menus li a{
	background-color:transparent;
	text-decoration:none;
	color:white;
	font-family:"Garamond",serif;
	font-size:20px;
}
#menus li a:hover {
	color:brown;
}

/************************carrusel*******************/

#carrusel{
	width: 100%;
}
#carrusel img {
	width: 100%;
}
/***********************servicios**********************/
.colorservicio{
	background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,79,1) 50%, rgba(252,176,69,1) 100%);
}
#Conjuntoimg {
	display: flex;
}
#Conjuntoimg li{
	with:25%;
	display: inline-block;
	margin: 0 auto;

}
#Conjuntoimg li img {
	width: 300px;
	height: 300px;
	border-radius: 10px;	
	
}
#Conjuntoimg li h3{
	color: orange;
	margin-top: 20px;
}
#Conjuntoimg li p{
	width: 300px;
	height: 300px;
	color: white;
	margin-top: 10px;
	
	text-align: justify;
}
/***************************nosotros************************/


.colornosotros{
background: rgb(210,122,21);
background: linear-gradient(90deg, rgba(210,122,21,1) 0%, rgba(18,184,138,1) 35%, rgba(104,108,108,1) 100%);
}
#textonosotros{
	color:white;
	text-align: justify;
	padding: 20px;
	margin-left: 100px;
	margin-right: 100px;
	font-size: 24px;

}
/************************************letras***************/

#servicio{
	text-align: center;
	color:white;
	font-size: 50px;
	padding: 40px;

}

#nosotros{
	text-align: center;
	color:white;
	font-size: 50px;
	padding: 40px;

}

#contacto{
	text-align: center;
	color:white;
	font-size: 50px;
	padding: 40px;
}

/*************************contacto ******************/
.colorcontacto{
	background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(121,9,17,1) 35%, rgba(157,18,56,1) 100%);
}
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
input[type=email],input[type=tel]{
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
input[type=checkbox]{
	width: 30px;
	height: 30px;
  background-color: blue;
  color: white;
  padding: 20px;
  border: none;
  
  cursor: pointer;
}


input[type=submit] {
	display: flex;
  background-color: #04AA6D;
  font-size: 30px;
  color: white;
  padding: 20px;
  margin-top: 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


input[type=submit]:hover {
  background-color: #45a049;
}


.container {
  border-radius: 5px;
  padding: 20px;
 
	
}
form{
	width: 60%;
	margin: 0 auto;
}
label{
	color: white;
}
.container h1{
	width: 60%;
	margin: 0 auto;
	color: white;
	padding: 20px;

}
.apa:hover{
	color: orange;

}
.apa{
	width: 60%;
	color: white;
	padding-top: 40px;
}
.telemail {
  border-radius: 5px;
  padding: 20px;
  margin: 0 auto;
}
.telemail h1{
	width: 60%;
	
	color: white;
	padding: 20px;

}
.telemail a{

	width: 60%;
	margin: 0 auto;
	padding-left: 20px;
	color: white;
	font-size: 20px;
	text-decoration: none;
}
.telemail p{
	color: white;
	font-size: 20px;
	padding-left: 20px;
}
.telemail button{
	color: black;
	padding: 20px;
	background-color: gray;
	margin-left: 20px;
	font-size: 20px;
}
/****************************foot*****************************/

.colorfoot{

	background-color: black;
}
.colorfoot p{
	font-size: 25px;
	color:white;
	padding: 20px;

}

/***************************politicas**************************/
.cerrarpoliticas{
	position: absolute;
	color:white;
	font-size: 30px;
	margin-right: 20px;
}
.politicas{
	
	display: none;
	position: absolute;
	width: 60%;
	background: rgb(131,58,180);
	background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,79,1) 50%, rgba(252,176,69,1) 100%);
	border-radius: 5px;
	padding: 40px;
	margin: 0 auto;
}
.politicas h1{
	width: 60%;
	margin: 0 auto;
	color: white;
	padding: 20px;

}
.politicas p{
	width: 60%;
	margin: 0 auto;
	color: white;
}
.politicas ol{
		width: 60%;
	margin: 0 auto;
	color: white;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}
/************************************************************responsive************************************/
@media only screen and (max-width: 1000px){
	/*******************menu*********************/
#menus li a{
	
	font-size:17px;
}
/********************servicios********************/
#Conjuntoimg {
	display: block;
}
#Conjuntoimg li img {
	width: 100%;
	border-radius: 10px;	
	
}
#Conjuntoimg li h3{
	color: orange;
	text-align: center;
}
#Conjuntoimg li p{
	width: 100%;
	color: white;
	
	
	text-align: justify;
}
/*******************nosotros*************************/

#textonosotros{
	
	margin-left: 20px;
	margin-right: 20px;
	font-size: 20px;

}

/*******************politicas****************/
.politicas{	
	width: 75%;	
	padding: 0px;
	margin: 0 ;
}

}