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

@import url('comun.css');
@import url('botonVerde.css');


/* CONTACTO Y SITUACIÓN
--------------------------*/

.datosContacto {width:75%; margin:10px 0 0 10px;}
.datosContacto:first-of-type {margin-top:40px;}
.datosContacto > * {display: inline-block; vertical-align: top; width:49%;}
.datosContacto > p {text-align: right;}
.datosContacto > div {padding-left: 15px;}
.datosContacto > div a {color:#323232;}

.googleMaps {width:100%; margin-top:37px; height:545px;}

/* SALUDO DEL PRESIDENTE
--------------------------*/

.saludoBOX section > img {margin-bottom:15px;}


/* LA PROFESIÓN
.........................*/

.clicksProfesion, .contenidoProfesion, .contenidoProfesion p {position: relative;}
.contenidoProfesion {z-index: 1; margin-top:-2px;}
.clicksProfesion {z-index: 2;}

.clicksProfesion {margin-top:25px; font-size: 0;}
.clicksProfesion, .clicksProfesion p {text-align: center;}
.clicksProfesion p {font-size: 15px;}
.clicksProfesion > article {display:inline-block; vertical-align: bottom; width:150px; padding:8px 25px; background: #ababab; border:1px solid transparent; cursor:pointer; margin-bottom: 2px;}
.clicksProfesion .thisSELECT {padding:12px 25px; background: #fff; border-color:#009730; border-bottom-color: #fff; margin-bottom: 0;}

.contenidoProfesion {width:100%; padding:5px 20px; border:1px solid #009730; overflow: hidden;}
.contenidoProfesion article {display:none;}
.contenidoProfesion article:nth-of-type(2) {display:block;}
.contenidoProfesion p {margin:15px 0; font-size:15px;}


/* LOCALIZA TU GESTOR
----------------------------*/

.mapaGESTORES ul {margin:30px 0 0 30px; list-style-position: inside; list-style-type: square;}
.mapaGESTORES li, .mapaGESTORES li a {color:#323232; margin: 6px 0; padding: 4px 0;}

.cajaMAPA {width:606px; height:351px; position:relative; background: url(../images/gestores-administrativos/mapa-fronteras.png); margin-top:40px;}
.cajaMAPA img {position: absolute; top:0; left:0; opacity:.4;}

/* MEMORIA
-------------------*/

.memoriaBOX > img {display: block; margin:30px auto;}


/* ACTIVIDADES PROFESIONALES
--------------------------------------*/

.activPROF {padding-bottom:30px; margin-bottom:30px; border-bottom: 1px solid #009730;}
.activPROF:last-of-type {border-bottom: none;}
.activPROF h2 {text-transform: uppercase; font-size: 17px; margin:20px auto;}
.activPROF > figure {height:135px; width:60%; position: relative;}
.activPROF > figure img {width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

.activPROF > a {color:#009730; text-decoration: underline; margin:15px 0; display: block;}
.activPROF > a:hover:after {content:' >>';}


/* DESCARGAS
--------------------*/

.dwnloadBOX:after {content:''; display: table; clear:both;}
.dwnloadBOX {border:1px solid #86FFAC; padding: 10px 15px; margin-bottom: 20px;}
.dwnloadBOX p {float:left; text-transform: uppercase; color:#009730; margin:0 !important; max-width: 70%;}
.dwnloadBOX p span {display: block; font-size:12px !important; line-height: 15px;}
.dwnloadBOX > a {float:right; background:#009730; color:#fff; padding:3px 11px 5px 11px; margin-top: 5px;}