*{box-sizing: border-box;}


#wrapper{
  width:500px;
  margin: 0px auto;
  overflow:auto;
  border: solid 1px #A1A1A1;
  font-family:tahoma;
  padding-bottom:40px;
  border-radius:20px;
}
#wrapper2{
  width:500px;
  margin: 0px auto;
  overflow:auto;
  font-family:tahoma;
  padding-bottom:50px;
}

header{
  background-color:#0F3D8D;
  width:100%;
  font-family:tahoma;
  overflow:auto;
}

#main{
  overflow:hidden;
}

#main_inicio li{
  margin-top:10px;
}

#logo{
  float:left;
  padding-bottom:5px;
}

#logo img{
 width:130px;
}
#cabecera{
 overflow:auto;
}

#titulo{
  font-size:20px;
  color:white;
  float:left;
  margin-top:57px;
  margin-left:20px;
  display:inline-block;
}
.negrita{
  font-weight: bold;
}

#main_inicio{
  text-align:center;
}

#comedor{
  float:left;
  display:inline-block;
  width:100%;
  padding-right:20px;
  padding-left:20px;
}

#concepto{
  width:100%;
}
.button2{
  font-size:16px;
  padding:10px;
  color:white;
  background:#3D4D6A;
  width:100px;
  margin-bottom:10px;
  margin-top:10px;

}
.button2:hover{
  color:black;
  background:#ccc;
  cursor:pointer;
}
.etiquetas{
  margin-top:10px;
  margin-bottom:5px;
  font-weight:bold;
}

.eti1{
  text-align:center;
  margin-top:22px;
  margin-bottom:22px;
  font-weight:bold;
}


#entrada{
  display:inline-block;
  margin:auto;
  margin-top:20px;
}

#entrada ul{
  margin-top:40px;
}

#entrada ul li{
  margin-bottom:30px;
    background:#0F3D8D;
    border-radius:20px;
}

#entrada ul li a{
  padding:10px;
  text-decoration:none;
  background:#0F3D8D;
  color:white;
  display:block;
  border-radius:20px;
  
}

#entrada li :hover{
  background-color:#e6e3ed;
  color:black;
  border:1px solid black ;
}
.campo{
  padding:5px;
  font-size:14px;
  width:90%;
 
}
.centrar{
  display:block;
  margin:auto;
}
.servicios{
  padding-left:10px;
  padding-right:10px;
}

.separar1{
  margin-bottom:5px;
  margin-top:5px;
}
.separar2{
  margin-top:10px;
}
.enviar{
  padding:10px;
  font-size:14px;
  font-weight:bold;
  color:white;
  background-color:#0F3D8D;
  margin-top:20px;


}

.enviar:hover{
  background-color:#e6e3ed;
  color:black;
  cursor:pointer;
}


#ok_envio{
  width:50%;
  margin:auto;
  border:1px solid red;
  margin-top: 50px;
  padding: 20px;
}
.texto_centrado{
  text-align:center;
}
#principal{
  width:80%;
  margin:auto;
}


.aviso_rojo{
  color:red;
}


.margen{
    margin-top:31px;
    text-align:center;
}

.autorizar{
  margin-top:10px;
  margin-right:5px;
}

#piscina{
  margin-top:20px;
  padding-left:20px;
  padding-right:20px;
}

#datos_piscina{
 
}

#comedor{
  margin-top:20px;
  padding-left:20px;
}

#datos_comedor{
  
}

#autocar{
  margin-top:20px;
  padding-left:20px;
  padding-right:20px;
}
#guarderia{
  margin-top:20px;
  padding-left:20px;
  padding-right:20px;
}
#datos_autocar{
 
}

.nota{
  margin-top:20px;
}
@media all and (max-width: 500px){

#wrapper{
  width:100%;
}


#wrapper2{
  width:100%;
}

#titulo{
  width:50%;
}

}