@charset "utf-8";
/* CSS Document */

body {font-family:"Verdana", "Trebuchet"; font-size:10.5px; margin:0; background-color:#676767;} 
input {font-family:"Verdana"; font-size:10.5px;}
img {border:0;}
ul {list-style:none; margin-left:0px; padding-left:0px;}
p {margin-top:0; color:#777;}

#mapa-web {padding-top:0px; margin-top:0px;}
#mapa-web ul{padding-left:15px;}
#mapa-web li a{color:#999;} #mapa-web li a:hover {color:#000;}

.bc-firma, .bc-1{background-color:#000;}
.bc-profesionales, .bc-2{background-color:#36424a;}
.bc-areas, .bc-3{background-color:#36424a;}
.bc-sedes, .bc-4{background-color:#36424a;}
.bc-seleccion, .bc-5{background-color:#36424a;}
.bc-actividades, .bc-6{background-color:#36424a;}
.bc-responsabilidad, .bc-7{background-color:#36424a;}
.bc-sala, .bc-8{background-color:#36424a;} 
.bc-biblioteca, .bc-9{background-color:#36424a;}
.bc-contacto, .bc-10{background-color:#36424a;}

.c-profesionales{color:#8b2346;} /* Profesionales granate*/
.c-seleccion{color:#d6492a;} /* Selección de Abogados marron*/
.c-publicaciones{color:#59b6c5;}
.c-responsabilidad, .c-7{color:#4d3069;} /* Responsabilidad Social violeta*/

.fs14{font-size:13px;}
.respsocial {margin-top:0;}
.respsocial li {color:#4d3069; font-weight:bold; margin-bottom:10px;}
.respsocial li a{background-color:#4d3069; color:#fff; padding:2px;}
a.linkresp {background-color:#4d3069; color:#fff; padding:2px;} a.linkresp:hover {color:#fff;}
.textindex{
    width: 330px;
    margin: 0px 0 20px 0px;
    padding: 0;
}

.noticia {font-size:10px;}
	.noticia-cabecera { padding:8px; background-color:#333; margin-bottom:8px;}
	.noticia-fecha {color:#fff; margin-bottom:5px;}
	.noticia-medio {font-weight:bold; color:#999; margin-bottom:5px;}
	.noticia-titular {font-weight:bold; color:#fff; padding-bottom:8px;  margin-bottom:8px;border-bottom:solid 1px #fff;}
	.noticia-foto {position:relative; left:-8px; margin-bottom:8px;}
	.noticia-piefoto {font-style:italic;}
	a.noticia-a{color:#59b6c5;} a.noticia-a:hover{background-color:#59b6c5; color:#fff;}
	.noticia-noticia div {color:#000;}
	
.sede-cab {border:solid 1px #cbccc2; padding:0 3px 0 3px; background-color:#eff0ed; margin-bottom:4px; font-weight:bold;}

.socios {margin-top:0;}
	.socios li a {color:#000;} .socios li a:hover {background-color:#8b2346; color:#fff;} .socios li a:hover span {color:#fff;}

.listahome ul {margin-left:0px; font-size:10px;} .listahome ul li{margin-bottom:2px;} .listahome ul	 a{color:#333;} .listahome ul a:hover {background-color:#333; color:#fff;}

.cb {clear:both;}
.ctd {text-align:center;}
.rtd {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.mrb10 {margin-right:10px; margin-bottom:10px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.cent {text-align:center;}
.pd15 {padding:15px 15px 15px 15px;}
.separadorhome {border-top:solid 1px #ccc; padding-top:20px; margin-top:0px;}
a {text-decoration:none; color:#f00;}
a:visited {color:#f00;}
a:hover {color:#000;}
#layout {position:relative; width:100%; margin-left:auto; margin-right:auto; background-color:#676767;}
    #header {position:relative; width:1191px; height:60px; margin-left:auto; margin-right:auto; text-align:left; background-color:#000000; text-align:center;}
	    #GoniTitulo {position:absolute; left:60px; top:25px; width:240px; height:114px; color:#fff;}
	    #logo {position:absolute; left:0px; top:0px; width:240px; height:114px;}
    	#logo-2 {position:absolute; left:0px; top:0px; width:475px; height:104px;}
    	#logoizquierda {position:absolute; left:100px; top:20px;}
    	#cab {position:absolute; left:495px; width:696px; height:104px;}
    #cont {position:relative; width:1191px; min-height:150px; margin-left:auto; margin-right:auto; font-size:10.5px; color:#777; background-color:#fff;}
		#cont-up {width:1191px; background-color:#f00;}
		#search {position:absolute; right:0px; bottom:4px;}
		#search img {position:absolute; left:-20px; bottom:1px;}
		#cont-1 {width:398px; padding-left:98px; float:left;padding-bottom: 15px;}
			#menu-1 {width:330px; margin:40px 0 20px 0px; padding:0;}
				#menu-1 li {border-bottom:solid 1px #ded7d7; line-height:20px; margin-bottom:5px;}
					#menu-1 li a {color:#000;} #menu-1 li a:hover {color#000; text-decoration:underline;} #menu-1 li a.txtwhite {color:#fff;}
				#menu-1 ul {display:none; margin-bottom:15px;}
				#menu-1 ul li {border-bottom:0; line-height:15px; padding-left:15px;}
				#menu-1 ul ul li {border-bottom:0; line-height:15px; padding-left:30px;}
		#cont-2 {width:597px; float:left;}
			#cont2-up {width:597px; background-color:#fff;}
				#nav {position:relative; width:597px; margin-top:17px; padding-bottom:5px; font-family:Verdana; font-size:11px; letter-spacing:0px;}
					#nav a {color:#aaa; padding:0 2px 0 2px;} #nav a:hover {color:#fff; background-color:#aaa;}
				#tit-1 {font-size:24px; color:#aaa;}
				#tit-2 {width:597px; padding-bottom:1px; margin-bottom:27px; margin-top:30px; border-bottom:solid 1px #ded7d7; font-size:22px; letter-spacing:-0.5px; color:#1b232a; position:relative;}
					#gadgets {font-family:Verdana; font-size:11px; position:absolute; right:5px; top:10px;} 
						#gadgets div {float:left;}  #gadgets div img{vertical-align:top; position:relative; top:-3px;} #gadgets div a {color:#66676b; padding:0 2px 0 2px;} #gadgets div a:hover {background-color:#66676b;color:#fff;}
                                       #botonFoto a{ letter-spacing:0px; float: left; font-size: 10.5px; margin-top:0px; padding-left:5px; padding-right:5px; background-color: #8b2346; color: #fff; position: absolute; top:10px; right:155px; line-height:15px; }
                                          #botonFoto a:hover { background-color: #8b2346; text-decoration:underline }
                                       #botonFotoDirector a{  letter-spacing:0px; float: left; font-size: 10.5px; margin-top:0px; padding-left:5px; padding-right:5px; background-color: #8b2346; color: #fff; position: absolute; top:10px; right:165px; line-height:15px;}
                                          #botonFotoDirector a:hover { background-color: #8b2346; text-decoration:underline }
                                       #botonFotoDirectorEn a{  letter-spacing:0px; float: left; font-size: 10.5px; margin-top:0px; padding-left:5px; padding-right:5px; background-color: #8b2346; color: #fff; position: absolute; top:10px; right:125px; line-height:15px;}
                                          #botonFotoDirectorEn a:hover { background-color: #8b2346; text-decoration:underline }
                                       #botonFotoChairman a{  letter-spacing:0px; float: left; font-size: 10.5px; margin-top:0px; padding-left:5px; padding-right:5px; background-color: #8b2346; color: #fff; position: absolute; top:10px; right:55px; line-height:15px;}
                                          #botonFotoChairman a:hover { background-color: #8b2346; text-decoration:underline }
                                       #botonFotoLateral a{ letter-spacing:0px; float: left; font-size: 10.5px; margin-top:-5px; padding-left:5px; padding-right:5px; background-color: #8b2346; color: #fff; position: absolute; top:10px; right:0px; line-height:15px;}
                                          #botonFotoLateral a:hover { background-color: #8b2346; text-decoration:underline; }
			#cont2-down {width:597px;}
				#cont2-down div.colx2 {float:left; width:398px; margin-right:0px;} 
				#cont2-down div.col {float:left; width:178px; margin-right:21px; margin-bottom:15px; color:#1b232a;} #cont2-down div.x2 {width:377px;} #cont2-down div.x3 {width:555px;}
				.home-blk .tit {height:38px; padding:5px; padding-top:8px; margin-bottom:10px; color:#fff; font-weight:bold; font-size:14px;}
					.home-blk .tit a {color:#fff;} .home-blk .tit a:hover {color:#fff; text-decoration:underline;}
					.linkwhite a {color:#fff;} .linkwhite a:hover {color:#fff; text-decoration:underline;}
					.linkblack a {color:#000;} .linkblack a:hover {color:#000; text-decoration:underline;}
					.home-blk .tit .mini {font-size:9px; margin-bottom:3px;}
				.home-blk .txt {color:#000; font-size:11px;}
					.home-blk .txt .todotxt {margin-bottom:8px;}
				.col .txt {line-height:17px;}
				.txt2 {color:#000; font-size:11px;}
/*    #footer {position:relative; width:1191px; height:100px; margin-left:auto; margin-right:auto; font-size:10px; color:#39424c; background-color:#1b232a;} 
		#menu-2 {position:relative; left:97px; margin:0; padding:0; display:inline-block; line-height:50px;}
			#menu-2 li {float:left; margin-right:0px; color:#fff;} #menu-2 li.end {}
				#menu-2 li a {color:#fff;} #menu-2 li a:hover {background-color:#fff; color:#84888b;}
		#menu-3 {position:absolute; left:497px; margin:0; padding:0; display:inline-block; line-height:50px;}
			#menu-3 li {float:left; margin-right:0px; color:#84888b;} #menu-3 li.end {}
				#menu-3 li a {color:#84888b;} #menu-3 li a:hover {text-decoration:underline;} */

    #footer {position:relative; width:1191px; height:100px; margin-left:auto; margin-right:auto; font-size:10px; color:#39424c; background-color:#1b232a;}
		#menu-2 {position:relative; left:97px; margin:0; padding:0; display:inline-block; line-height:50px;}
			#menu-2 li {float:left; margin-right:0px; color:#fff;} #menu-2 li.end {}
				#menu-2 li a {color:#fff;} #menu-2 li a:hover {background-color:#fff; color:#84888b;}
		#menu-3 {position:absolute; left:497px; margin:0; padding:0; display:inline-block; line-height:50px;}
			#menu-3 li {float:left; margin-right:0px; color:#84888b;} 
			   #menu-3 li.end {}
				#menu-3 li a {color:#84888b;} 
				#menu-3 li a:hover {text-decoration:underline;}
				#menu-3 li strong {color:#ffffff;}
		#menu-3-home {position:absolute; left:340px; top:60px; margin:0; padding:0; display:inline-block; line-height:14px;}
				#menu-3-home a {color:#84888b;} 
				#menu-3-home a:hover {text-decoration:underline;}
				#menu-3-home strong {color:#ffffff; font-weight:normal;}

.gal-nav li {float:left; margin-right:4px;}
.gal-nav li a {color:#333; padding:3px;}
.gal-nav li a:hover {background-color:#333; color:#fff;}
.gal-nav li a.sel {background-color:#333; color:#fff;}

#capaVisor {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; top: 0px;
}
body > div#capaVisor {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
.secpp {font-size:13px; font-weight:bold;}
.txcab {color:#B5002F; font-size:12px;}
h1 {font-size:10.5px; margin:0;font-weight:normal;}
h2 { font-size:10px; margin:0;font-weight:normal;}
h3 {width:597px; padding-bottom:1px; margin-bottom:27px; margin-top:30px; border-bottom:solid 1px #ded7d7; font-size:22px; letter-spacing:-0.5px; color:#1b232a; position:relative;font-weight:normal;}
.bottconsulta{
	    background-color: #000;
    padding: 7px 20px;
    color: #fff !important;
    font-weight: bold;
}
.titnot{
	 color: #000 !important;
}
h22 {
    border-bottom: 1px solid #ccc;
    display: table;
    width: 330px;
    margin-bottom: 13px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    padding-bottom: 2px;
}
/*=========================== RESPONSIVE ===================================*/

/*Strip the ul of padding and list styling
.menunav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}*/

/*Create a horizontal list with spacing
.menunav li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}*/

/*Style for menu links*/
.menu li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #2f3036;
	text-decoration: none;
}

/*Hover state for top level links*/
.menu li:hover a {
	background: #19c589;
}

/*Style for dropdown links*/
.menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.menu li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.menunav li ul {
	display: none;
}

/*Make dropdown links vertical*/
.menunav li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.menunav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.menunav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.menunav .show-menu {
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;*/
	color: #fff;
	background: #000;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
.menunav input[type=checkbox]{
    display: none;
	    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
.menunav input[type=checkbox]:checked ~ #menu-1{
    display: block;
}
.photofund{
	width: 42%;
    float: left;
    margin-right: 10px;
}
.photofund p{
	padding-left: 10px;
    padding-top: 10px;
}

@media screen and (max-width: 1199px){
	#header{
		width:100%;
	}
	#cont{
		width:100%;
	}
		#cont-1{
			    width: 40%;
		}
		#cont-2{
			width: 49%;
		}
		#cont-2 img{
			width:100%;
		}
	#footer{
		width:100%;
	}
	.mapambit{
		width:auto !important;
	}
}

@media screen and (max-width: 1024px){
	#cont-1 {
    padding-left: 35px;
	}
	
}

@media screen and (max-width : 992px){
	#cont-1 {
    padding-left: 25px;
	}
	#cont-1 {
    width: 44%;
	}
	.fl {
    float: left;
    width: 100%;
    text-align: center;
	}
	.fr {
		float: left;
		width: 100%;
		text-align: center;
	}
	#menu-3-home {
    position: initial;
    left: 100%;
	}
	#menu-2 {
    position: initial;
    left: 0px;
	    font-size: 10pt;
	}
}
@media screen and (max-width : 760px){
	body {
		background-color:#1b232a;
	}
	#header {
    height: 70px;
	}
	#cont-1 {
    width: 100%;
    padding: 5px 0px;
	}
	.textindex {
    width: 100%;
    margin: 0px;
	}
	.textindex p{
	padding-left: 15px;
    padding-right: 15px;
	font-size: 12px;
    text-align: justify;
	}
	#cont-2 {
		width: 100%;
	}
	#menu-1 {
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 0;
	}
	#menu-1 li {
    border-bottom: solid 1px #ded7d7;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center;
    }
	.menunav .show-menu {
    font-size: 12pt;
    padding-top: 15px;
    font-weight: bold;
    padding-bottom: 15px;
	}
	#menu-2 {
    font-size: 9pt;
	padding-left: 20px;
	}
	 .menunav ul {
		position: static;
		display: none;
	}
	.menunav li {
		margin-bottom: 1px;
	}
	#menu-1 ul li{
     padding-left: 0px;
	}
	#menu-1 li a.txtwhite {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
	 .menunav ul li, li a {
		width: 100%;
	}
	.menunav .show-menu {
		display:block;
	}
	#GoniTitulo{
		    display: none;
	}
	#logoizquierda {
    position: relative;
    left: 0px;
    top: 20px;
}
.fl{
	/*display:none;*/
}
#menu-3-home{
	font-size: 10pt;
    line-height: 18px;
    padding-left: 15px;
    padding-right: 15px;
}
	/*====== cookies ======*/
	#barraaceptacion{
     min-height: 155px;
	}
	.inner {
    font-size: 15px;
	}
	.photofund {
    width: 47%;
	}
}
@media screen and (max-width : 599px){
	#cont2-down div.col{
		    width: 100%;
	}
	#cont2-down{
		width: 100%;
		    font-size: 12px;
			color:#777;
	}
	#cont2-down p{
		padding-left: 15px;
		padding-right: 15px;
		font-size: 12px;
	}
	#cont2-up{
		width: 100%;
	}
	#nav{
		width: 100%;
	}
	h3{
		width: 100%;
    margin-left: 15px;
    margin-right: 15px;
	margin-bottom: 10px;
    margin-top: 10px;
	}
	h2 {
    font-size: 12px;
	}
	#tit-1 {
    font-size: 30px;
    color: #909090;
	padding-left:15px;
}
	.col .txt {
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
	}
.tit-2{
	display: flex;
    width: 100%;
}	
.mapambit {
    width: 100% !important;
}
.col .txt21{
	padding-top: 10px !important;
}
#cont2-down div.colx2 {

    width: 100%;
}
input{
	width: 70%;
    padding: 7px;
}
.boton {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    width: 100%;
    border: none;
    padding: 10px;
    margin-top: 9px;
    font-size: 10pt;
	margin-bottom: 9px;
}
}
@media screen and (max-width : 360px){
	.photofund {
    width: 100%;
}
	
	
}