/*****			Reset       **********/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/***** Estilos *************/
.formulario-contacto {
  max-width: 500px;
  margin: auto;
  background: #E0D9C7;
  padding: 20px;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.formulario-contacto label {
  display: block;
  margin-top: 15px;
  font-weight: bold;
}
.formulario-contacto input,
.formulario-contacto textarea {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid #333333;
  border-radius: 4px;
}
.formulario-contacto input[type="submit"] {
  background-color: #333333;
  color: white;
  border: none;
  margin-top: 20px;
  cursor: pointer;
}
.formulario-contacto input[type="submit"]:hover {
  background-color: green;
}
article {
background-color: #E0D9C7;
}
body {
	 color: #333333;   
	 background-color: #E0D9C7 ;
	 font-family:Georgia, Serif;
	 }
header.cuarenta  {
	 clear: left;
	 width: 40%;
	 float:left;
	 }
img {
	max-width: 100%;
	height: auto;
	}
img.suelta {
float: left;
margin-left:5px;
margin-right:5px;
}
img.imagen { 
	margin-top: 20px;
	margin-bottom: 30px;
	max-width: 100%;
	height: auto;
}
img.sinflotar { 
	float:none;
	max-width: 100%;
	height: auto;
}
#cabecera {
/* background-color:  #E0D9C7; */
box-shadow: 5px 5px 5px 5px grey;
margin-top: 10px;
margin-bottom:30px;
text-align:center;
border-radius: 15px;
border: 2px solid #3B1406;
text-shadow: 1px 1px 0px white, 2px 2px 0px grey;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
}
#bannercentenario {
text-align:center;
width:100%;
clear:left; 
} 
.navegador ul{
 list-style-type: none;
 }
.aparte {
	clear:both;
}
 .navegador li{
  display: inline; 
 text-align: left;
  font-size:1.6em;
  text-decoration: none;
 }
 .navegador li a {
 padding: 2px 7px 2px 7px;
 color: #333333;
 /* background-color: #E0D9C7; */
 border: 2px solid #3B1406;
 border-radius: 15px;
 text-decoration: none;
 font-weight:bold;
 box-shadow: 5px 5px 5px 5px grey;
 text-shadow: 1px 1px 0px white, 2px 2px 0px grey;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(184, 193, 175) 100%);
   }
 .navegador li a:hover{
 background-color: #333333;
 color: #ffffff;
 }
 .nav2 {
 text-align: center;
 width:100%;
 height:40px;
 margin:auto;
 }
 .nav2 ul{
 list-style-type: none;
 }
  .nav2  li {
 display: inline; 
 text-align: center;
  font-size:1.6em;
  text-decoration: none;
  float:left;
  margin-right: 30px;
  margin-bottom: 30px;
  }
  .nav2 li a {
 padding: 2px 7px 2px 7px;
 color: #333333;
 background-color: #E0D9C7; 
 border: 2px solid #3B1406;
 border-radius: 15px;
 text-decoration: none;
 font-weight:bold;
  }
 .nav2 li a:hover{
 background-color: #333333;
 color: #ffffff;
 }
 .articulo {
   float: left;
   width: 33.3%;
   box-sizing:border-box;
   text-align:center;
} 
.articulo2 {
   clear:both;
   float: left;
   box-sizing:border-box;
   text-align:left;
} 
.articulo3 {
   clear:left;
   text-align:left;
   } 
article a {
	border:none;
	text-decoration:none;
	padding: 2px 7px 2px 7px;
 color: #333333;
 }
article a:hover {
	color:#FFFFFF;
	border:none;
	background-color: #333333;
}
.treinta  {
	 width: 30%;
	 float:left;
	 box-sizing:border-box;
	 text-align:left;
	 }
 h1 {
	font-family:Georgia, Serif;
	font-size:3em;
	font-weight: bold;
	margin:0px;
	}
section {
float:left;
width:100%;
}
.subtitulo {
	font-family:"Brush Script MT", Georgia, Serif;
	font-size:2.2em;
	font-weight: bold;
	font-style: italic;
	margin:0px;
}
.tracker {
visibility:hidden !important;
}
h2 {
	font-size:1.6em;
	font-weight: bold;
}
h3 {
	font-weight: bold;
	}
footer {
	/*clear:both; */
	width: 100%;
	margin: auto;
	text-align: center;
	background-color: #E0D9C7;  
	float: left;
	box-sizing:border-box;
	text-decoration:none;
}
footer a {
	border:none;
	text-decoration:none;
	padding: 2px 7px 2px 7px;
 color: #333333;
 }
footer a:hover {
	color:#FFFFFF;
	border:none;
	background-color: #333333;
}

p {
	font-size:1.1em;
	line-height:1.4;
}

p.negrita {
	font-weight:bold;
}
.pie {
	float: left;
   width: 25%;
   box-sizing:border-box;
   text-align:center;
   background-color: #E0D9C7; 
   margin-bottom: 20px;
}
.pie ul {
list-style-type: none;
}
#wrapper {
background-color: #E0D9C7;
margin:auto;
width: 80%;
max-width: 1366px; 
}
@media screen and (max-width: 960px) {
h1 {
	font-family:Georgia;
	font-size:1.9em;
	font-weight: bold;
	margin:0px;
}
.navegador li{
  text-align: left;
  font-size:1.5em;
  text-decoration: none;
 }
.articulo {
   float: left;
    width: 33.33%;
   box-sizing:border-box;
   text-align:center;
   } 
#wrapper {
margin:auto;
width: 85%;
}
.pie, .addthis_native_toolbox {
	float: left;
   width: 33.33%;
   box-sizing:border-box;
   text-align:center;
   background-color: #E0D9C7; 
}
}  /* fin max-width: 960px */
@media screen and (max-width: 768px) {
h1 {
	font-family:Georgia;
	font-size:2em;
	font-weight: bold;
	margin:0px;
}
.subtitulo {
	font-family:"Brush Script MT", Georgia;
	font-size:1.6em;
	font-weight: bold;
	font-style: italic;
	margin:0px;
}
.articulo {
   float: left;
   padding: 5px;
   width: 50%;
   box-sizing:border-box;
   text-align:center;
} 
.pie {
	float: left;
   width: 50%;
   box-sizing:border-box;
   text-align:center;
   background-color: #E0D9C7; 
}
#wrapper {
margin:auto;
width: 90%;
}
}  /* fin max-width: 768px */
@media screen and (max-width: 480px) {
h1 {
	font-family:Georgia;
	font-size:1.6em;
	font-weight: bold;
	margin:0px;
}
.subtitulo {
	font-family:"Brush Script MT", Georgia;
	font-size:1.4em;
	font-weight: bold;
	font-style: italic;
	margin:0px;
}
.articulo {
   float: left;
   width: 100%;
   box-sizing:border-box;
   text-align:center;
   padding:5px;
   } 
.pie {
	float: left;
   width: 100%;
   box-sizing:border-box;
   text-align:center;
   background-color: #E0D9C7; 
}   
#wrapper {
margin:auto;
width: 95%;
}
}  /* fin max-width: 480px */