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

*{margin:0; padding: 0;}
img {width:100; height: auto}

body {
    width: 100%; 
    margin: 0 auto; 
    padding: 0 auto;
    font-family: 'Lato', sans-serif;
    font-size: 0.9em; 
    font-weight: 500;
    background-color: #CCD7B0;
}

.ancho {
    max-width: 70em; 
    margin: 0 auto; 
    padding-left: 1em; 
    padding-right: 1em; 
    position: relative; 
}

ul {
    margin: 0; 
    padding:0;
}

ul li{
    list-style: none;  
    margin-bottom: 0.5em; 
    border: 1% solid;
    color: #fff; 
}

/*//////// HEADER //////////*/

header{
    min-height: 2%;
    background: #90A654;
    padding-top: 1%;
    overflow: hidden;
}

.logo { display: block; height: 6em; text-indent: -99999px; width: 30%; float: left; }

.logo a {display: block;}
    
.weblogo{
    width: 70%; height: 50%;
    margin-left: 4%;
    margin-top: 1%;
    background-image: url(imagenes/acumar.png);
    background-size: contain;
    background-repeat: no-repeat;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
}

#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: "roboto", sans-serif;
  z-index: 100;
  width: 70%;
    float: right;
    padding-top: 4%;
}

#cssmenu > ul {
  float:right;}
    
#cssmenu > ul > li {
  float:left;
}

#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}

#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}

#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #266229;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
  
#homep1{
    background-image: url(imagenes/huerta-organica.jpg);
    background-size: cover;
    margin:auto;
    display: table;
    height: 100%;
    width: 100%;;
    background-repeat: no-repeat;
    padding-bottom: 10%;
   }


#content-p1{
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    height: auto;
    background-color: #FBA770;
    max-width: 70%;
    display: inline-block;
    position: relative;
    text-align: left;
}
#content-p2{
    background-color: none;
    
}

h1 {font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;}

#homep1 h1{
    font-size: 1.5rem;
    font-weight: 800;
    color: #FFF;
    }

#homep1 h2{
    font-size: 0.7em;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 1em; 
    padding-top: 0.2em;}


h7 { font-family: "Roboto", Arial, sans-serif;
    font-weight: 300;
    font-size: 0.7em;
    color:#5E5E5E;
    text-transform: uppercase; 
} 

h6 {font-weight: 300; 
    color: #fff; 
    font-size: 1em;
    margin-top: 1em; 
    margin-bottom: 0.5em; 
}

h6 span { 
    font-weight: 700;
}

.boton {
    margin-bottom: 1%; 
    display: block; 
    margin-top: 5%;
}

#videos {
    background-image: url("imagenes/images.jpg");
    background-size: cover;
    position: relative;
    float: left;
    width: 102%;
    height: 17.5rem;
    top: 1rem;
    margin: 0;
    padding: 0;
}

#newsletter {
    background-color:#95446F;
    padding-top: 0.5em;
    text-align: center;
}
.newsletter{
    margin-bottom: 1%; 
    display: block; 
    margin-top: 5%;
}

h8{ font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-weight: 500;
    border-bottom: 0.2rem solid #FDDD7B;
    padding-top: 0.2em; 
    padding-bottom: 0.07em;
}


.boton-banner { background-color:#4D2339;
    border-radius: 0.35em;
    padding: 0.5em;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    bottom: 1rem; 
}

.html5{
    background-color:#4D2339;
    border-radius: 0.35em;
    padding: 0.5em;
    color: #fff; 
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none; }

main { 
    background-color: #CCD7B0;
    padding-top: 1em;
    padding-bottom: 1em;
    overflow: hidden;}

h3{
    color: #FFF; 
    padding: 0.3em;
}

#reportes-titulo {
    background-color: #B37D57;
    text-align:center;
    margin-top: 1em;
    overflow: hidden
}

#reportes, #calendario { 
height: auto;
background-color: #F5E7D6;
padding: 0.8em; 
margin-bottom: 1em;
}

#reportes h1{
    font-size: 1.2em;
    font-weight: 400;
    color: #583F3C;
    }

#reportes h1 span{
    font-weight: 800;
    font-size: 1.5em;
    }

.bajada { font-weight: 600; padding-top: 1em; padding-bottom: 1em; font-size: 1rem;}

.bajada a { font-weight: 700; padding-top: 1em; padding-bottom: 1em; text-decoration: none; color: #9C232A; }


/*-----Cronograma------*/


#cronograma-titulo {
    background-color: #B37D57; 
    text-align:center;
    width: 29.6em;
}

.content-box {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.cronograma {
    margin-top: 1em;
	margin-bottom: 1em;
}

.cronograma .cal-title {
	background-color: #dcdcdc;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	color:#1e1e1e;
	font-weight: 700;
	position: relative;
}

.cronograma .cal-title a {
	position: absolute;
	display: block;
	color: #666;
	font-size: 1em;
}

.cronograma .cal-title a.prev {left: 0.5em;}
.cronograma .cal-title a.next {right: 0.5em;}

.cronograma .cal-title a:hover {
	text-decoration: none;
	color: #222;
}

.cronograma table {
	width: 100%;
}

.cronograma table thead th {
	width: 14.28%;
    background-color: #9C232A;
	color: #FFFFF7;
	font-size: 0.8em;
	text-align: center;
}

.cronograma table tbody tr td {
	background-color: #FF9999;
	color: #4e4e4e;
	font-size: 0.8em;
	text-align: center;
	height: 2em;
}

.cronograma table tbody tr td.event {
	background-color: #E5A53E;
}

.cronograma table tbody tr td.event:hover,
.cronograma table tbody tr td.today:hover {
	cursor: pointer;
}

.cronograma table tbody tr td.event:hover {
	background-color: #ffc272;
}

.cronograma table tbody tr td.today {
	background-color: #DB5C19;
	color: #FFF !important;
}

.cronograma table tbody tr td.today:hover {
	background-color: #333;
}

.cronograma table tbody tr td.today a {
	color: #FFF;
}

.cronograma table tbody tr td.event a {
	color: #333;
}

.cronograma table tbody tr td.today a:hover,
.cronograma table tbody tr td.event a:hover {
	text-decoration: none;
}

.cronograma table tbody tr td.disabled {
	background-color: #FFDFDF;
	color:#959595;
}
.content-box {
    padding: 0.5em; 
    margin-bottom: 1em; 
    border: 0.1em solid #B37D57;
    width: 34.2em;
    background-color: #EBDED3;
}

/*---------- FOOTER--------*/

#footer-contacto {
    padding-top: 1em;
    padding-bottom:1em;
    border-bottom-color: lightgrey;
    margin-bottom: 0.5em;}

h9 {
    text-transform: uppercase;
    font-weight: 700; 
    color: #FDDD7B; 
    font-size: 0.8rem; 
}

h9 a {
    text-decoration: none;
    color: #FDDD7B;
}


h10 {
    color: #FFFFF4;  
    font-size: 0.80em; 
}

h10 a {
    text-decoration: none;
    color: #FFFFF4;
}
#footer-redes {
    margin-bottom: 0.5em;
    overflow: hidden;}


#footer-redes ul {
    padding-top: 10%;
    width: 24%;
    float: left;
    text-align: center; 
    padding-left: 2%;
    padding-right:5%
}

#footer-redes ul li{
    width:80%;
    height: auto;
    list-style: none;
    margin-left: 0%
}

#footer-redes ul li a img {
    width: 80%; 
    padding-top: 0em; 
    padding-left: 1em;
}


#fadu-legales{
    clear: both; 
    padding-left: 1em; 
    padding-right: 1em; 
    padding-bottom: 1em;
    padding-top: 1rem;
    background: #266229;
    height: auto;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 0.7em;
    text-align: center;
    border-top: 0.5em solid #D9D9D9;
}

#fadu-legales p{
    padding-top: 2em;
    padding-bottom: 2em;
}

header {min-height: 6.2em; overflow: hidden}
    
.weblogo{
    width: 12em; height: 6em;
    margin-left: 1em;
    background-image: url(imagenes/acumar.png);
    background-size: contain;
    background-repeat: no-repeat;}  

#newsletter {
    width: 100%; 
    float:right;
}

h8 {font-size: 1.6em;}
    
h7 {font-size: 0.8em;} 

h6 {font-size: 1.2em;}

main{clear: both;}
    
#reportes-titulo {clear:both;} 
    
#reportes h1{font-size: 2.2em;}

#reportes h1 span{font-size: 1.2em;}

.bajada {font-size: 1.05em; color: #666666;}

p {font-size: 1.05em;}

.cronograma-caja {width:50%; float:left;}

footer {clear: both; }
    
#footer-contacto {width: 49%;
    height: 11em;
    float: left;
    border-bottom: none;
    border-bottom: 0.2em solid;
    border-bottom-color: lightgrey;
    padding-bottom: 4em;
    }
    
#footer-redes {width:48%;
    height: 11em;
    float:left;
    margin-top: 1em;
    padding-left: 1em;
    border-bottom: 0.2em solid;
    border-bottom-color: lightgrey;
    padding-bottom: 4em;}
    
#footer-redes ul li {
    margin-left:0%;
}
    
#footer-redes ul li a img {
    width: 95%; 
    padding-top: 1em; 
    margin-left:0;
}
    

header {overflow: hidden; min-height: 6em;}
#home-entidades {
min-height: 34em;}
}
        
    
#footer-redes ul li a img {
    width: 75%; 
    padding-top: 5%; 
    margin-left:10%;
}
    
}

nav  {
float: right;
min-height:40px;
}
    
header{overflow: visible;}


#homep1{overflow: hidden; } 


#home-reportes {
    width: 34.2em; 
    height:36.3em; ; 
    float: left; 
    margin-right: 0.5em; 
    background-color: #F5E7D6;
}
    
#reportes-titulo {
 margin-top: 0;}

.cronograma-caja {
    width: 34.2em; 
    float: left; 
    margin right: 0.5em;  
}

    
footer {clear: both; 
    background-color: #90A654;
    padding-top:1em; 
}
    
#footer-contacto {
    width: 20rem;
    height: 20%;
    margin-top: 0.5em;
    float: left;
    border-bottom:none;
}
    
#footer-redes {width:21em;
    height: 12em;
    float:left;
    margin-top: 1em;
    padding-left: 0.5em;
    border-bottom: none;}
    
#footer-redes ul li {border:none;}
    
#footer-redes ul li a img {width: 80%; padding-top: 1em; padding-left: 1em;}
  
#fadu-text{
    clear:both;
    background-color:#5D882E;
}
    


#nota{
    float: left;
    background-color: #F5E7D6;
    border: 1rem;
    padding: 0px 20px 20px 20px;
}



#fondocontact{
    background-image: url(imagenes/fondo.jpg);
    background-size: cover;
    margin:auto;
    display: table;
    height: 80%;
    width: 100%;;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    overflow: hidden; 
   }
.contacto h1{
    font-size: 1.5rem;
    font-weight: 800;
    color: #FFF;
    }

.contacto h2{
    font-size: 0.7em;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 1em; 
    padding-top: 0.2em;
}