* {
padding: 0;
margin: 0;
float:none;
}

BODY { 
font-family: Candara;
width: 100%;

}

#header{ 
background:white; 
color:#333; 
height:80px; 
width:100%; 
text-align:center
}

.logo {
width:100%;
text-align:right;
text-decoration:none;

}



#menu {
width:100%;
background:#333;
}

menu nav {
width:100%;
max-width:1000px;
margin:20px auto;
background:#333;
}
 
.menu_bar {
display:none;
}

menu nav ul {
overflow:hidden;
list-style:none;
margin-left:10%;
font-size:large;
}

menu nav ul li {
float: left;
position: relative;
margin:1px;
width:16%;
text-align:center;
	}
	
menu nav ul li a {
color:#FFF;
padding:8px;
display:block;
text-decoration:none;
background-color: #0C0;
	}

menu nav ul li a:hover {
	background:#999;
	color:#000;
}

section {
	padding:20px;
}

@media screen and (max-width:800px ) {
	menu nav {
		width:70%;
		left:-100%;
		margin:0;
		position: fixed;
	}
 	menu nav ul {
	margin-left:0%;
	
	}
	menu nav ul li {
		display:block;
		float:none;
		width:100%;
		border-bottom:1px solid rgba(255,255,255, .3);
	}
 
	.menu_bar {
		display:block;
		width:100%;
		background-color:#390;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:11px;
		background:#390;
		color:white;
		text-decoration:none;
		font-family: Candara;
		font-size:large;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:40px;
	}
}

#encuadre{
background : #FFF;
margin:0px 10% 0px 10%;
padding:20px 0% 0% 0%;
clear: both;
font-size:large;

}

#encuadre H1, H2, H3 {
	font-weight:normal;}

#publicaciones {
	width:100%;
	height:155px;}
#tpublicaciones {
width:80%;
alignment-adjust:central;
height:155px;
}
#ipublicaciones{
width:15%;
float:right;
height:155px;
}
#articulos ul {
margin-left:5%;
list-style:square;
list-style-position:outside;
}
#foto_vettrip{
width: 70%;
padding:10px;

}
#tipsocios{
margin-left:5%;
	}

#formulario {
text-align:left;
width:60%;
font-size:large;
margin: 0% 0% 0% 0%;
font-family: Candara, Gadget, sans-serif;
font-size:medium;
	}
.centrado {
	text-align:center;
	}
#botones_formulario {
padding: 3% 15% 3% 15%;
	}

#accordion {
	width:100%;
		}
#accordion .tittles {
	padding: 5% 0% 1% 0%;
		}
#accordion input {
  display: none;
}
#accordion label {
  background: #0C0;
  border-radius: .25em;
  cursor: pointer;
  display: block;
  margin-bottom: .125em;
  padding: .25em 0.15em;
  z-index: 20;
}
#accordion label:hover {
  background: #390;
}
#accordion input:checked + label {
  background: #0C0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: white;
  margin-bottom: 0;
}
#accordion article {
  background: #9F6;
  height:0px;
  overflow:hidden;
  z-index:10;
 }
#accordion article p {
  padding: 0.25em;
}
#accordion input:checked ~ article {
 border-bottom-left-radius: .25em;
 border-bottom-right-radius: .25em;
 height: auto;
 margin-bottom: .125em;
}

.lista_texto{
margin-left:10%;
}
.segniv {
margin-left:10%;
list-style:none;
}
#pie{
clear:both;
text-align: center;
background: white;
}
