/* CSS Document */

#contenedor{
width:100%;
height:auto;

clear:both;
overflow:hidden;
margin-top:0px;
margin:auto;

border:solid 1px #E5E7E9;
display:block;
}

#cont-menu{
width:100%;
height:auto;
margin-top: 40px;
clear:both;
display:block;
margin-bottom:20px;
text-align:center;
}

#Servicios{
width:auto;
height:40px;
padding:10px;
border: 2px solid #D4E6F1;
font-size:12px;
font-family:Calibri,Arial,sans-serif;}

#btnBuscarEst {
    width:80px;
    height:40px;
	padding:10px;
    cursor:pointer;
	background-color:#81ae38;
	color:#fff;
	font-size:14px;
	font-family:Calibri,Arial,sans-serif;
	font-weight:bold;
	border-color:#81ae38;
}
#btnBuscarEst:hover {
	opacity:0.8;}


#cont-info{
width:100%;
height:auto;
clear:both;
display:block;
margin-bottom:25px;

}

#info-servicio{
width:45%;
height:auto;
display:block;
float:left;
text-align:justify;
font-family:Calibri,Arial,sans-serif;
}
p{ margin:20px;}

#galeria-servicio{
width:55%;
height:auto;
display:block;
float:left;
text-align:left;
margin:0px;
margin-bottom:20px;
}

#TituloServicio{
font-size:28px;
width:auto;
height:auto;
color:#7FB3D5;
text-align:left;}


/*---------------------------GALERIA--------------*/

.galeria {
  height: 700px;
  width: 550px;
  margin:1em auto;
  border: 1px solid #fff;
  position: relative;  
}

.galeria img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 3s;
}

.galeria input[type=radio] {
  position: relative;
  bottom: calc(-600px - 1.5em);
  left: .5em;
  width:30px;
  height:30px;
}

.galeria input[type=radio]:nth-of-type(1):checked ~ img:nth-of-type(1) {
  opacity: 1;
}

.galeria input[type=radio]:nth-of-type(2):checked ~ img:nth-of-type(2) {
  opacity: 1;
}

.galeria input[type=radio]:nth-of-type(3):checked ~ img:nth-of-type(3) {
  opacity: 1;
}