@charset "utf-8";
/* CSS Document */

/*body {background-color : #ededed; font-family : "Open Sans", sans-serif;}

h1 {padding: 40px; text-align: center; font-size: 1.5em;}

li a {text-decoration : none; color : #2d2f31;}*/


#controledrop {
    width: 176px;
    background: #F4F4F4;
    margin: 40px auto;
    border-radius: 3px 3px 5px 5px;
    margin-left: -10px;
    margin-top: 28px;
}

#titulodrop {
padding: 7px;
    background: #D8D8D8;
    color: #2f4480;
    font-size: 1.0em;
    font-variant: small-caps;
    cursor: pointer;
    display: block;
    border-radius: 3px 3px 5px 5px;
    padding-left: 30px;
    padding-right: 35px;
}

#titulodrop::after {
  float: right;
  right: 10%;
  content: "+";
}

.slide1 {
  clear:both;
  width:150%;
  height:0px;
  overflow: hidden;
  text-align: left;
  transition: height .4s ease;
}

.slide1 a:hover {
   color:2f4480;
   font-weight:bold;
   text-decoration:none;
}

.slide1 li {padding : 3px; margin-left: 17px;}

#touch1 {position: absolute; opacity: 0; height: 0px;}    

#touch1:checked + .slide1 {height: 357px;}