@charset "utf-8";
/*--- RESET CSS ---*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
margin: 0;
}
body{
background-color: #ffffff;
}
/*--- FUENTES ---*/
@font-face {
font-family: 'regular';
src: url('../estilos/fonts/aller_rg-webfont.eot');
src: url('../estilos/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('../estilos/fonts/aller_rg-webfont.woff') format('woff'),
url('../estilos/fonts/aller_rg-webfont.ttf') format('truetype'),
url('../estilos/fonts/aller_rg-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'light';
src: url('../estilos/fonts/aller_lt-webfont.eot');
src: url('../estilos/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
url('../estilos/fonts/aller_lt-webfont.woff') format('woff'),
url('../estilos/fonts/aller_lt-webfont.ttf') format('truetype'),
url('../estilos/fonts/aller_lt-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bold';
src: url('../estilos/fonts/aller-webfont.eot');
src: url('../estilos/fonts/aller-webfont.eot?#iefix') format('embedded-opentype'),
url('../estilos/fonts/aller-webfont.woff') format('woff'),
url('../estilos/fonts/aller-webfont.ttf') format('truetype'),
url('../estilos/fonts/aller-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*--- COLORES ---*/
/*--- VERDE: 009045 ---*/
/*--- VERDE CLARO: 009045 ---*/
/*--- MENU ---*/
#menu{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
height: 100px;
margin: 0px;
}
#menucontenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 1080px;
height: auto;
margin: 0px;
}
#logo {
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 10px 0px 0px 0px;
}
#logo img {
max-height: 80px;
}
#redes {
display: inline-block;
float: right;
position: relative;
width: auto;
right: 0;
top: 0;
margin: 35px 0px 0px 0px;
}
#redes ul {
list-style-type: none;
}
#redes ul li{
display: inline-block;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 10px;
}
#redes ul li a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#redes ul li a:hover, #redes ul li a:active {
bottom: 2px;
position: relative;
}
nav {
display: inline-block;
float: right;
position: relative;
width: auto;
margin: 3.5% 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: auto;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: auto;
margin: 0px 10px;
padding: 0px;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #000;
bottom: 3px;
position: relative;
}
/*--- CONTENIDO ---*/
#banner{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
}
#contenido{
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
}
#contenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 1080px;
margin: 0px;
}
#izquierda{
display: inline-block;
float: left;
width: 62.5%;
margin: 0px 0px 0px 0px;
}
#izquierda h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 15px 0px;
}
#izquierda h2{
font-family: 'light';
font-size: 1.4em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 30px 0px;
}
#izquierda h2 span {
font-family: 'bold';
font-size: 1em;
color: #000;
}
#division{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
}
#divisionizq{
display: inline-block;
float: left;
width: 40%;
margin: 0px 0px 30px 0px;
}
#divisionizq img{
display: inline-block;
float: right;
}
#divisionder{
display: inline-block;
float: right;
width: 54%;
margin: 0px 0px 30px 0px;
}
#divisionder img{
display: inline-block;
float: left;
}
#iconos1{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos1 li{
display: inline-block;
float: none;
width: 24.5%;
margin: 0px;
}
#iconos1 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos1 a:hover, #iconos1 a:active {
bottom: 2px;
position: relative;
}
#iconos2{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos2 li{
display: inline-block;
float: none;
width: 49.5%;
margin: 0px;
}
#iconos2 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos2 a:hover, #iconos2 a:active {
bottom: 2px;
position: relative;
}
#iconos3{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 10px 0px 10px 0px;
}
#iconos3 li{
display: inline-block;
float: none;
width: 49%;
margin: 0px 0px 10px 0px;
}
#iconos3 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos3 a:hover, #iconos3 a:active {
bottom: 2px;
position: relative;
}
#derecha{
display: inline-block;
float: right;
width: 35%;
margin: 0px 0px 0px 0px;
}
#derecha h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 10px 0px;
}
#derecha h2{
font-family: 'light';
font-size: 1.4em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}
#derecha summary {
list-style: none;
cursor: pointer;
}
#titulo{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}
#titulo h1{
font-family: 'bold';
font-size: 1.4em;
color: #FFF;
text-align: left;
margin: 10px 0px 22px 15px;
}
#fondo1{
background-color: #DDD;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo1 h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 5px 0px 15px 20px;
}
#fondo1 h2{
font-family: 'light';
font-size: 1.4em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
#fondo2{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo2 h1{
font-family: 'bold';
font-size: 1.25em;
color: #009045;
text-align: left;
margin: 5px 0px 10px 20px;
}
#fondo2 h2{
font-family: 'light';
font-size: 1.15em;
color: #FFF;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
/*--- CONTACTO FORM ---*/
#form{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 35px 0px;
}
.caja{
display: inline-block;
float: left;
width: 100%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
#botones {
display: inline-block;
float: left;
width: 100%;
padding-top: 10px;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
margin: 0px;
padding: 10px 30px;
background-color: #003b00;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #000;
color: #FFF;
}
/*--- FOOTER ---*/
#pie {
display: inline-block;
float: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#piecontenedor{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#piecontenido{
display: inline-block;
float: none;
width: 100%;
max-width: 1400px;
margin: 0px;
padding: 0px;
}
#pieizq{
display: inline-block;
float: left;
width: auto;
margin: 20px 0px 0px 25px;
}
#pieizq ul{
display: inline-block;
list-style-type: none;
}
#pieizq ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 10px 0px 0px;
}
#pieder{
display: inline-block;
float: right;
width: auto;
margin: 0px 25px 0px 0px;
text-align: right;
}
#pieder ul{
display: inline-block;
list-style-type: none;
}
#pieder ul li{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 20px;
font-family: 'regular';
font-size: 0.9em;
text-align: right;
color: #000;
}
#pieder ul li img{
max-width: 200px;
}
#pieder ul li a {
text-decoration: none;
font-size: 1em;
margin: 0px;
bottom: 0px;
opacity: 1;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder ul li a:hover, #pieder ul li a:active {
opacity: 0.6;
bottom: 3px;
position: relative;
}
#pieder a {
text-decoration: none;
font-family: 'light';
font-size: 0.55em;
line-height: 2.55em;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder a:hover {
color: #004694;
bottom: 2px;
position: relative;
}
#pieizq a.enlacefooter {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: auto;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieizq a.enlacefooter:hover {
color: #004694;
bottom: 2px;
position: relative;
}
/*--- R E S P O N S I V O S ---*/
/*--- PANTALLA 1280 (probar hasta 949) ...*/
@media only screen and (max-width: 1280px) {
/*--- MENU ---*/
#menu{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
height: 100px;
margin: 0px;
}
#menucontenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 900px;
height: auto;
margin: 0px;
}
#logo {
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 10px 0px 0px 0px;
}
#logo img {
max-height: 80px;
}
#redes {
display: inline-block;
float: right;
position: relative;
width: auto;
right: 0;
top: 0;
margin: 35px 0px 0px 0px;
}
#redes ul {
list-style-type: none;
}
#redes ul li{
display: inline-block;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 10px;
}
#redes ul li a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#redes ul li a:hover, #redes ul li a:active {
bottom: 2px;
position: relative;
}
nav {
display: inline-block;
float: right;
position: relative;
width: auto;
margin: 3.5% 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: auto;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: auto;
margin: 0px 10px;
padding: 0px;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #000;
bottom: 3px;
position: relative;
}
/*--- CONTENIDO ---*/
#banner{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
}
#contenido{
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
}
#contenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 900px;
margin: 0px;
}
#izquierda{
display: inline-block;
float: left;
width: 62.5%;
margin: 0px 0px 0px 0px;
}
#izquierda h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 15px 0px;
}
#izquierda h2{
font-family: 'light';
font-size: 1.4em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 30px 0px;
}
#izquierda h2 span {
font-family: 'bold';
font-size: 1em;
color: #000;
}
#iconos1{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos1 li{
display: inline-block;
float: none;
width: 23.5%;
margin: 0px;
}
#iconos1 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos1 a:hover, #iconos1 a:active {
bottom: 2px;
position: relative;
}
#iconos2{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos2 li{
display: inline-block;
float: none;
width: 49.5%;
margin: 0px;
}
#iconos2 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos2 a:hover, #iconos2 a:active {
bottom: 2px;
position: relative;
}
#iconos3{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 10px 0px 10px 0px;
}
#iconos3 li{
display: inline-block;
float: none;
width: 49%;
margin: 0px 0px 10px 0px;
}
#iconos3 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos3 a:hover, #iconos3 a:active {
bottom: 2px;
position: relative;
}
#derecha{
display: inline-block;
float: right;
width: 35%;
margin: 0px 0px 0px 0px;
}
#derecha h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 10px 0px;
}
#derecha h2{
font-family: 'light';
font-size: 1.4em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}
#titulo{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}
#titulo h1{
font-family: 'bold';
font-size: 1.4em;
color: #000;
text-align: left;
margin: 10px 0px 22px 15px;
}
#fondo1{
background-color: #DDD;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo1 h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 5px 0px 15px 20px;
}
#fondo1 h2{
font-family: 'light';
font-size: 1.4em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
#fondo2{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo2 h1{
font-family: 'bold';
font-size: 1.25em;
color: #009045;
text-align: left;
margin: 5px 0px 10px 20px;
}
#fondo2 h2{
font-family: 'light';
font-size: 1.15em;
color: #FFF;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
/*--- CONTACTO FORM ---*/
#form{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 35px 0px;
}
.caja{
display: inline-block;
float: left;
width: 100%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
#botones {
display: inline-block;
float: left;
width: 100%;
padding-top: 10px;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
margin: 0px;
padding: 10px 30px;
background-color: #003b00;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #000;
color: #FFF;
}
/*--- FOOTER ---*/
#pie {
display: inline-block;
float: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#piecontenedor{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#piecontenido{
display: inline-block;
float: none;
width: 100%;
max-width: 1400px;
margin: 0px;
padding: 0px;
}
#pieizq{
display: inline-block;
float: left;
width: auto;
margin: 20px 0px 0px 25px;
}
#pieizq ul{
display: inline-block;
list-style-type: none;
}
#pieizq ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 10px 0px 0px;
}
#pieder{
display: inline-block;
float: right;
width: auto;
margin: 0px 25px 0px 0px;
text-align: right;
}
#pieder ul{
display: inline-block;
list-style-type: none;
}
#pieder ul li{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 20px;
font-family: 'regular';
font-size: 0.9em;
text-align: right;
color: #000;
}
#pieder ul li img{
max-width: 200px;
}
#pieder ul li a {
text-decoration: none;
font-size: 1em;
margin: 0px;
bottom: 0px;
opacity: 1;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder ul li a:hover, #pieder ul li a:active {
opacity: 0.6;
bottom: 3px;
position: relative;
}
#pieder a {
text-decoration: none;
font-family: 'light';
font-size: 0.55em;
line-height: 2.55em;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder a:hover {
color: #004694;
bottom: 2px;
position: relative;
}
#pieizq a.enlacefooter {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: auto;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieizq a.enlacefooter:hover {
color: #004694;
bottom: 2px;
position: relative;
}
}
/*--- PANTALLA 950 (probar hasta 851) ...*/
@media only screen and (max-width: 950px) {
/*--- MENU ---*/
#menu{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
height: 100px;
margin: 0px;
}
#menucontenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 800px;
height: auto;
margin: 0px;
}
#logo {
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 10px 0px 0px 0px;
}
#logo img {
max-height: 80px;
}
#redes {
display: inline-block;
float: right;
position: relative;
width: auto;
right: 0;
top: 0;
margin: 35px 0px 0px 0px;
}
#redes ul {
list-style-type: none;
}
#redes ul li{
display: inline-block;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 10px;
}
#redes ul li a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#redes ul li a:hover, #redes ul li a:active {
bottom: 2px;
position: relative;
}
nav {
display: inline-block;
float: right;
position: relative;
width: auto;
margin: 3.5% 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: auto;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: auto;
margin: 0px 10px;
padding: 0px;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #000;
bottom: 3px;
position: relative;
}
/*--- CONTENIDO ---*/
#banner{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
}
#contenido{
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
}
#contenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 800px;
margin: 0px;
}
#iconos1{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos1 li{
display: inline-block;
float: none;
width: 23.5%;
margin: 0px;
}
#iconos1 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos1 a:hover, #iconos1 a:active {
bottom: 2px;
position: relative;
}
#iconos2{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos2 li{
display: inline-block;
float: none;
width: 49.5%;
margin: 0px;
}
#iconos2 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos2 a:hover, #iconos2 a:active {
bottom: 2px;
position: relative;
}
#iconos3{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 10px 0px 10px 0px;
}
#iconos3 li{
display: inline-block;
float: none;
width: 42.5%;
margin: 0px 4px 10px 4px;
}
#iconos3 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos3 a:hover, #iconos3 a:active {
bottom: 2px;
position: relative;
}
#izquierda{
display: inline-block;
float: left;
width: 62.5%;
margin: 0px 0px 0px 0px;
}
#izquierda h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 15px 0px;
}
#izquierda h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 30px 0px;
}
#izquierda h2 span {
font-family: 'bold';
font-size: 1em;
color: #000;
}
#derecha{
display: inline-block;
float: right;
width: 35%;
margin: 0px 0px 0px 0px;
}
#derecha h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 10px 0px;
}
#derecha h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}
#titulo{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}
#titulo h1{
font-family: 'bold';
font-size: 1.2em;
color: #000;
text-align: left;
margin: 5px 0px 15px 15px;
}
#fondo1{
background-color: #DDD;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo1 h1{
font-family: 'bold';
font-size: 1.2em;
color: #009045;
text-align: left;
margin: 5px 0px 15px 20px;
}
#fondo1 h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
#fondo2{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo2 h1{
font-family: 'bold';
font-size: 1.25em;
color: #009045;
text-align: left;
margin: 5px 0px 10px 20px;
}
#fondo2 h2{
font-family: 'light';
font-size: 1.15em;
color: #FFF;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
/*--- CONTACTO FORM ---*/
#form{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 35px 0px;
}
.caja{
display: inline-block;
float: left;
width: 100%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
#botones {
display: inline-block;
float: left;
width: 100%;
padding-top: 10px;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
margin: 0px;
padding: 10px 30px;
background-color: #003b00;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #000;
color: #FFF;
}
/*--- FOOTER ---*/
#pie {
display: inline-block;
float: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#piecontenedor{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#piecontenido{
display: inline-block;
float: none;
width: 100%;
max-width: 1400px;
margin: 0px;
padding: 0px;
}
#pieizq{
display: inline-block;
float: left;
width: auto;
margin: 20px 0px 0px 25px;
}
#pieizq ul{
display: inline-block;
list-style-type: none;
}
#pieizq ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 10px 0px 0px;
}
#pieder{
display: inline-block;
float: right;
width: auto;
margin: 0px 25px 0px 0px;
text-align: right;
}
#pieder ul{
display: inline-block;
list-style-type: none;
}
#pieder ul li{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 20px;
font-family: 'regular';
font-size: 0.9em;
text-align: right;
color: #000;
}
#pieder ul li img{
max-width: 200px;
}
#pieder ul li a {
text-decoration: none;
font-size: 1em;
margin: 0px;
bottom: 0px;
opacity: 1;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder ul li a:hover, #pieder ul li a:active {
opacity: 0.6;
bottom: 3px;
position: relative;
}
#pieder a {
text-decoration: none;
font-family: 'light';
font-size: 0.55em;
line-height: 2.55em;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder a:hover {
color: #004694;
bottom: 2px;
position: relative;
}
#pieizq a.enlacefooter {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: auto;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieizq a.enlacefooter:hover {
color: #004694;
bottom: 2px;
position: relative;
}
}
/*--- PANTALLA 850 (probar hasta 769)...*/
@media only screen and (max-width: 850px) {
/*--- MENU ---*/
#menu{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
height: 100px;
margin: 0px;
}
#menucontenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 700px;
height: auto;
margin: 0px;
}
#logo {
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 10px 0px 0px 0px;
}
#logo img {
max-height: 80px;
}
#redes {
display: inline-block;
float: right;
position: relative;
width: auto;
right: 0;
top: 0;
margin: 35px 0px 0px 0px;
}
#redes ul {
list-style-type: none;
}
#redes ul li{
display: inline-block;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 10px;
}
#redes ul li a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#redes ul li a:hover, #redes ul li a:active {
bottom: 2px;
position: relative;
}
nav {
display: inline-block;
float: right;
position: relative;
width: auto;
margin: 3.5% 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: auto;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: auto;
margin: 0px 10px;
padding: 0px;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #000;
bottom: 3px;
position: relative;
}
/*--- CONTENIDO ---*/
#banner{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
}
#contenido{
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
}
#contenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 700px;
margin: 0px;
}
#iconos1{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos1 li{
display: inline-block;
float: none;
width: 23.5%;
margin: 0px;
}
#iconos1 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos1 a:hover, #iconos1 a:active {
bottom: 2px;
position: relative;
}
#iconos2{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos2 li{
display: inline-block;
float: none;
width: 49.5%;
margin: 0px;
}
#iconos2 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos2 a:hover, #iconos2 a:active {
bottom: 2px;
position: relative;
}
#iconos3{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 10px 0px 10px 0px;
}
#iconos3 li{
display: inline-block;
float: none;
width: 42.5%;
margin: 0px 4px 10px 4px;
}
#iconos3 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos3 a:hover, #iconos3 a:active {
bottom: 2px;
position: relative;
}
#izquierda{
display: inline-block;
float: left;
width: 62.5%;
margin: 0px 0px 0px 0px;
}
#izquierda h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 15px 0px;
}
#izquierda h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 30px 0px;
}
#izquierda h2 span {
font-family: 'bold';
font-size: 1em;
color: #000;
}
#derecha{
display: inline-block;
float: right;
width: 35%;
margin: 0px 0px 0px 0px;
}
#derecha h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 10px 0px;
}
#derecha h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}
#titulo{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}
#titulo h1{
font-family: 'bold';
font-size: 1.2em;
color: #000;
text-align: left;
margin: 5px 0px 15px 15px;
}
#fondo1{
background-color: #DDD;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo1 h1{
font-family: 'bold';
font-size: 1.2em;
color: #009045;
text-align: left;
margin: 5px 0px 15px 20px;
}
#fondo1 h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
#fondo2{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo2 h1{
font-family: 'bold';
font-size: 1.25em;
color: #009045;
text-align: left;
margin: 5px 0px 10px 20px;
}
#fondo2 h2{
font-family: 'light';
font-size: 1.15em;
color: #FFF;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
/*--- CONTACTO FORM ---*/
#form{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 35px 0px;
}
.caja{
display: inline-block;
float: left;
width: 100%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
#botones {
display: inline-block;
float: left;
width: 100%;
padding-top: 10px;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
margin: 0px;
padding: 10px 30px;
background-color: #003b00;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #000;
color: #FFF;
}
/*--- FOOTER ---*/
#pie {
display: inline-block;
float: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#piecontenedor{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#piecontenido{
display: inline-block;
float: none;
width: 100%;
max-width: 1400px;
margin: 0px;
padding: 0px;
}
#pieizq{
display: inline-block;
float: left;
width: auto;
margin: 20px 0px 0px 25px;
}
#pieizq ul{
display: inline-block;
list-style-type: none;
}
#pieizq ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 10px 0px 0px;
}
#pieder{
display: inline-block;
float: right;
width: auto;
margin: 0px 25px 0px 0px;
text-align: right;
}
#pieder ul{
display: inline-block;
list-style-type: none;
}
#pieder ul li{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 20px;
font-family: 'regular';
font-size: 0.9em;
text-align: right;
color: #000;
}
#pieder ul li img{
max-width: 200px;
}
#pieder ul li a {
text-decoration: none;
font-size: 1em;
margin: 0px;
bottom: 0px;
opacity: 1;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder ul li a:hover, #pieder ul li a:active {
opacity: 0.6;
bottom: 3px;
position: relative;
}
#pieder a {
text-decoration: none;
font-family: 'light';
font-size: 0.55em;
line-height: 2.55em;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder a:hover {
color: #004694;
bottom: 2px;
position: relative;
}
#pieizq a.enlacefooter {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: auto;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieizq a.enlacefooter:hover {
color: #004694;
bottom: 2px;
position: relative;
}
}
/*--- PANTALLA 768 (probar hasta 641)...*/
@media only screen and (max-width: 768px) {
/*--- MENU ---*/
#menu{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
height: 100px;
margin: 0px;
}
#menucontenedor{
display: inline-block;
float: none;
width: 95%;
max-width: 700px;
height: auto;
margin: 0px;
}
#logo {
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 10px 0px 0px 0px;
}
#logo img {
max-height: 80px;
}
#redes {
display: inline-block;
float: right;
position: relative;
width: auto;
right: 0;
top: 0;
margin: 35px 0px 0px 0px;
}
#redes ul {
list-style-type: none;
}
#redes ul li{
display: inline-block;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 10px;
}
#redes ul li a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#redes ul li a:hover, #redes ul li a:active {
bottom: 2px;
position: relative;
}
nav {
display: inline-block;
float: right;
position: relative;
width: auto;
margin: 3.5% 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: auto;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: auto;
margin: 0px 10px;
padding: 0px;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #000;
bottom: 3px;
position: relative;
}
/*--- CONTENIDO ---*/
#banner{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
}
#contenido{
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
}
#contenedor{
display: inline-block;
float: none;
width: 95%;
max-width: 700px;
margin: 0px;
}
#iconos1{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos1 li{
display: inline-block;
float: none;
width: 23.5%;
margin: 0px;
}
#iconos1 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos1 a:hover, #iconos1 a:active {
bottom: 2px;
position: relative;
}
#iconos2{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos2 li{
display: inline-block;
float: none;
width: 49.5%;
margin: 0px;
}
#iconos2 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos2 a:hover, #iconos2 a:active {
bottom: 2px;
position: relative;
}
#iconos3{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 10px 0px 10px 0px;
}
#iconos3 li{
display: inline-block;
float: none;
width: 23%;
margin: 0px 2px 10px 2px;
}
#iconos3 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos3 a:hover, #iconos3 a:active {
bottom: 2px;
position: relative;
}
#izquierda{
display: inline-block;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
#izquierda h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 15px 0px;
}
#izquierda h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 30px 0px;
}
#izquierda h2 span {
font-family: 'bold';
font-size: 1em;
color: #000;
}
#derecha{
display: inline-block;
float: right;
width: 100%;
margin: 0px 0px 0px 0px;
}
#derecha h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 10px 0px;
}
#derecha h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}
#titulo{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}
#titulo h1{
font-family: 'bold';
font-size: 1.2em;
color: #000;
text-align: left;
margin: 5px 0px 15px 15px;
}
#fondo1{
background-color: #DDD;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo1 h1{
font-family: 'bold';
font-size: 1.2em;
color: #009045;
text-align: left;
margin: 5px 0px 15px 20px;
}
#fondo1 h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
#fondo2{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo2 h1{
font-family: 'bold';
font-size: 1.25em;
color: #009045;
text-align: left;
margin: 5px 0px 10px 20px;
}
#fondo2 h2{
font-family: 'light';
font-size: 1.15em;
color: #FFF;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
/*--- CONTACTO FORM ---*/
#form{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 35px 0px;
}
.caja{
display: inline-block;
float: left;
width: 100%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
#botones {
display: inline-block;
float: left;
width: 100%;
padding-top: 10px;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
margin: 0px;
padding: 10px 30px;
background-color: #003b00;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #000;
color: #FFF;
}
/*--- FOOTER ---*/
#pie {
display: inline-block;
float: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#piecontenedor{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#piecontenido{
display: inline-block;
float: none;
width: 100%;
max-width: 1400px;
margin: 0px;
padding: 0px;
}
#pieizq{
display: inline-block;
float: left;
width: auto;
margin: 20px 0px 0px 25px;
}
#pieizq ul{
display: inline-block;
list-style-type: none;
}
#pieizq ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 10px 0px 0px;
}
#pieder{
display: inline-block;
float: right;
width: auto;
margin: 0px 25px 0px 0px;
text-align: right;
}
#pieder ul{
display: inline-block;
list-style-type: none;
}
#pieder ul li{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 20px;
font-family: 'regular';
font-size: 0.9em;
text-align: right;
color: #000;
}
#pieder ul li img{
max-width: 200px;
}
#pieder ul li a {
text-decoration: none;
font-size: 1em;
margin: 0px;
bottom: 0px;
opacity: 1;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder ul li a:hover, #pieder ul li a:active {
opacity: 0.6;
bottom: 3px;
position: relative;
}
#pieder a {
text-decoration: none;
font-family: 'light';
font-size: 0.55em;
line-height: 2.55em;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder a:hover {
color: #004694;
bottom: 2px;
position: relative;
}
#pieizq a.enlacefooter {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: auto;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieizq a.enlacefooter:hover {
color: #004694;
bottom: 2px;
position: relative;
}
}
/*--- PANTALLA 640 (probar hasta 481)...*/
@media only screen and (max-width: 640px) {
/*--- MENU ---*/
#menu{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
height: 100px;
margin: 0px;
}
#menucontenedor{
display: inline-block;
float: none;
width: 95%;
max-width: 700px;
height: auto;
margin: 0px;
}
#logo {
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 10px 0px 0px 0px;
}
#logo img {
max-height: 80px;
}
#redes {
display: inline-block;
float: right;
position: relative;
width: auto;
right: 0;
top: 0;
margin: 35px 0px 0px 0px;
}
#redes ul {
list-style-type: none;
}
#redes ul li{
display: inline-block;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 10px;
}
#redes ul li a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#redes ul li a:hover, #redes ul li a:active {
bottom: 2px;
position: relative;
}
nav {
display: inline-block;
float: right;
position: relative;
width: auto;
margin: 3.5% 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: auto;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: auto;
margin: 0px 10px;
padding: 0px;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #000;
bottom: 3px;
position: relative;
}
/*--- CONTENIDO ---*/
#banner{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 30px 0px;
}
#contenido{
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
}
#contenedor{
display: inline-block;
float: none;
width: 95%;
max-width: 700px;
margin: 0px;
}
#iconos1{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos1 li{
display: inline-block;
float: none;
width: 23.5%;
margin: 0px;
}
#iconos1 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos1 a:hover, #iconos1 a:active {
bottom: 2px;
position: relative;
}
#iconos2{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 15px 0px;
}
#iconos2 li{
display: inline-block;
float: none;
width: 47%;
margin: 15px 0px 0px 0px;
}
#iconos2 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos2 a:hover, #iconos2 a:active {
bottom: 2px;
position: relative;
}
#iconos3{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 10px 0px 10px 0px;
}
#iconos3 li{
display: inline-block;
float: none;
width: 23%;
margin: 0px 2px 10px 2px;
}
#iconos3 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos3 a:hover, #iconos3 a:active {
bottom: 2px;
position: relative;
}
#izquierda{
display: inline-block;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
#izquierda h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 15px 0px;
}
#izquierda h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 30px 0px;
}
#izquierda h2 span {
font-family: 'bold';
font-size: 1em;
color: #000;
}
#derecha{
display: inline-block;
float: right;
width: 100%;
margin: 0px 0px 0px 0px;
}
#derecha h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 10px 0px;
}
#derecha h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}
#titulo{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}
#titulo h1{
font-family: 'bold';
font-size: 1.2em;
color: #000;
text-align: left;
margin: 5px 0px 15px 15px;
}
#fondo1{
background-color: #DDD;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo1 h1{
font-family: 'bold';
font-size: 1.2em;
color: #009045;
text-align: left;
margin: 5px 0px 15px 20px;
}
#fondo1 h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
#fondo2{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo2 h1{
font-family: 'bold';
font-size: 1.25em;
color: #009045;
text-align: left;
margin: 5px 0px 10px 20px;
}
#fondo2 h2{
font-family: 'light';
font-size: 1.15em;
color: #FFF;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
/*--- CONTACTO FORM ---*/
#form{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 35px 0px;
}
.caja{
display: inline-block;
float: left;
width: 100%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
#botones {
display: inline-block;
float: left;
width: 100%;
padding-top: 10px;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
margin: 0px;
padding: 10px 30px;
background-color: #003b00;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #000;
color: #FFF;
}
/*--- FOOTER ---*/
#pie {
display: inline-block;
float: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#piecontenedor{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#piecontenido{
display: inline-block;
float: none;
width: 100%;
max-width: 1400px;
margin: 0px;
padding: 0px;
}
#pieizq{
display: inline-block;
float: left;
width: auto;
margin: 20px 0px 0px 25px;
}
#pieizq ul{
display: inline-block;
list-style-type: none;
}
#pieizq ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 10px 0px 0px;
}
#pieder{
display: inline-block;
float: right;
width: auto;
margin: 0px 25px 0px 0px;
text-align: right;
}
#pieder ul{
display: inline-block;
list-style-type: none;
}
#pieder ul li{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 20px;
font-family: 'regular';
font-size: 0.9em;
text-align: right;
color: #000;
}
#pieder ul li img{
max-width: 200px;
}
#pieder ul li a {
text-decoration: none;
font-size: 1em;
margin: 0px;
bottom: 0px;
opacity: 1;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder ul li a:hover, #pieder ul li a:active {
opacity: 0.6;
bottom: 3px;
position: relative;
}
#pieder a {
text-decoration: none;
font-family: 'light';
font-size: 0.55em;
line-height: 2.55em;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder a:hover {
color: #004694;
bottom: 2px;
position: relative;
}
#pieizq a.enlacefooter {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: auto;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieizq a.enlacefooter:hover {
color: #004694;
bottom: 2px;
position: relative;
}
}
/*--- PANTALLA 480 (probar hasta 361)...*/
@media only screen and (max-width: 480px) {
/*--- MENU ---*/
#menu{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
height: 100px;
margin: 0px;
}
#menucontenedor{
display: inline-block;
float: none;
width: 95%;
max-width: 700px;
height: auto;
margin: 0px;
}
#logo {
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 10px 0px 0px 0px;
}
#logo img {
max-height: 80px;
}
#redes {
display: none;
}
/*--- CONTENIDO ---*/
#banner{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 20px 0px;
}
#contenido{
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
}
#contenedor{
display: inline-block;
float: none;
width: 95%;
max-width: 700px;
margin: 0px;
}
#iconos1{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 0px 0px;
}
#iconos1 li{
display: inline-block;
float: none;
width: 43.5%;
margin: 0px 0px 20px 0px;
}
#iconos1 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos1 a:hover, #iconos1 a:active {
bottom: 2px;
position: relative;
}
#iconos2{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 0px 0px 30px 0px;
}
#iconos2 li{
display: inline-block;
float: none;
width: 100%;
margin: 15px 0px 0px 0px;
}
#iconos2 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos2 a:hover, #iconos2 a:active {
bottom: 2px;
position: relative;
}
#iconos3{
display: inline-block;
float: none;
width: 100%;
list-style-type:none;
margin: 10px 0px 10px 0px;
}
#iconos3 li{
display: inline-block;
float: none;
width: 43%;
margin: 0px 2px 10px 2px;
}
#iconos3 a {
text-decoration: none;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#iconos3 a:hover, #iconos3 a:active {
bottom: 2px;
position: relative;
}
#izquierda{
display: inline-block;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
#izquierda h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 15px 0px;
}
#izquierda h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 30px 0px;
}
#izquierda h2 span {
font-family: 'bold';
font-size: 1em;
color: #000;
}
#derecha{
display: inline-block;
float: right;
width: 100%;
margin: 0px 0px 0px 0px;
}
#derecha h1{
font-family: 'bold';
font-size: 1.5em;
color: #009045;
text-align: left;
margin: 0px 0px 10px 0px;
}
#derecha h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}
#titulo{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}
#titulo h1{
font-family: 'bold';
font-size: 1.2em;
color: #000;
text-align: left;
margin: 5px 0px 15px 15px;
}
#fondo1{
background-color: #DDD;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo1 h1{
font-family: 'bold';
font-size: 1.2em;
color: #009045;
text-align: left;
margin: 5px 0px 15px 20px;
}
#fondo1 h2{
font-family: 'light';
font-size: 1.2em;
color: #000;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
#fondo2{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
border-radius: 10px;
margin: 0px 0px 30px 0px;
}
#fondo2 h1{
font-family: 'bold';
font-size: 1.25em;
color: #009045;
text-align: left;
margin: 5px 0px 10px 20px;
}
#fondo2 h2{
font-family: 'light';
font-size: 1.15em;
color: #FFF;
line-height: 1.5em;
text-align: left;
margin: 0px 20px 20px 20px;
}
/*--- CONTACTO FORM ---*/
#form{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 35px 0px;
}
.caja{
display: inline-block;
float: left;
width: 100%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
#botones {
display: inline-block;
float: left;
width: 100%;
padding-top: 10px;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
margin: 0px;
padding: 10px 30px;
background-color: #003b00;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #000;
color: #FFF;
}
/*--- FOOTER ---*/
#pie {
display: inline-block;
float: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#piecontenedor{
background-color: #009045;
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#piecontenido{
display: inline-block;
float: none;
width: 100%;
max-width: 1400px;
margin: 0px;
padding: 0px;
}
#pieizq{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 20px 0px;
}
#pieizq ul{
display: inline-block;
list-style-type: none;
}
#pieizq ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 5px;
}
#pieder{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 0px 0px;
text-align: right;
}
#pieder ul{
display: inline-block;
list-style-type: none;
}
#pieder ul li{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 0px;
font-family: 'regular';
font-size: 0.9em;
text-align: right;
color: #000;
}
#pieder ul li img{
max-width: 150px;
}
#pieder ul li a {
text-decoration: none;
font-size: 1em;
margin: 0px;
bottom: 0px;
opacity: 1;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder ul li a:hover, #pieder ul li a:active {
opacity: 0.6;
bottom: 3px;
position: relative;
}
#pieder a {
text-decoration: none;
font-family: 'light';
font-size: 0.55em;
line-height: 2.55em;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieder a:hover {
color: #004694;
bottom: 2px;
position: relative;
}
#pieizq a.enlacefooter {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: auto;
color: #666;
margin: 0px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
#pieizq a.enlacefooter:hover {
color: #004694;
bottom: 2px;
position: relative;
}
}