@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: "Fira Sans", Arial, sans-serif; color: #555555; font-size: 0.9em; font-weight: 500;}

.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: 0.1em solid;
    color: #fff; 
}

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

header{
    min-height: 5em;
    background: #000;
    padding-top: 1em;
    overflow: hidden;}

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

.logo a {display: block;}
    
.weblogo{
    width: 4em; height: 6em;
    margin-left: 1em;
    margin-top: 0.5em;
    background-image: url(Imagenes/img-header-logo-chico.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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: "roboto", sans-serif;
  background: #000;
  z-index: 100;
  width: 70%;
    float: right;
    padding-top: 2.3em;}

#cssmenu > ul {
  float:right;}
    
#cssmenu > ul > li {
  float:left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#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 > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#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: #000;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 70em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 70%;
    z-index: 100;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
    }
    
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}



/*//////// HOME //////////*/

#homep1{
    background-image: url(Imagenes/img-body-full.JPG);
    background-size: cover;
    margin:auto;
    height: auto;
    background-repeat: no-repeat;
    padding-bottom: 1em;
   }

#content-p1{
    padding-top: 2em;
    padding-bottom: 1em;  
    height: auto;
    width: auto;}

.textobienvenida {
    font-family: "Fira Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 0.7em;
    color: #FFF;
    border-bottom: 0.1em solid #FFF;
    text-transform: uppercase;
    }

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

#homep1 h1{
    font-size: 2em;
    font-weight: 700;
    color: #FFF;
    }

#homep1 h1 span{
    font-weight: 400;
    }


#homep1 h2{
    font-family: "Fira Sans", Arial, sans-serif;
    font-size: 0.7em;
    font-weight: 300;
    color: #FFF;
    border-bottom: 0.1em solid #FFF;
    border-top: 0.1em solid #FFF;
    margin-bottom: 1em; 
    padding-top: 0.2em;}

.box1 { background-color: #000; 
        padding: 1em; 
        text-align: left;
        margin-top: 0.5em;
        margin-right: 0; margin-left: 0em; }

.box2 { background-color: #000; 
        padding: 1em; 
        text-align: left;
        margin-top: 0.5em;
        margin-right: 0; margin-left: 0; }

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

#box-text-empresas{ color: #3399CC; border-bottom: 0.1em solid;}

#box-text-vecinos { color: #E5A53E; border-bottom: 0.1em solid;}

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

h6 span { font-weight: 700;
}

.boton {margin-bottom: 0.5em; display: block; margin-top: 1.5em;}

.boton-registro { background-color: #3399CC;
    border-radius: 0.35em;
    padding: 0.5em;
    color: #fff; 
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none; 
    font-size: 0.8em;
    ;
}

.boton-suscripcion { background-color:#E5A53E;
    border-radius: 0.35em;
    padding: 0.5em;
    color: #fff; 
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.8em;
}

/*//////// PROYECTO //////////*/

#home-proyecto{
    margin:auto;
    height: auto;
    background-color: #3399CC; 
    padding-top: 1.2em;
    padding-bottom: 0.8em;}

.proyecto-img {float: left; width: 2em; height:auto;}

.proyecto-img img {width:2em; height:auto;}

#home-proyecto div ul {margin: 0; padding:0;}

#home-proyecto div ul li{
    list-style: none;  
    margin-bottom: 0.5em; 
    border: 0.1em solid;
    height: 3em;
    padding:0.5em;
    color: #fff; 
}

.proyecto-titulo{
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 1.1em;
padding-top: 0.8em;
padding-left: 2.5em;
font-weight: 500;
display: block;
position: relative;
}

ul .final a {padding: 0; margin: 0;}

#home-proyecto div ul li a::before {
   /*/ background-image: url(Imagenes/desarrollo.png);
    background-repeat:  no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 1em;
    content: " ";/*/
}
/*//////// no funciona! //////////*/

/*//////// BANNERS //////////*/

#banner-1 {background-image: url(Imagenes/banner-propuesta.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 0.5em;
    padding-top: 0.5em; }

#banner-2 {background-color:#E5A53E;
    padding-bottom: 0.5em;
    padding-top: 0.5em;}

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


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

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

.banner-box1{ margin: 1em;  padding-bottom: 1em;}
.banner-box2{ margin: 1em;  padding-bottom: 1em;} 

/*//////// MAIN //////////*/

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

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

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

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

#reportes h1{
    font-size: 1.2em;
    font-weight: 400;
    color: #3399CC;
    }

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

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

.bajada a { font-weight: 600; padding-top: 1em; padding-bottom: 1em; text-decoration: none; color: #3399CC; }

.bajada a:hover {color: #E5A53E;} /*//////// no funciona //////////*/

.bajada a:visited {color: #3399CC;} /*//////// no funciona //////////*/

p {font-size: 0.7em;}

/*---------------*/
/***** Calendario *****/
/*---------------*/

#calendario-titulo {background-color: #3399CC; text-align:center; }

span.icon-evento-hora {background-position: -136px -254px}
span.icon-evento-fecha {background-position: -122px -254px}

span.icon-evento-hora, span.icon-evento-fecha {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

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

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

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

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

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

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

.calendario table {
	width: 100%;
}

.calendario table thead th {
	width: 14.28%;
	color: #575757;
	font-size: 0.8em;
	text-align: center;
}

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

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

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

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

.calendario table tbody tr td.today {
	background-color: #3399CC;
	color: #FFF !important;
}

.calendario table tbody tr td.today:hover {
	background-color: #00a3e1;
}

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

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

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

.calendario table tbody tr td.disabled {
	background-color: #f4f4f4;
	color:#bdbdbd;
}

#img-evento img {width: 100%; height: auto;}

.content-box .bajada{padding: 0; text-transform: uppercase; font-size: 1em;}
.content-box p{padding: 0; font-size: 0.9em;}
.content-box .bajada a{padding: 0; text-transform: none; font-size: 0.8em;}

.content-box {padding: 0.5em; margin-bottom: 1em; border: 0.1em solid #3399CC;}

/*//////// ASIDE //////////*/

aside { background-color: #DADAD9;  padding-top: 1em; padding-bottom: 1em;}

#entidades{background-color: #969595; padding-bottom: 1em; height: auto;}

#entidades-titulo {background-color: #000; text-align:center; }

#home-entidades {
background-color: #969595;
height: 2.5em ; 
margin-top: 0.4em;
padding: 0.3em;}

#link-acumar img{
    width: 30%; 
    height: auto;
    float: left;
    margin-right: 0.47em;
    margin-left: 0.15em;}

#link-universidad img{
     width: 30%; 
    height: auto;
    float: left;
    margin-right: 0.47em;}

#link-conicet img{
    width: 30%; 
    height: auto;
    float: left;
}

/*//////// FOOTER //////////*/

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

h9 {text-transform: uppercase;
    font-weight: 600; color: #3399CC; font-size: 0.8em; }

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

h9 a: visited {color:#3399CC}

h10 {color: #969595;  font-size: 0.75em; }

h10 a {text-decoration: none;color:  #969595;}

#footer-redes {border-bottom: 0.2em solid;
    border-bottom-color: lightgrey;
    margin-bottom: 0.5em;
    overflow: hidden;}


#footer-redes ul {padding-top: 5%;
    width: 22%;
    float: left;
    text-align: center; 
    padding-left: 0;
    padding-right:1%}

#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;}

#footer1{float: left;
    width: 40%;
    height: 9.5em;
    border-right: 0.2em solid lightgrey;
    padding-right: 1%;
    Padding-top: 1%;
    padding-bottom:  1%}

#footer2 { float:left;
    height: 9.5em;
    padding-top: 1%;
    padding-left: 0.5em;
    overflow: hidden;
    padding-bottom:  1%}

#fadu-text{
    clear: both; 
    padding-left: 1em; padding-right: 1em; padding-bottom: 1em; 
    background: #000;
    height: auto;
    color: #FFF;
    font-family: "Fira Sans", arial, sans-serif;
    font-weight: 400;
    font-size: 0.7em;
    text-align: center;
    border-top: 0.5em solid #D9D9D9;
}

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


/*//////// MAIN EMPRESAS //////////*/

.main-empresas {background-color: #FFF;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    width: 70.7%;
    float:left;}

#empresas-full {width: 52em; float: right;}

#main-empresas-box {height: auto;
float: right;
background-color: #FFF;
margin-right: 1em; 
margin-bottom: 1em;
width: 33em;
padding-top: 1em;}

#main-empresas-texto h1{
    font-size: 2em;
    font-weight: 400;
    color: #3399CC;
    border-bottom: 0.1em solid;
    margin-top: 1em;
    margin-bottom: 0.1em;
    }

#main-empresas-texto h1 span{
    font-size: 1.2em;
    font-weight: 700;
    color: #3399CC;
    }

.texto {font-size: 0.9em; font-weight: 400;}

.bajada2 { font-weight: 700; font-size: 1em; color: #666666; border-bottom: 0.2em solid; margin-top: 1em; margin-bottom: 0.5em; }


#empresas-col2 {width: 16em; float: right; padding-top: 1em; margin- right: 1em;}

#empresas-imagen{height:10em; background-image: url(Imagenes/empresas-1.jpeg); background-size: cover; text-indent: -99999px}

#empresas-tipos {background-color: #3399CC;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    text-align:center;
    margin-top:1em;}



.inside-menu li {border: 0.2em solid #3399CC; border-radius: 0.5em; margin-top: 0.5em; text-align: center;padding-top: 0.7em; padding-bottom: 0.5em; overflow: hidden;}

.inside-menu li a{ padding-left: 2em; display: block; margin-top: 0.7em; color:#3399CC; text-decoration: none; text-transform: uppercase; font-weight: 500;}

.inside-menu li img{padding-left: 2em; float: left}

#empresas-relevamientos-box{border: 0.15em solid #666666; border-radius:0.7em; ; margin-top: 1em; margin-bottom: 1em;}

#empresas-relevamientos-box2{border: 0.15em solid #666666; border-radius:0.7em; ; margin-top: 0em; margin-bottom: 1em;}

#empresas-relevamientos {background-color: #666666;
    font-size: 1em;
    border-top-left-radius:0.5em;
    border-top-right-radius:0.5em;
    font-weight: 400;
    text-transform: uppercase;
    text-align:center;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.3em;
    }

.titular-box {margin-left: 0.5em; border-bottom: 0.2em solid; color: #003366;}

#empresas-relevamientos-box p{padding: 0.5em; font-size: 0.8em; font-weight: 400; margin-bottom: 1em; border-bottom: 0.1em dotted #666666; }

#empresas-relevamientos-box p.p-last{border-bottom: none;} 

#empresas-relevamientos-box2 p{padding: 0.5em; font-size: 0.8em; font-weight: 300; margin-bottom: 1em; border-bottom: 0.1em dotted #666666; }

#empresas-relevamientos-box2 p.p-last{border-bottom: none;} 

#empresas-img img{width: 52em; float: left;}


.general-aside{background-color: #DADAD9; float: right; margin-left: 1em; width:27.99% ;height: 74em;} 

.aside-box { width: 16.5em; padding-left: 1em;}

#entidades-aside{background-color: #969595; padding-bottom: 1em; height: auto; margin-top: 1em;}

#entidades-titulo-aside {background-color: #000; text-align:center; font-size: 1em;}

#home-entidades-aside {
background-color: #969595;
height: 2.5em ; 
margin-top: 0.4em;
padding: 0.3em;}

#link-acumar-aside img{
    width: 30%; 
    height: auto;
    float: left;
    margin-right: 0.47em;
    margin-left: 0.15em;}

#link-universidad-aside img{
     width: 30%; 
    height: auto;
    float: left;
    margin-right: 0.47em;}

#link-conicet-aside img{
    width: 30%; 
    height: auto;
    float: left;
}


#aside-participantes-titulo{background-color: #003366;
    margin-top: 1em;
    font-size: 1em;
    font-weight: 500;
    text-align:center;
    }

#aside-participantes-box{background-color: #C1C1C1; height: auto; padding: 0.5em;}

.masinfo-box {border: 0.1em solid #6F6F6E;padding-top: 0.5em; height: auto; margin-top: 1.5em;}

.masinfo-box h7{ margin-left: 0.5em; font-size: 1em; font-weight: 900; text-transform: uppercase; border-bottom: 0.15em solid #6F6F6E; line-height: 1.5em; display: block; margin-right: 1em; padding-top: 0.8em;padding-left: 1em;}

.masinfo-box ul{ margin: 0em; padding-top: 1em;}

.masinfo-box ul li{display:block; text-align: left; border: none;line-height: 2.5em; margin-left: 0.5em; margin-right: 0.5em; padding-left: 1em;}


.masinfo-box ul li a{color: #6F6F6E; }
.masinfo-box ul li a:hover{color: #3399CC;}


/*////////EMPRESAS ALIMENTOS//////////*/


.inside-menu-angosto li {border: 0.2em solid #3399CC;
    border-radius: 0.5em;
    margin-top: 0.5em;
    text-align: center;
    padding-top: 0.7em;
    padding-bottom: 0.5em;
    overflow: hidden;
    width: 31%;
    float: left;
    margin-right: 0.5em;}

.inside-menu-angosto li a{ padding-left: 1.5em; display: block; margin-top: 0.4em; color:#3399CC; text-decoration: none; text-transform: uppercase; font-weight: 500; float: left; font-size: 1em; }

.inside-menu-angosto li img{margin-left: 2em; float: left; height: 2em;}


.inside-menu-angosto li.inside-menu-angosto-select a {color: #fff;}
    
.inside-menu-angosto-select {border-left: 0.2em solid #3399CC; background-color:#3399CC; text-decoration: none; text-transform: uppercase; font-weight: 500; margin-right: 0.5em;}

#empresas-relevamientos-box2{margin-top: 11em;}
#empresas-relevamientos-box2 img{height: 10em; width: 14.75em; margin-left: 0.5em;}

#main-empresas-texto #alimentos{
   width: 25em;
    }

.separador{border-top: 0.1em dotted #666666; margin-right: 0.5em; padding-top: 1em;}


/*//////// MAIN VECINOS //////////*/

#main-vecinos-texto{font-weight: 300; }

#main-vecinos-texto h1{
    font-size: 2em;
    font-weight: 400;
    color: #E5A53E;
    border-bottom: 0.1em solid;
    margin-top: 1em;
    margin-bottom: 0.1em;
    }

#main-vecinos-texto h1 span{
    font-size: 1.2em;
    font-weight: 700;
    color: #E5A53E;
    }

#vecinos-tipos {background-color: #E5A53E;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    text-align:center;
    margin-top:1em;}

.inside-menu2 li {border: 0.2em solid #E5A53E; border-radius: 0.5em; margin-top: 0.5em; text-align: center;padding-top: 0.7em; padding-bottom: 0.5em; overflow: hidden;}

.inside-menu2 li a{ padding-left: 2em; display: block; margin-top: 0.7em; color:#E5A53E; text-decoration: none; text-transform: uppercase; font-weight: 500;}

.inside-menu2 li img{padding-left: 2em; float: left}




.masinfo-box2 {border: 0.1em solid #6F6F6E;padding-top: 0.5em; height: auto; margin-top: 1.5em;}

.masinfo-box2 h7{ margin-left: 0.5em; font-size: 1em; font-weight: 900; text-transform: uppercase; border-bottom: 0.15em solid #6F6F6E; line-height: 1.5em; display: block; margin-right: 1em; padding-top: 0.8em;padding-left: 1em;}

.masinfo-box2 ul{ margin: 0em; padding-top: 1em;}

.masinfo-box2 ul li{display:block; text-align: left; border: none;line-height: 2.5em; margin-left: 0.5em; margin-right: 0.5em; padding-left: 1em;}

.masinfo-box2 ul li a{color: #6F6F6E; }
.masinfo-box2 ul li a:hover {color:#E5A53E;}
.masinfo-box2 ul li a:visited {text-decoration: none}
    
#vecinos-proyecto{
margin:auto;
    height: auto;
    background-color: #3399CC; 
    padding-top: 1.2em;
    padding-bottom: 0.8em;
    clear:both;
    overflow: hidden;}

#vecinos-proyecto div ul {margin: 0; padding:0;}

#vecinos-proyecto div ul li{
    list-style: none;  
    margin-bottom: 0.5em; 
    border: 0.2em solid;
    padding: 1em;
    color: #fff;
    width:20%;
    text-align: center;
    display:block; float:left; margin: 0.5em;}

#vecinos-proyecto div ul li a{
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 1.1em;
font-weight: 500; 
}

#vecinos-proyecto div ul li:hover{
background-color: white;
}

#vecinos-proyecto div ul li a:hover{
color:#3399CC;
background-color: white;
display: block;
}

.vecinosdiv {width: 100%; overflow: hidden;} 


/*//////// VECINOS TESTIMONIOS //////////*/


.main-vecinos-testimonios {width:70.7%; background-color: #FFF; margin: 0 auto;float:left;}

#main-vecinos-testimonios-box {height: 70em;;
background-color: #FFF;
padding: 0em; 
margin-bottom: 1em;
width: 51em; float: right;
margin-right: 0;
overflow: hidden;
}

.foto-testimonio {width: 35em; float: left; padding-top: 1em;}
.foto-testimonio img {width: 100%; heigt: auto;}

.info-testimonio {float: right; width:14em; padding-left: 1em; padding-top: 1em;}

.info-testimonio h9 {color: #6F6F6E; font-size: 1.2em;}

.info-testimonio h10 {font-size: 1.2em; line-height: 2em; color: #6F6F6E;}

.info-testimonio h7 {font-size: 1.5em; color: white; background-color:#E5A53E; border-radius: 50%; width:2em; height: 2em; display: inline-block; text-align: center; padding: 0; margin: 0;}

.texto-testimonio {clear: both;
    padding-top: 2em;
    background-image: url(Imagenes/comillas-01.png);
    background-size: cover;
    background-repeat: no-repeat;}

.texto-testimonio h3 {color: #6F6F6E;font-size: 1.5em; text-align: justify; font-weight: 500;}

.slider {margin-top: 2em; clear: both;
    border: 0.4em solid #E5A53E;
    padding: 1em;
    overflow: hidden;
    height: 13em;}

.slider li{overflow: hidden; height: auto; }

.slider2 {display: block; width: 40em; height: }

.testimonio-slide {width: 31.2%; float:left; margin-right: 1em; overflow:visible; height: 15em;}

.testimonio-slide div img {width:100%; height: auto; }

.testimonio-slide h7 {font-weight: 700; font-size: 1em;}

.testimonio-slide h7 span {border-bottom: 0.5em solid; margin-bottom: 1em;}

.parrafo-slider {color: black; font-size: 0.7em; overflow: hidden}

/*//////// VECINOS COMO GESTION//////////*/

.como-gestion {width: 50em; float: right;}

.inside-menu2-angosto li {border: 0.2em solid  #E5A53E;
    border-radius: 0.5em;
    margin-top: 0.5em;
    text-align: center;
    padding-top: 0.7em;
    padding-bottom: 0.5em;
    overflow: hidden;
    width: 30.99%;
    float: left;
    margin-right: 0.5em;}

.inside-menu2-angosto li a{ padding-left: 2em; display: block; margin-top: 0.7em; color: #E5A53E; text-decoration: none; text-transform: uppercase; font-weight: 500; border: }

.inside-menu2-angosto li img{padding-left: 2em; float: left}


.inside-menu2-angosto li.inside-menu2-angosto-select a {color: #fff;}
    
.inside-menu2-angosto-select {border-left: 0.15em solid  #E5A53E; padding-left: 0.9em; background-color: #E5A53E; text-decoration: none; text-transform: uppercase; font-weight: 500;}

#imagen-col2 {width: 14em; height: auto; margin: auto;}

#imagen-col2 img {width: 100%; height: auto; margin-bottom: 1em;}



/*//////// VECINOS COMO ECOPUNTOS//////////*/

#main-vecinos-ecopuntos-box {height: auto;
background-color: #FFF;
padding: 0em; 
margin-bottom: 1em;
width: 50em; float: right;
margin-right: 0;
margin-top: 1em;
overflow: hidden;
}


.info-mapa-ecopuntos {clear:both; width:30em; heigt: auto; color:#6F6F6E;  padding-top: 1.5em; font-weight: 300; float: left; }


.foto-ecopuntos {width: 32em; float: left;}
.foto-ecopuntos img {width: 100%; heigt: auto;}

#mapa-ecopuntos {width: 50em; height: 35em; margin-top: 1em;}

.info-ecopuntos {float: left;
    width:15em;
    height: 38em;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom:1em;
    padding-right: 1em;
    line-height: 1.8em;
    border: 0.2em solid #E5A53E;
    margin-top: 1em;
    overflow: auto}

.info-ecopuntos ul li { border-bottom: 0.1em dashed #6F6F6E; }

.info-ecopuntos h9 {color: #E5A53E; font-size: 1.3em; }
.info-ecopuntos h10 {color: #6F6F6E; font-size: 1em; font-weight: 700}
.info-ecopuntos h11 {color: #6F6F6E; font-size: 1em;}

.info-ecopuntos h7 {font-size: 1.5em; color: white; background-color:#E5A53E; border-radius: 50%; width:2em; height: 2em; display: inline-block; text-align: center; padding: 0; margin: 0;}


/*//////// REPORTES MENSUALES//////////*/


a {text-decoration: none;}

.main-reportes {clear:both; background-color: #FFF; margin: 0 auto; width: 70em; margin-top: 1em;}

#reporte1 {width: 34em; float: left; margin-right: 2em;}

#reporte2 {width: 34em; float: left;}

.destacado-txt{background-color: #E5A53E; text-align: center; text-transform: uppercase; font-size: 1em; font-weight: 500; height: 1.5em; padding-top: 0.5em;}

#img-reportes{width: 34em; height: 26em;}

#reporte1 h2, #reporte2 h2 {font-size: 1.8em;}

#reporte1 p, #reporte2 p {font-size: 0.85em; padding-bottom: 1em; padding-right: 0.5em; font-weight: 400;}

#reporte1 a:hover, #reporte2 a:hover, #div-reportes1 a:hover, #div-reportes2 a:hover, #aside-reportes a:hover  {color: #003366;}

#div-reportes1, #div-reportes2 {width: 70em; margin: 0 auto;}

#col-1, #col-2, #col-3, #col-4 {width: 16.5em; float: left; margin-right: 1em;}

#col-4 {height: 23em; background-color:#3399CC; margin-top: 1em; }

#col-1 p, #col-2 p, #col-3 p, #col-4 p {font-size: 0.8em; font-weight: 400; padding-right: 0.5em;}

#col-1 h9, #col-2 h9, #col-3 h9, #col-4 h9 {height: auto; font-size: 0.8em; border: none; padding-left: 0.5em; padding-right: 0.5em; text-align: left;}

#div-reportes1 img, #div-reportes2 img {width: 16.5em; height: 13em; margin-top: 1em;}

#div-reportes1 h2, #div-reportes2 h2 {font-size: 1em; padding-right: 0.5em;}

#div-reportes1 a, #div-reportes2 a {font-size: 0.8em; font-weight: 300; text-decoration: underline; padding-right: 0.5em; text-transform: uppercase; color: #3399CC;}

#aside-reportes {clear:both; width: 70em; margin: 0 auto; background-color: #FFF;}

#aside-reportes a{display: block; text-align: right; text-transform: uppercase; color: #FFF; font-size: 0.8em; font-family: 'Roboto', arial, sans-serif; background-color: #3399CC; padding: 0.5em;}

#publicacion-destacada {width: 70em; height:  1.5em; margin: 0 auto; background-color: #E5A53E; text-align: center; padding-top: 0.5em; padding-bottom: 0.3em;}

#publicacion-destacada h3 {font-size: 1em; padding: 0em; text-transform: uppercase;}


/*//////// REPORTES MENSUALES - NOTA //////////*/

#main-reportes {width: 70em;}

#reporte-interno-1 {width: 52em; float: left; margin-right: 0.5em;}

#publicacion-destacada2 {height: 1.5em; width: auto; background-color: #E5A53E; text-align: center; padding-top: 0.5em; padding-bottom: 0.3em; margin-bottom: 0.8em;}

#publicacion-destacada2 h3 {font-size: 1em; padding: 0em; text-transform: uppercase;}

#nota-titulo {width: 52em; height: 17em; margin-bottom: 1em;}

#nota-titulo h7 span {font-weight: 700;}

#nota-titulo h2 {font-size:2.5em; line-height: 1.2em; padding-top: 0.5em;}

#nota-titulo p {font-size: 1.2em; line-height: 1.2em; padding-top: 0.5em; padding-bottom: 0.7em;}

#nota-img-box {background-color: #DADAD9; padding-bottom: 1em;}

#columna-nota h1 {font-weight: 400; font-size: 0.7em; color: #000; text-transform: none; padding-left: 0.5em;}

#columna-nota {width: 34em; float: left; margin-right: 1em;}

#columna-nota h3 {color: #E5A53E; text-decoration: underline;}

#columna-nota p {font-weight: 400; font-size: 0.9em; color: #666666; padding-top: 0.5em;}


#columna-nota2 {width: 16.5em; float: left; margin-right: 0.5em; }

#columna-nota2 h3 {font-size: 0.8em; padding: 0em;}

#columna-nota2 p {color: #666666; font-weight: 400; font-size: 0.9em; padding-top: 1em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em;}

#columna-nota2 img {width: 15.5em; padding-left: 0.5em; margin-top: 0.5em;}

#nota2-interna {border: 0.1em solid #E5A53E; margin-bottom: 1em;}


#notas-relacionadas {width: 16.5em; float: left; margin-left: 0.5em;}


#notas-relacionadas img {width: 16.5em; margin-bottom: 0.5em;}

.media {
  position: relative;
  vertical-align: top;

}

.media__image{height: 13.1em;}

.media__body {
  background: rgba(41, 128, 185, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  position: absolute;
  text-align: left;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
height: 12.1em;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  opacity: 0;
  position: absolute;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 { font-size: 1.3em;  margin-top: 0; border-top: 0.2em solid #FFF; border-bottom: 0.2em solid #FFF; line-height: 1.2em; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 1em;}

.media__body p a { color: #FFF; font-size: 0.8em; font-weight: 400; text-transform: uppercase; border: 0.1em solid #FFF; text-decoration: none; padding: 0.3em; margin-top: 2em;}


/*//////// FORMULARIO //////////*/

.main-form{background: #FFF; height: 60em; padding-bottom: 0; background-image: url(Imagenes/formulario-2.jpg); background-repeat: no-repeat; background-size: contain; background-position: bottom}
.main-form img{width: 100%; height: auto;}
        
#col-right {width: 17em; height: auto; float: left;overflow: visible;}   
#formulario-box {width: 52em; height: auto; float: left;overflow: visible;}
#formulario-box h7{display: block; margin-bottom: 2em;}
#formulario-box h1{ font-weight: 400;  font-size:2.5em; border-bottom: 0.12em solid #3399CC; }
#formulario-box h1 span{ font-weight: 700;  font-size: 1.3em; }
#formulario-box h1, #formulario-box h1 span {color:#3399CC;text-transform: none; padding: 0; margin: 0; margin-right: 0.5em;}
#formulario-box h2 {font-size: 1.2em; padding-bottom: 1em; margin-bottom: 1.5em; border-top: 0.1em dotted #666666; margin-right: 0.5em; padding-top: 1em; }
#formulario-box h2 span{border-bottom: 0.3em solid; padding-bottom: 1em;}

    form {font-size: 0.9em; color: #666666; font-weight: 300;}
    input, .buscador select {border-radius: 0.3em; border: 0.1em solid #DADAD9; height: 2em; margin-bottom: 1.5em;}
    .uno {float: left;}
    .uno input{width: 43em;}
    .dos {float: left;  padding-left: 1em;}
    .dos input {width: 21em;}
    .buscador{float: left;}
    .buscador select{ width: 21em;}
    #login-aceptar{float:left; width: 52em;}
    #login-aceptar input{float:left;}
    #login-aceptar p {float: left; padding-left: 1em;} 
    .btn-rounded {float: left; margin-top: 1em; font-size: 1.2em; text-transform: uppercase; color: #FFF; background-color: #3399CC; width: 10em; height: 2em;border-radius: 0.3em; border: none; }
.btn-rounded:hover{background-color: #00a3e1}
    
     #login-aceptar p a{font-weight: 400; color: #003366; text-decoration: underline;}
#login-aceptar p a:hover{color: #FFF;}

    .media__body a img {width: 5em; margin-bottom: 1.5em; }
    #form-play {border-right: none; border-left: none; font-size: 1em; padding-bottom: 0;} 
    .media__text{text-align: center; margin-top: 2em;}

#participantes-form{background-color: #FFF; height: 10em;}


/*//////// REGISTRO NEWSLETTER //////////*/

#formulario-box #form-naranja, #formulario-box #form-naranja span {color: #E5A53E;}
#formulario-box #form-naranja {border-bottom: 0.12em solid #E5A53E;}
.btn-rounded2 {float: left; margin-top: 1em; font-size: 1.2em; text-transform: uppercase; color: #FFF; background-color: #E5A53E; width: 10em; height: 2em;border-radius: 0.3em; border: none; }
.btn-rounded2:hover{background-color: #ffc272}
.cuatro {width: 17em; float: left; margin-right: 1em;}
.cuatro input{width: 21em;}
#date{width: 5em;}
#month {width: 9em; margin-left: 0.5em;}
#year{width: 6em;  margin-left: 0.5em;}


/*//////// CALENDARIO //////////*/

#calendario-box {width: 52em; float:right;}


#calendario-box h1{
    font-size: 2em;
    font-weight: 400;
    color: #3399CC;
    border-bottom: 0.1em solid;
    margin-top: 1em;
    margin-bottom: 0.1em;
    }

#calendario-box h1 span{
    font-size: 1.2em;
    font-weight: 700;
    color: #3399CC;
    }

#calendario-info h3 {color: #FFF; text-transform: uppercase; width: 9em; background-color: #E5A53E; margin-top: 1em; padding: 0.5em;}

#calendario-info p {padding-top: 0.3em; font-size: 0.9em; padding-bottom: 0.5em;}

#calendario-info h2 {margin-top: 1em; font-size: 1.2em; font-weight: 500; color:#3399CC; text-decoration: underline; line-height: 2em;}


/*//////// VIDEO //////////*/

video{ width: 50em; height: auto; margin-bottom: 1.5em;}

/*//////// MAIN LA CUENCA //////////*/

#titulo-cuenca{font-weight: 300; margin-bottom: 1em; }

#titulo-cuenca h1{
    font-size: 2em;
    font-weight: 400;
    color: #3399CC;
    border-bottom: 0.1em solid;
    margin-top: 1em;
    margin-bottom: 0.1em;
    }

#titulo-cuenca h1 span{
    font-size: 1.2em;
    font-weight: 700;
    color: #3399CC;
    }


.pie-de-mapa1 {float: left; font-size: 0.85em;font-weight: 400; width: 40em; }
.pie-de-mapa2 {float: right; width: 14em; height: 8em; background-color:#666666; padding-right: 1em; padding-bottom: 1em; padding-top: 0.5em;}
.pie-de-mapa2 p {color: #FFF;padding-left: 1em; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1.5em;}

/*//////// CUENCA MAPA//////////*/

.inside-menu2-cuenca li {border: 0.15em solid #3399CC; border-radius: 0.5em; margin-top: 0.5em; text-align: center; width: 12.9em; float: left; margin-left:0.5em;}

.inside-menu2-cuenca li a{border-left: 0.15em solid #3399CC; padding-left: 0.9em; color:#3399CC; text-decoration: none; text-transform: uppercase; font-weight: 500;}

.inside-menu2-cuenca li img{padding-right: 0.8em; vertical-align: bottom}

.inside-menu2-cuenca-select {border-left: 0.15em solid #3399CC; padding-left: 0.9em; background-color:#3399CC; text-decoration: none; text-transform: uppercase; font-weight: 500;}

.inside-menu2-cuenca-select a {color: #fff; }

.bajada2{font-size: 1.25em; padding-bottom: 0.5em; clear: both; padding-top: 1em;}
.mapa{width: 100%; margin-top: 1em; }
.mapa-box {margin-top: 1em;}
.mapa-box p {float: left; font-size: 0.9em; width: 34em; margin-right: 0.5em; padding-top: 0.5em;}
.mapa-subtitulo{font-weight: 700; border-bottom: 0.2em solid #3399CC; border-top: 0.2em solid #3399CC; padding-bottom: 0.5em; padding-top: 0.5em; text-transform: uppercase; color: #3399CC;}
.mapa-subtitulo-dos{font-weight: 700; border-bottom: 0.2em solid #3399CC; padding-bottom: 0.25em; padding-top: 0.5em; text-transform: uppercase; color: #3399CC;}
.mapa-destacado {float: right; width: 16.5em; margin-top: 1em;}
.mapa-destacado img{width: 16.5em;}
.mapa-destacado h3{background-color: #3399CC; width: 13.25em; height: 1.5em; padding-top: 0.5em; font-size: 1.2em; text-align: center; text-transform: uppercase;}
#mapa-destacado-box{ height: 32em; border: 0.1em solid #666666; padding-right: 1em; padding-bottom: 1em; padding-top: 0.5em;}
.mapa-destacado p {color: #666666; padding-left: 1em; padding-right: 1em; width: 16.5em; text-transform: uppercase; padding-bottom: 0.5em;}
.mapa-destacado p span{font-weight: 700; color: #3399CC; font-size: 1.5em; border-top: 0.1em dotted #666666; padding-top: 0.3em;}
.mapa-destacado #primera{border: none; }
.mapa-destacado #final{border: none; font-size: 1em;}
#texto-destacado{font-size: 1.25em; display: block; border-top: 0.2em solid #3399CC; border-bottom:  0.2em solid #3399CC; padding-top: 0.5em; text-indent: 1.75em; padding-bottom: 0.5em; background-image: url(Imagenes/mapa-comillas.png); background-repeat: no-repeat;}
#texto-destacado-dos{font-size: 1.25em; display: block; border-top: 0.2em solid #3399CC; border-bottom:  0.2em solid #3399CC; padding-top: 0.5em; text-indent: 1.75em; padding-bottom: 0.5em; background-image: url(Imagenes/mapa-comillas2.png); background-repeat: no-repeat;}
.mapa-destacado .texto{text-transform: none;}



 /*//////// MAIN PROYECTO //////////*/

.main-proyecto {clear:both; background-color: #FFF; margin: 0 auto; width: 70em; margin-top: 1em;}

.main-proyecto h1{
    font-size: 2em;
    font-weight: 400;
    color: #3399CC;
    border-bottom: 0.1em solid;
    margin-top: 1em;
    margin-bottom: 0.1em;
    }

.main-proyecto h1 span{
    font-size: 1.2em;
    font-weight: 700;
    color: #3399CC;
    }

.caja-proyecto{padding-top: 2em;}
    
#titulo-proyecto{
    font-weight: 300; 
    background: #EAEBEC; 
    float: left;
    height: 42.2em;
    width: 17.5em;
    
}


#barra-cuenca {background-color: #3399CC;
    font-size: 1.1em;
    font-weight: 400;
    text-transform: uppercase;
    text-align:left;
    line-height: 2em;
    height: 2em;
    padding-left: 0.5em;
   }


#equipo { width: 100%; float:none; margin-top: 45em; }

#equipo #barra-cuenca2 {
    float: none;
    width: 100%; 
    background-color: #3399CC;
    font-size: 1.1em;
    font-weight: 400; 
    text-transform: uppercase;
    text-align:left;
    line-height: 2em;
    height: 2em;
    padding-left: 0.5em;
       }



#notas-relacionadas2 {width: 32.8%; float: left; height: auto;}

#notas-relacionadas4 {width: 32.9%; float: left; height: auto; padding-right: 0.7%; padding-left: 0.7%}

#notas-relacionadas3 {width: 66.5%; float: left; height: 18em; margin-right: 0.7%; background-image: url(Imagenes/EQUIPO-01.jpg); background-repeat: no-repeat; background-size: contain;}

#notas-relacionadas2 img {width: 100%; height: auto; margin-bottom: 0.5em;}

#notas-relacionadas3 img {width: 100%; height: auto; margin-bottom: 0.5em;}

#notas-relacionadas4 img {width: 100%; height: auto; margin-bottom: 0.5em;}

.media2 {
  position: relative;
  vertical-align: top;

}
.media__image3 h7 {font-weight: 700; font-size: 1.2em;}

.media__image3 h7 span {font-weight: 700; font-size: 1.2em;}

.media__image3 p {font-weight: 500; font-size: 0.9em;}

.media__image3 p span {font-weight: 700; font-size: 1.1em; line-height: 1.5em;}

.media__image3{height: 13.1em; padding-left: 22em; padding-top:1em;}

.media__image2{height: 13.1em;}

.media__body2 {
  background: rgba(41, 128, 185, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  position: absolute;
  text-align: left;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
height: 17em;
}

.media__body2:hover { opacity: 1; }

.media__body2:after,
.media__body2:before {
  opacity: 0;
  position: absolute;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body2:hover:after,
.media__body2:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body2 h2 { font-size: 2em;  margin-top: 1em;line-height: 1.2em; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 1em; margin-left:0.5em;}

.media__body2 p a { color: #FFF; font-size: 1em; font-weight: 400; text-transform: uppercase; border: 0.1em solid #FFF; text-decoration: none; padding: 0.3em; margin-top: 2em;margin-left:0.5em;}





/*//////// NUEVAS //////////*/

.titulo-proyecto2 {
    font-size: 2em;
    font-weight: 400;
    color: #3399CC;
    border-bottom: 0.1em solid;
    margin-top: 1em;
    margin-bottom: 0.1em;
    }


.texto-pro{
    padding: 0.5em;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    color: #333333;
    font-size: 0.9em;
    line-height: 1.8em;
    font-weight: 400;
}

.bajada-pro{
    color:#222222;
    border-bottom: solid #fff 0.1em;
    padding: 0.5em;
    line-height: 1em;
    font-weight: 500;
    text-transform: uppercase}

.img-proyecto{
    float: right;
    width: 52.5em;
    margin: auto;
    
    }


.lacuenca-titulo {
    padding: 1em;
    color: #fff;
    background-color: #3399CC;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 1em;
    display: block;
    }
/*//////// CALENDARIO FULL //////////*/

#calendario-titulo {background-color: #3399CC; text-align:center; }


.calendario-full {
    margin-top: 1em;
	margin-bottom: 1em;
}

#calendario-box {width: 50em;}

.calendario-box h1 { border-bottom: 0.1em solid #3399CC}
    
.calendario-full .cal-title-full {
	background-color: #eaeaea;
	width: 100%;
    padding-top: 0.5em;
    height: 2em;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	color:#666666;
	font-weight: 700;
	position: relative;
}

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

.calendario-full .cal-title-full a.prev-full {margin-right: 10em;}
.calendario-full .cal-title-full a.next-full {margin-left: 10em;}

.prev-full, .next-full {width: 10em; color: #3399CC; font-family: 'Roboto', arial, sans-serif; font-weight: 400; font-size: 1em;}
.prev-full:hover, .next-full:hover {color: #003366;}

    
.calendario-full table {
	width: 100%;
    height: 30em;
}

.calendario-full table thead th {
	width: 14.28%;
	color: #575757;
	font-size: 1em;
	text-align: center;
}

.calendario-full table tbody tr td {
	background-color: #eaeaea;
	color: #4e4e4e;
	font-size: 1em;
	text-align: center;
	height: 2em;
}

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

.calendario-full table tbody tr td.event:hover,
.calendario-full table tbody tr td.today:hover {
	cursor: pointer;
}

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

.calendario-full table tbody tr td.today {
	background-color: #3399CC;
	color: #FFF !important;
}

.calendario-full table tbody tr td.today:hover {
	background-color: #00a3e1;
}

.calendario-full table tbody tr td.today a {
	color: #FFF;
}

.calendario-full table tbody tr td.event a {
	color: #333;
}

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

.calendario-full table tbody tr td.disabled {
	background-color: #f4f4f4;
	color:#bdbdbd;
}

.aside-box .media__img {height: 13.1em; width: 16.5em;}
.aside-box .media__text #form-play {border-right: none; border-left: none; font-size: 1em; padding-bottom: 0; }

#title{ width: 52em; height: 3em; background-color: #3399CC}

#calendario-info h3{font-family: 'Roboto', arial, sans-serif; font-weight: 700; text-align: left; background-color: #3399CC; float: left; margin-top: 0; padding-top: 0.6em;}

#calendario-info img{width: 2em; margin-top: 0.4em; margin-left: 1em; float: left;}

#box-act{float: left; width: 50em; border-top: 0.1em dotted #666666; margin-top: 1em; }

#actividad {margin-top: 1em; width: 7.5em; height: 2.5em; background-color: #3399CC;  border-radius: 0.5em; float: left; }

#actividad #hora {float: left; color: #FFF; font-weight: 700; text-transform: uppercase; font-family: 'Roboto', arial, sans-serif; font-size: 1em; margin-top: 0.4em;}

#actividad img{float: left; margin-left: 1em; margin-top: 0.5em; width: 1.5em; height: auto; margin-right: 0.5em;}

#act-nombre{ display: block; width: 25em; float: left; margin-left: 1em; padding-top: 0.2em;}

#act-info{clear:both; padding-top: 1em;}




/*//////// GRACIAS REGISTRO //////////*/

.gracias-registro {border: 0.7em solid #3399CC; border-radius: 2em; margin-top: 1em; margin-bottom: 2em; }

.gracias-registro img {width: 18em; height: auto; margin: 1em;}

.gracias-registro div {float:right; width: 28em; margin-top: 2.5em;}

.gracias-registro div h2 {float:right; width: 20em; margin-top: 0.7em; line-height: 2em; font-size: 1.4em;}

.gracias-registro-titulo {font-size: 3.5em;
    font-weight: 400;
    color: #3399CC;
    margin-top: 1em;
    margin-bottom: 0.1em;
    text-transform: uppercase;   
    }


.gracias-registro-titulo span{
    font-size: 1.1em;
    font-weight: 800;
    color: #3399CC; }


.boton-gracias {margin-bottom: 0.5em; display: block; margin-top: 1.5em;}

.boton-registro-gracias { background-color: #3399CC;
    border-radius: 0.35em;
    padding: 1em;
    color: #fff; 
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none; 
    font-size: 1.1em;
    float:left;
    
}

.boton-registro-gracias2 { background-color: black;
    border-radius: 0.35em;
    padding: 1em;
    color: #fff; 
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none; 
    font-size: 1.1em;
    float: left;
    margin-right: 0.7em;
    margin-left: 0.7em;
}


#error-main {width: 100%;  height: 25em; background-color: #FFF;  background-image: url(Imagenes/error-fondo.png); background-repeat: repeat-x; background-position: bottom; background-size: contain;}


/*//////// GRACIAS SUSCRIPCION //////////*/

.gracias-suscripcion {border: 0.7em solid #E5A53E; border-radius: 2em; margin-top: 1em; margin-bottom: 2em; }

.gracias-suscripcion img {width: 17em; height: auto; margin: 1em;}

.gracias-suscripcion div {float:right; width: 29em; margin-top: 2.5em;}

.gracias-suscripcion div h2 {float:right; width: 24.5em; margin-top: 0.7em; line-height: 2em; font-size: 1.2em;}

.gracias-suscripcion-titulo {font-size: 3.5em;
    font-weight: 400;
    color: #E5A53E;
    margin-top: 1em;
    margin-bottom: 0.1em;
    text-transform: uppercase;   
    }


.gracias-suscripcion-titulo span{
    font-size: 1.1em;
    font-weight: 800;
    color: #E5A53E; }


.boton-suscripcion {margin-bottom: 0.5em; margin-top: 1.5em;}

.boton-suscripcion-gracias { background-color: #E5A53E;
    border-radius: 0.35em;
    padding: 1em;
    color: #fff; 
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none; 
    font-size: 1.2em;
    float:left;}
    
#gracias-fondo{width: 70%;  height: 33em; background-color: #FFF;  background-image: url(Imagenes/formulario-2.jpg); background-repeat:repeat-x; background-position: bottom; background-size: contain; margin-top: 30em;}

/*//////// ERROR 404 //////////*/


#error-main {width: 100%;  height: 25em; background-color: #FFF;  background-image: url(Imagenes/error-fondo.png); background-repeat: repeat-x; background-position: bottom; background-size: contain;}
#error-main img{float: left; margin-left: 4em;}
#error-txt{float:left; margin-top: 1em; margin-left: 1em;}
#error-txt h1{color: #3399CC; font-size: 3em; margin-bottom: 2.2em;}
#error-txt h1 span{border-bottom: 0.2em solid #666666; padding-bottom: 1em;}
#error-txt a{ text-transform: uppercase; color: #666666;}
#error-txt a:hover{color: #3399CC;}


/*//////// ASIDES //////////*/

.falta{height: 100em;}
.falta-uno{height: 89em;}
.falta-dos{height: 115em;}
.nofalta{height: 61em;}



/*/ POST CRAPPY /*/

@media screen and (min-width:18em) {
    
#homep1 h1{font-size: 2.5em;}

#homep1 h2{font-size: 0.9em;}

h6 {font-size: 1.2em;}
    
.boton-registro {font-size: 1em; }

.boton-suscripcion {font-size: 1em; }

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

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

#home-entidades {
background-color: #969595;
height: 4em ; 
margin-top: 1em;
padding-left: 1em;}

#link-acumar img{
    width: 30%; 
    height: auto;
    float: left;
    margin-right: 0.6em;}

#link-universidad img{
     width: 30%; 
    height: auto;
    float: left;
    margin-right: 0.6em;}

#link-conicet img{
    width: 30%; 
    height: auto;
    float: left;}
    

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

h9 {text-transform: uppercase;
    font-weight: 600; color: #3399CC; font-size: 0.9em; }

h9 a {text-decoration: none;color: #3399CC; font-size: 0.9em; }

h9 a: visited {color:#3399CC}

h10 {color: #969595;  font-size: 0.9em; }

h10 a {text-decoration: none;color:  #969595;}

#footer-redes {border-bottom: 0.2em solid;
    border-bottom-color: lightgrey;
    margin-bottom: 0.5em;
    overflow: hidden;}


#footer-redes ul {padding-top: 5%;
    width: 22%;
    float: left;
    text-align: center; 
    padding-left: 0;
    padding-right:3%}

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

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

#footer1{float: left;
    width: 49%;
    border-right: 0.2em solid lightgrey;
    padding-right: 1%;
    Padding-top: 1%;
    padding-bottom:  1%}

#footer2 { float:left;
    padding-top: 1%;
    padding-left: 0.5em;
    overflow: hidden;
    padding-bottom:  1%}
    
h9 {font-size: 0.9em; }

h10 {font-size: 0.9em; }


    
}







/*/ PARA EL ERROR /*/

@media screen and (min-width:30em) {
    
#home-entidades {height: 7em}
    
    
/*/ PARA EL ERROR /*/
    
@media screen and (min-width:35em) {
    
#home-entidades {height: 8em}

    

/*/PARA TABLETS/*/

@media screen and (min-width:40em) {

header {min-height: 6.2em; overflow: hidden}
    
.weblogo{
    width: 12em; height: 6em;
    margin-left: 1em;
    background-image: url(Imagenes/img-header-logo.png);
    background-size: contain;
    background-repeat: no-repeat;}
    
.textobienvenida {font-size: 1em;}
#homep1 h1{font-size: 3.5em; padding-top: 1em;}

#homep1 h2{font-size: 1em;}
    
.box1 {width: 44%; float:left; overflow: hidden; margin-right: 0.5%;}
    
.box2 {width: 45%; margin-left: 0.5%; overflow: hidden;}
    
#home-proyecto {overflow: hidden; clear:both;}

#home-proyecto ul li {width: 44.8% ; margin:0; display:block; float:left; margin: 0.5%;}
    
#home-proyecto div ul li a {font-size: 1.1em;}
    
#banner-1 {width: 49%; float: left; overflow: hidden; height: auto;}

#banner-2 {width: 51%; 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;}

.calendario-caja {width:50%; float:left;}
    
#entidades {width: 49%;
    float: right;
    height: auto;}
    
    
#home-entidades {
height: 33.2em;
background-color: #969595;
margin-top: 1em;
padding-left: 1.2em;
padding-right: 3%;
padding-left: 3%;
margin-left: auto;
margin-right: auto;
}

#link-acumar img{
    width: 79%;
    float: none;
    margin-left: 9%}

#link-universidad img{
    width: 79%; 
    float: none;
    margin-left: 9%}

#link-conicet img{
    width:79%; 
    float: none;
    margin-left: 9%;
}

footer {clear: both; }
    
#footer-contacto {width: 49%;
    height: 11em;
    float: left;
    border-bottom: none;
    border-right: 0.2em solid;
    border-right-color: lightgrey;
    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;}
    
#footer1, #footer2 {float: left;
    width:23%;
    height: 11em;
    margin: 0;
    padding: 0;
    border-right:none;
    border-left: 0.2em solid;
    border-left-color: lightgrey;
    margin-top: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    margin-bottom: 1em;}
    
}

/*/ PARA EL ERROR /*/
    
      
@media screen and (min-width:45em) {

header {overflow: hidden; min-height: 6em;}
#home-entidades {
min-height: 34em;}
        
#link-acumar img{
    width: 72%;
    float: none;
    margin-left: 14%}

#link-universidad img{
    width: 72%; 
    float: none;
    margin-left: 14%}

#link-conicet img{
    width:72%; 
    float: none;
    margin-left: 14%;
}   
}
    
@media screen and (min-width:55em) {

#home-entidades {
height: 42em;}
    
#link-acumar img{
    width: 65%;
    float: none;
    margin-left: 16%}

#link-universidad img{
    width: 65%; 
    float: none;
    margin-left: 16%}

#link-conicet img{
    width:65%; 
    float: none;
    margin-left: 16%;
}

    
#footer-redes ul li a img {width: 75%; padding-top: 5%; margin-left:10%;}
    
}
    
@media screen and (min-width:60em) {

#link-acumar img{
    width: 65%;
    float: none;
    margin-left: 17%}

#link-universidad img{
    width: 65%; 
    float: none;
    margin-left: 17%}

#link-conicet img{
    width:65%; 
    float: none;
    margin-left: 17%;
}   
}
    

    
    
    

/*/ PARA EL ERROR /*/


@media screen and (min-width:41em) {
    
.box1 {width: 45%;}
.box2 {width: 45%;}

#home-proyecto ul li {width: 46%; }
    
    
}

/*/ PARA EL ERROR2 /*/

@media screen and (min-width:64em) {

.box1 {width: 46.7%;}
.box2 {width: 46.7%;}
    
#home-proyecto ul li {width: 46.9% }
    
}
    

/*/PARA ESCRITORIO/*/

@media screen and (min-width:70em) { 

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


#homep1{overflow: hidden; } 

#content-p1{width: 70%; float:left;margin-top: 5em;}
    
.box1 {float: right;width: 24%; margin-right: 0; }

.box2 {float:right; width: 24%}
  
.boton-registro {font-size: 0.95em; }    

.boton-suscripcion {font-size: 0.95em; } 
    
.proyecto-img {float:none; 
                width: 3em; height:8em;
                border-bottom: 0.4em solid white;
                padding-bottom: 2em;
                }

.proyecto-img img {width:6em; height:auto;}

#home-proyecto div ul {margin: 0; padding:0;}

#home-proyecto div ul li{
    width: 23%;
    list-style: none;  
    margin-bottom: 0.5em; 
    border: none;
    border-right: 0.25em;
    height: auto;
    text-align: center;
    padding:0.5em;
    color: #fff; 
    margin-right: 0em; margin-left: 0em;
    border-right: 0.15em solid;
}
    
#home-proyecto div ul .home-proyecto-last{border-right: none;} 

.proyecto-titulo{
margin-top:2em;
padding-left: 0em;
font-size:1.7em;
padding-top:2em;
padding-bottom: 1em;
position: relative;
}

    
#banner-1 {width: 49.5%;overflow: hidden}
#banner-2 {width: 50.5%; overflow: hidden}


.banner-box1 {width: 33em; float: right;}
.banner-box2 {width: 33em; float: left;}
    
    
#home-reportes {width: 34.2em; height:36.3em; ; float: left; margin-right: 0.5em; background-color: white;}
    
#reportes-titulo {
 margin-top: 0;}

.calendario-caja {width: 17.5em; float: left; margin right: 0.5em;  }
 
#entidades {width: 17.5em; height: auto; float: right; }
    
#home-entidades{height: 35.8em;}
    
#link-acumar img{
    width: 95%;
    float: none;
    margin-top: 0.5em;
    margin-bottom:1.2em ;
    margin-left:2%}

#link-universidad img{
    width: 95%; 
    float: none;
    margin-bottom:1.2em;
    margin-left: 2%}

#link-conicet img{
    width:95%; 
    float: none;
    margin-left:2%;
}
    
        
#link-empresa-aside img{
    width: 22%;
    float: none;
    margin-top: 0.2em;
    margin-right: 0.1em;
    margin-left: 0.1em;}
    
    
footer {clear: both; background-color: #EAEBEC;
    padding-top:1em; }
    
#footer-contacto {width: 12.5em;
    height: 12em;
    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;}
    
#footer1, #footer2 {float: left;
    height: 13em;
    width:7.8em;
    margin: 0;
    border-right:none;
    border-left: 0.2em solid;
    border-left-color: lightgrey;
    margin-top: 0.5em;
    padding-left: 0.5em; 
    padding-right: 0.5em;}
    
#fadu-text{clear:both;}
    
    
}

    
    
/*/PARA ERRORES ASIDE/*/

    
@media screen and (min-width:80em) { 

.main-empresas {width: 68%}

.general-aside {width: 30.7%}
    
.main-vecinos-testimonios {width: 68%}
}
    
    
@media screen and (min-width:85em) { 

.main-empresas {width: 65.4%}

.general-aside {width: 33.4%}
    
.main-vecinos-testimonios {width: 65.4%}
    
}    

 

@media screen and (min-width:90em) { 

.main-empresas {width: 65.78%}
    
.main-vecinos-testimonios {width: 65.78%}

.general-aside {width: 33.2%}
    
}

   
    
@media screen and (min-width:100em) { 

.main-empresas {width: 64.1%}
    
.main-vecinos-testimonios {width: 64.1%}

.general-aside {width: 34.99%}
    
}
    
    

    
@media screen and (min-width:110em) { 

.main-empresas {width: 62.5%}
    
.main-vecinos-testimonios {width: 62.5%}

.general-aside {width: 36.5%}
    
}
    

@media screen and (min-width:115em) { 

.main-empresas {width: 61.9%}

.main-vecinos-testimonios {width: 61.9%}

.general-aside {width: 37.3%}
    
}