/*
Name: 			style.css
Written by: 	Pepe Terán - www.pepeteran.es
*/

body, html {
  height: 100%;
} 
body {
	font-family: Helvetica neue, Helvetica, Arial, Verdana, "sans-serif";
	/*text-align: center;*/
	font-size: 1em;
	color: #333;
	margin: 0;
	padding: 0;
}

#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	padding-bottom: 1em;
	max-width: 760px;
	margin-top: 88px;
	clear:both;
}

a:link, a:hover, a:visited, a:active {
	color:  #006000;
	text-decoration: none;
}
a:hover {
	opacity: 0.4;
	text-decoration: none;
}
.active {
	opacity: 0.4;
}

.navbar {
	/* overflow: hidden; */
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	width: 100%;
	/* max-width: 600px; */
	border-bottom: 1px solid #DDDDDD;
	text-align: center;
}

.navbar .logotipo img {
	/*display: block;*/
	padding: 5px;
	height: 40px;
}

.navbar .ico img {
    /*float: left;*/
    display: inline;
    text-align: center;
    padding: 5px;
    text-decoration: none;
	height: 40px;
}

h1 {
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #006000;
	text-align: center;
}

h2 {
	font-size: 24px;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	text-align: center;
}
h3 {
	display: block;
	padding: 0.5em;
	color: #000;
	background-color: #ebf3e7;
}

ul {
    margin-top: 0;
    margin-right: 0;
    margin-left: 1em;
    margin-bottom: 1em;
    padding: 0;
}
li {
	margin-bottom: 0.33em;
}

article {
}

section {
	clear: both;
}

figure {
    padding-top: 1em;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1em;
    margin: 0;
    display: block;
	width: 100%;
}

.content {
}

.content p {
	text-align: left;
	line-height: 1.3;
}

.content .fotonoticia {
	width: 100%;
	padding-bottom: 0.5em;
}

.content figcaption, .small {
	font-size: 0.8em;
}

.puntoventa {
	font-size: 24px;
	color:#FF0004;
}

#actividades ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#actividades ul li {
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 1em;
}
#actividades ul li span {
	font-size: 18px;
	font-weight: bold;
	color: #006000;
}
#actividades img {
	vertical-align: middle;
}

#contacto ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contacto ul li {
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 1em;
}
#contacto ul li span {
	font-size: 16px;
	color:#808080;
}
#contacto img {
	vertical-align: middle;
}

footer {
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
    border-top: 1px dashed #006000;
}

footer p {
	font-size: 0.9em;
}

.my-button {
 	 padding: 0.9em 1.8em;
 	 background-color: #006000;
 	 color: white;
 	 border: none;
 	 border-radius: 0.5em;
  	cursor: pointer;
	margin-bottom: 2em;
}
.floatimg {
	clear: both;
}
.floatimg img {
	float:right ;
	width: 25%;
	vertical-align: middle;
	padding-left: 1em;
}
.separa{
	clear: both;
	height: 3em;
}

@media (max-width: 768px)
{
	
#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	padding-bottom: 1em;
	max-width: 760px;
	margin-top: 136px;
}

.navbar .logotipo {
    display: block;
    padding: 0px;
}
	
.navbar .logotipo img {
	height: 30px;
	padding-top: 5px;
}

#actividades ul li {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
#contacto ul li {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}

}/* close 768 */