* {
	padding: 0;
	margin: 0;
}



.tamaño{
	
	width: 100%;
	max-width: 1000px;
    margin: 0 auto;
	overflow: hidden;/*encierra todo dentro*/
	
	/*background:yellow;*/
	/*box-sizing: border-box; calcula ancho y alto y ajusta las dimensiones*/
}


#sistemas h1{
	font-size: 32px;
	font-family: "Sans Serif", Georgia;
	color: #FFFF00;/*#FFD700;*/
}

#sistemas{
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 20px;
	font-family: Courier,"Lucida Console" monospace;
	color: 	#ADFF2F;/*Blue*/
}

#especialistas{
	margin-top: 20px;
	margin-bottom: 50px;
}

#boton_quienes{
    
	position: static;
	text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 20px;
	border: 1px solid #FF8C00;
	border-radius: 5px;
    color: #ffffff;
    background: #FF8C00;/*ORANGE*/       
    }

#boton_quienes:hover{
	border: 1px solid #A9A9A9;
     background: #D2691E;/*CHOCOLATE*/
}





#boton_iso{
	
	text-decoration: none;
	display: inline-block;
	margin-left: 7%;
	margin-top: 1%;
	margin-bottom: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 20px;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
    color: #ffffff;
    background: #b973b9;  /* #FF8C00;*/   
}

#boton_iso:hover{
	 border: 1px solid #ffffff;
     background: #932693;
}









#otro{
		
		margin-top: 70px;
		padding-bottom: 2%;
       /*	background: #afcfaf;/*VERDE*/	
	   background: #97b065;
	    box-sizing: content-box;
		overflow: hidden;
		
}

#logoser{
	display: inline-block;
	/*position: absolute;*/
	margin-top:5%;
	margin-left: 5%;
	/*left:5%;*/
	
}



#servicio h1{
	display: inline-block;
    margin-bottom: 20px;
	font-family: "Sans Serif", Georgia;
	/*color: #6B8E23;*/
	color: #fff;
}
 #servicio{
	display: inline-block;
	/* position: relative;*/
	margin-left: 10%;
 	width: 60%;
	padding:20px;
 	font-family: "Sans Serif","Lucida Console" monospace;
 	font-size: 22px;
    color: #556B2F;/*gris*/
 	text-align: justify;
 	/*background: red;*/
	
 }



#boton_servicios{
	
	text-decoration: none;
	display: inline-block;
	margin-left: 7%;
	margin-top: 1%;
	margin-bottom: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 20px;
	border: 1px solid #FF8C00;
	border-radius: 5px;
    color: #ffffff;
    background: #FF8C00;
   
}

#boton_servicios:hover{
	 border: 1px solid #ffffff;
     background: #D2691E;
}






#contacto{
	
	background: #BDB76B;/*DarkKhaki*/
	padding-top:1%;
	padding-bottom: 2%;
	color: #000000;/*Black*/
	box-sizing: content-box;
    overflow: hidden;
	
}

#contacto h1{
	margin-top: 1%;
	margin-left: 7%;
	font-size: 32px;
}

#contacto p{
	margin-left: 9%;
	font-size: 16px;
}
#contacto img{
	margin-top:2%;
	margin-left: 4%;
}


#boton_contacto{
	/*position: absolute;*/
	text-decoration: none;
	display: inline-block;
	margin-left: 9%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 20px;
	 border: 1px solid #FF8C00;
	border-radius: 5px;
	
    color: #ffffff;
   background: #FF8C00;
   
}

#boton_contacto:hover{
	
	 border: 1px solid #ffffff;
     background: #D2691E;
}




.sitios{
	background-color: #FFFFFF;
	/*padding: 40px;*/
	padding-top:1%;
	padding-bottom: 2%;
	border-top-style: solid;
    border-top-color: #8FBC8F; 

}

.sitios img{
	display: inline-block;
}

.sitios h3{
	color: #778899;/*lightslategray*/
}

.sitios li{
	list-style: none;
	display: inline-block;
	padding: 20px;
}
.sitios li:hover{
	background: #B0E0E6;/*powderblue*/
}




@media screen and (max-width: 500px){
	
	#sistemas h1{
	font-size: 20px;
	font-family: "Sans Serif", Georgia;
	color: #FFFF00;/*#FFD700;*/
}
	
	#especialistas p{
	font-size: 12px;
}
	
	
	#logoser{
	display: block;
	position: relative;
	left: 25%;
}







#servicio h1{
	display: block;
    margin-bottom: 18px;
	text-align: center;
	font-family: "Sans Serif", Georgia;
	/*color: #6B8E23;*/
	color: #fff;
}
 #servicio{
	display: block;
	/* position: relative;*/
	margin: 10px;
 	width: 90%;
	padding:10px;
 	font-family: "Sans Serif","Lucida Console" monospace;
 	font-size: 18px;
    color: #556B2F;/*gris*/
 	text-align: justify;
 	/*background: red;*/
	
 }

	#contacto h1{
	margin-top: 1%;
	margin-left: 5%;
	padding: 10px;
	font-size: 20px;
}
	
	.sitios.tamaño img{
	width: 60px;
	height: 80px;
}

	
	
}