@charset "utf-8";

/*Reset all the html tags*/
article, div,  footer, header, nav, section{display:block;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0 ; }
body { line-height: 1 ; color: black ; background: white ; }
ol, ul { list-style: none ; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate ; border-spacing: 1px ; }
caption , th , td { text-align: left ; font-weight: normal ; }
block quote:before , block quote:after , q:before , q:after { content: "" ; }
blockquote, q { quotes: "" "" ; }
a { display:block ; text-decoration: none ; }
a  img{ border:none ;}


/* ////////////////////////////////////////////////// */
/* tag */
html,
body {
	margin:0;
	padding:0;
	height:100%;
}

body{
	font-family: 'Amethysta', serif;
	background:url(../img/bg/body.jpg) repeat-x;
	}



footer{
	width:100%;
	height:280px;
	position:absolute;
	bottom:0;
	left:0;
	background-image: url(../img/bg/footer.gif);
	}
	footer section{
		width:980px;
		margin:auto;
		height:auto;
		}
		footer section > div{
			width:300px;
			margin-left:18px;
			*margin-left:13px;
			*margin-right:13px;
			float:left;
			}
			footer section > div:first-child{
				margin-left:40px;	
				}
				
			footer section > div div{
				font-size: 15px;
				text-transform: uppercase;
				color:#fff;
				margin-top:30px;
				margin-bottom: 20px;
				padding-bottom:8px;
				border-bottom: 1px solid #b7b7ba;
				}
				
				footer section > div p{
					font-size:12px;
					line-height:20px;
					color:#fff;
					}
					
				footer section > div a{
					font-size:12px;
					line-height:20px;
					color:#fff;
					}
				
				footer section > div ul a{
					display:inline;
					}
				
				footer section > div a.webmail{
					width:120px;
					height:30px;
					background-image: url(../img/webmail.gif);
					}
header{
	height: auto;
	width: 100%;
	border-top: 5px solid #b7b7ba;å
	}
	
	header section{
		height: 130px;
		width: 980px;
		margin: auto;
		position:relative;
		border-bottom: 1px solid #b7b7ba;
		}
		
		header section .logo{
			height: 106px;
			width: 340px;
			top: 0px;
			left: 0px;
			position:absolute;
			background-image: url(../img/logo.png);
			}
			
		header section nav{
			height: 50px;
			width: auto;
			margin-top:84px;
			float:right;
			}
			header section nav li{
				float:left;	
				border-left: 1px solid #b7b7ba;
				}
				
				header section nav li.on{
					border-left: none;
					margin-left:1px;
					}
					header section nav li.on+li{
					border-left: none;
					margin-left:1px;
					}
					header section nav li.on a{
						border-top: 4px solid #b7b7ba;
						margin-top:-14px;
						background: #8f8f92;
						color:#ffffff;
						}
					
				header section nav li:hover{
					border-left: none;
					margin-left:1px;
					}
				header section nav li:hover+li{
					border-left: none;
					margin-left:1px;
					}	
					
				header section nav li a{ 
					font-size:11px;
					min-width: 80px;
					text-transform: uppercase;
					padding: 10px 8px 35px 8px;
					margin-top:-10px;
					color:#8f8f92;
					}
					header section nav li a:hover{ 
						border-top: 4px solid #b7b7ba;
						margin-top:-14px;
						background: #8f8f92;
						color:#ffffff;
						}

input{
	width:418px;
	height:38px;
	padding-left:10px;
	border: 1px solid #d7d7d7;
	background: none;
	color:#8f8f92;
	font-style:italic;
	
	*padding-top:10px;
	*height:28px;
	}
	
textarea{
	width:406px;
	height:176px;
	padding: 10px;
	border: 1px solid #d7d7d7;
	background: none;
	color:#8f8f92;
	font-style:italic;
	}

/* ////////////////////////////////////////////////// */
/* ids */

#banner{
	margin-top: 3px;
	height: 310px;
	width: 100%;
	z-index:9;
	}
	#banner section{
		width:980px;
		height:310px;
		margin:auto;
		position:relative;
		}
		#banner section .titulo-1{
			padding-top:40px;
			}
		#banner div.marco{
			width:958px;
			height:288px;
			border: 1px solid #fff;
			top:10px;
			left:10px;
			position:absolute;
			z-index:10;
			}
		#banner div.slidernav{
			position:absolute;
			top:280px;
			left:0px;
			height:10px;
			width:980px;
			margin:auto;
			z-index:10;
			text-align:center;
			}
			#banner div.slidernav a{
				width:10px;
				height:10px;
				background: url(../img/bg/point.png) -10px 0px;
				text-indent:-9999px;
				display:inline-block;
				vertical-align:top;
				margin:2px;
				}
				#banner div.slidernav a.activeSlide{
					background: url(../img/bg/point.png) 0px 0px;
					}
		#banner ul{
			width:980px;
			height:310px;
			margin:auto;
			position:relative;
			}
			
			#banner ul li{
				width:980px;
				height:308px;
				background:#000;
				position:relative;
				}
	
#wrapper{
	min-height:100%;
	position:relative;
	}
			
/* ////////////////////////////////////////////////// */
/* clases */

.solapa{
	height: auto;
	width: 100%;
	/* background: url(../img/bg/solapa.png) no-repeat top; */
	/* background-color: #be6002; */
	margin-top:0px;
	z-index:10;
	padding-bottom:280px;
	}			
	


.titulo-1{
	font-size:38px;
	text-shadow: 2px 2px #959595;
	color:#fff;
	width:980px;
	margin: 40px auto 10px;
	}
	
.titulo-2{
	font-size:30px;
	color:#b3b6b8;
	font-weight:bold;
	text-transform: uppercase;
	}

.titulo-3{
	font-size:28px;
	color:#817f84;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
	line-height:35px;
	}

.clientes{
	margin: auto;
	padding: 0px 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
	.clientes li{
		width:auto;
		height:auto;
		border:1px solid #e5e5e5;
		margin:5px;
		float:left;
		position:relative;
		}
		.clientes li .over{
			width:178px;
			height:178px;
			position:absolute;
			top:0;
			left:0;
			display:none;
			}
		
.integrantes{
	width: 930px;
	padding: 20px 25px;
	margin: auto;
	display: block;
	}
	.integrantes .titulo-2{
		margin:0px 10px 15px;
		padding-top:30px;
		clear:both;
		}
	.integrantes .boxIntegrantes{
		width:210px;
		height:auto;
		padding: 16px;
		background:#f1f3f3;
		margin:10px;
		float:left;
		}
		.integrantes .boxIntegrantes .portada{
			width:188px;
			height:auto;
			border:1px solid #c0c0c0;
			margin:10px;
			}
			.integrantes .boxIntegrantes .portada div{
				width:184px;
				height:auto;
				overflow:hidden;
				background:#e8e9e9;
				margin:2px;
				}
		.integrantes .boxIntegrantes .titulo{
			font-size:16px;
			color:#817f84;
			margin-left:10px;
			}
		
		.integrantes .boxIntegrantes .abogado{
			font-size:12px;
			color:#cccccc;
			margin:10px 0 5px 10px;
			}
				
		.integrantes .boxIntegrantes .mail{
			font-size:10px;
			color:#b5b5b5;
			margin:10px 0 5px 10px;
			}
			
		.integrantes .boxIntegrantes .facultad{
			font-size:10px;
			color:#cccccc;
			font-style:italic;
			margin:10px 0 5px 10px;
			}

	.staff-contenedor {
		display: flex;
		flex-wrap: wrap;
	}

.contacto{
	width:980px;
	margin:auto;
	padding-top:15px;
	height:950px;
	display:block;
	z-index:10;
	}
	.contacto form{
		width:978px;
		height:288px;
		padding: 50px 0 0;
		}
		.contacto form .columna{
			margin-left:40px;
			width:430px;
			height:270px;
			float:left;
			}
			.contacto form .columna input{
				margin-bottom: 10px;
				*margin-left:-40px;				
				}
				
			.contacto form .columna textarea{
				*margin-left:-40px;				
				}
				
			.contacto form .columna input.boton{
				background: #8f8f92;
				border:none;
				border-top:4px solid #b6b6b9;
				font-size: 12px;
				font-weight:bold;
				font-style:italic;
				color:#fff;
				width:180px;
				margin: 10px 0 0 248px;
				*margin: 10px 0 0 208px;
				cursor:pointer;
				*padding-top:0px;
				}
				.contacto form .columna input.boton:hover{
					background: #b6b6b9;
					border-top:4px solid #8f8f92;
					}
				
	.contacto .sombra{
		width: 982px;
		height: 12px;
		background:url(../img/bg/sombra.gif);
		}
	
	.contacto .infoYMapa{
		width:978px;
		height:478px;
		padding: 5px 0 65px;
		border:1px solid #e9e9e9;
		}
	
		.contacto .info{
			width:400px;
			height:210px;
			margin: 80px 0 0 40px;
			float:left;
			}
			.contacto .info .titulo{
				font-size:20px;
				color:#8f8f92;
				}
			.contacto .info p{
				font-size:12px;
				color:#8f8f92;
				font-style:italic;
				margin-top:20px;
				padding-left:40px;
				line-height:22px;
				}
			
				.contacto .info p.direccion{background:url(../img/bg/ico-direccion.gif) no-repeat 4px 3px;}
				.contacto .info p.telefono{background:url(../img/bg/ico-telefono.gif) no-repeat 0 3px;}
				.contacto .info p.mail{background:url(../img/bg/ico-mail.gif) no-repeat  3px 3px;}
				
				.contacto .info p a{
					color:#8f8f92;
					margin-left:10px;
					display:inline;
					text-decoration:underline;
					}
			
			
		.contacto .mapa{
			width:427px;
			height:268px;
			border:1px solid #e9e9e9;
			float:left;
			margin:40px 0 0 70px;
			}
		
		
		
.home{
	width:980px;
	margin:auto;
	padding-top:15px;
	height:880px;
	padding-bottom:280px;
	}
	
	.home .titulo-3{
		margin:40px auto 30px;
		}
		
	.home .boxHome{
		width:310px;
		height:700px;
		float:left;
		margin-left:8px;
		margin-right:8px;
		}
		
	.home .boxHome2{
		width:635px;
		height:700px;
		float:left;
		margin-left:8px;
		margin-right:8px;
		}
		
		.home .boxHome .portada, .home .boxHome2 .portada{
			width:290px;
			height:150px;
			background:#f9f9fa;
			padding:10px;
			position: relative;
			}
		
		.home .boxHome2 .portada{
			width:615px;
			}
			
			.home .boxHome2 .portada .imagen{
				width:615px;
				height:150px;
				background:#fff;
				overflow:hidden;
				}
				
			.home .boxHome .portada .imagen{
				width:290px;
				height:150px;
				background:#fff;
				overflow:hidden;
				}
				
			.home .boxHome .portada .marco{
				width:268px;
				height:128px;
				border:1px solid #fff;
				position:absolute;
				top:20px;
				left:20px;
				}
				
			.home .boxHome2 .portada .marco{
				width:593px;
				height:128px;
				border:1px solid #fff;
				position:absolute;
				top:20px;
				left:20px;
				}
	
		.home .boxHome .info, .home .boxHome2 .info{
			border:2px solid #f1f1f1;
			margin-top:10px;
			width:286px;
			height:486px;
			padding:10px;
			text-align:center;
			float:left;
			}
			
		.home .boxHome2 .info{
			margin-right: 10px;
			width:610px;
			}
			.home .boxHome2 .info .contenido{
				width:266px;
				float:left;
				padding: 0 18px;
				}
		
			.home .boxHome .info .titulo, .home .boxHome2 .info .titulo{
				color:#817f84;
				font-size:20px;
				margin-top:40px;
				font-weight:bold;
				text-transform: uppercase;
				}
			.home .boxHome .info p, .home .boxHome2 .info p{
				color:#817f84;
				font-size:12px;
				line-height:23px;
				margin-top:20px;
				text-align: justify;
				}
				.home .boxHome .info p b, .home .boxHome2 .info p b{
					color:#817f84;
					font-size:12px;
					font-weight:bold;
					}
			.home .boxHome .info p.list, .home .boxHome2 .info p.list{
				font-style:italic
				}
		
		
.areas{
	width:940px;
	margin:auto;
	padding:35px 20px;
	}
	
	.areas .menu{
		width: 180px;
		height:auto;
		background:#8f8f92;
		border-top:4px solid #b6b6b9;
		border-bottom:4px solid #b6b6b9;
		padding-bottom:25px;
		display:inline-block;
		vertical-align:top;
		zoom:1;
		*display:inline;
		}
		.areas .menu .titulo{
			font-size:13px;
			color:#fff;
			margin-top:3px;
			padding:10px;
			border-bottom:1px solid #fff;
			}
			
		.areas .menu li{
			margin-left:30px;
			width:150px;
			height:37px;
			border-bottom:1px solid #9a9a9d
			}
			.areas .menu li a{
				width:150px;
				height:17px;
				padding-top: 20px;
				font-size:12px;
				color:#fff;
				}
				
	.areas .contenido{
		display:inline-block;
		vertical-align:top;
		zoom:1;
		*display:inline;
		margin:60px 0 0 30px;
		width:700px;
		}
		.areas .contenido .titulo{
			font-size:30px;
			color:#8f8f92;
			font-weight:bold;
			text-transform: uppercase;
			}
			
		.areas .contenido .subtitulo{
			font-size:18px;
			color:#8f8f92;
			font-weight:bold;
			text-transform: uppercase;
			margin:40px 0 0;
			}
			
		.areas .contenido p{
			text-align : justify;
			font-size:12px;
			color:#b0b0b0;
			margin:30px 0 0;
			line-height:20px;
			}
			.areas .contenido p b{
				font-size:12px;
				color:#b0b0b0;
				font-weight:bold;
				}
		
		.areas .contenido ul{
			margin:30px 0 0 20px;
			}
			.areas .contenido ul li{
				font-size:12px;
				color:#b0b0b0;
				line-height:25px;
				padding-left:20px;
				background:url(../img/bg/flecha.gif)no-repeat 0 7px;
				}
		
	
		.areas .contenido .derechoDeSeguros, .areas .contenido .cobranzas, .areas .contenido .derechoCivil, .areas .contenido .litigios{display:none;}
		
		
.minibanner{
	width: 974px;
	height: 200px;
	}

	.integrantes .minibanner{margin:-1px 0 0 -22px;}
	.areas       .minibanner{margin:-16px 0 30px  -17px;}
	.contacto    .minibanner{margin:-3px 0 0 2px;}
		.minibanner .derechoDeSeguros-banner{display:none;}
		.minibanner .derechoEmpresarial-banner{display:inline;}
		.minibanner .cobranzas-banner{display:none;}
		.minibanner .derechoCivil-banner{display:none;}
		.minibanner .litigios-banner{display:none;}