@font-face{
	font-family: Poppins;
	src: url(../fonts/Poppins-Light.woff2),
         url(../fonts/Poppins-Light.woff),
	     url(../fonts/Poppins-Light.ttf);
	font-weight: 300; font-display: swap;}
@font-face{
	font-family: Poppins;
    src: url(../fonts/Poppins-Medium.woff2),
         url(../fonts/Poppins-Medium.woff),
	     url(../fonts/Poppins-Medium.ttf);
    font-weight: 500; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 2em; color: #304563; font-weight: 300;}
#membrete{	color: #aaa; text-align: center; letter-spacing: 5px; line-height: 1.4em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
img a, a, a img{	text-decoration: none;}
#imagen img{	width: 100%; height: auto;}
.neg{	font-weight: bold;}
.noneg, .noneg strong{	font-weight: 300;}
#menu{	font-size: 0.9em;}
#menu ul li{	list-style-type: none; text-align: center;}
#menu ul li a{	color: #01337a; padding: 17px 0 25px 0; display: block; text-align: center; border-bottom: 1px solid #fff;}
#menu ul .v a, #menu ul .minv a, .may a, .mayv a{	border-bottom: 1px solid #eb7022;}
#menu ul li a:hover{opacity: 0.5;}
.texto{	padding: 50px 0;}
h1, .tit{	font-size: 30px; color: #01337a; font-weight: normal;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.texto .sub{
	font-size: 13px; color: #eb7022; font-weight: 500; font-family: 'Rubik', sans-serif;
	border-top: 1px solid #eb7022; margin: 5px 0 0 0; border-bottom: none;}	
p{	margin: 15px 0;}
.naranja{	background: #eb7022; color: #fff; padding: 50px 0; font-size: 1.2em;}
.gris{	background: #d5dbe4; padding: 50px 0; font-size: 1.2em;}
.texto li{	margin: 10px 0 0 20px; line-height: 1.7em;}
.texto h3{	margin: 40px 0 10px 0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #42689e; font-weight: normal; font-size: 1.4em; padding: 0 0 5px 0; border-bottom: 1px solid #d5dbe4;}
.texto h4{	margin: 25px 0 0 0;}
.texto a{	color: #304563;}
footer{	background: #061c3c; color: #fff; padding: 40px 0 80px 0; border-top: 2px solid #CCC;}
.nombre{	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.3em; color: #fff;}
.abogada{	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.3em; color: #eb7022;}
.email{	padding: 0 0 15px 0; display: block;}
footer h3{	font-size: 13px; font-weight: 300; color: #aaa;}
footer h4{	font-size: 12px; font-weight: 300; color: #aaa; margin: 45px 0 0 0;}
footer .f-menu li, footer .f-menu li a{	font-size: 13px; color: #fff; padding: 5px 0; line-height: 1.3em; display: block;}
footer .f-menu li a:hover{	color: #eb7022;}
footer .f-menu .uno{	margin: 0 0 5px 0;}
address{	font-style: normal; display: inline;}
.tel{	margin: 30px 0 0 0; display: block; font-size: 1.1em; padding: 30px 0 0 0; border-top: 1px solid #999;}
.telefono{	margin: 0 20px 0 0; padding: 0 0 0 22px; background: url(../abogado/telefono.png) no-repeat center left;}
.telefono a{ color: #fff;}
.borra{	clear: both;}
#aviso{ 	font-size: 0.7em; background: #020e1f; color: #aaa;}
#aviso a{	color: #aaa; display: inline-block; padding: 5px 0;}
iframe{	border: none; width: 100%; display: block;}
.flecha{	background: #eb7022; padding: 8px 0 0 0; width: 40px; height: 32px; 
	position: fixed; right: 10px; bottom: 10px; text-align: center; font-size: 25px;}
.flecha a{	color: #061c3c; }
.boton a{display: block; text-align: center; border: 1px solid #020542; padding: 10px 0; 
	font-size: 17px; margin-top: 40px; width: 100%; max-width: 300px;}
.boton a:hover, .mapa .boton a:hover{background: #eb7022; color: #fff; border: 1px solid #eb7022;}
.mapa{background: url("../abogado/mapa.jpg") no-repeat left top; background-size: cover; padding: 250px 0 200px 0;}
.mapa .boton a{margin: 0 auto; color: #333; background: #fff;}
@media only screen 
and (max-width : 480px){
body{	line-height: 2em;}
.pant, .tab{	display: none;}
.container {	width: 100%; margin: 0 auto; }
.todo {	margin: 0 20px;}
#logo{	width: 96%; margin: 40px auto; max-width: 300px;}
#logo img{	width: 100%; height: auto;}
#membrete{	font-size: 0.8em; line-height: 0.9em;}
#menu{	width: 88%; margin: 0 auto; font-size: 1em;}
#menu ul li a {    padding: 15px 0 10px 0; }
h1, .tit {    font-size: 22px;}
.foto img{	width: 100%; height: auto;}
.foto{	max-width: 300px;}
#cv .foto{	margin-top: 20px;}
.foto{	margin-bottom: 20px; margin-top: 0;}
.texto{	padding: 30px 0;}
#horario{	font-size: 0.9em;}
footer{	padding: 40px 0;}
.f-menu{	display: none;}
.telefono{	display: block; font-size: 1.2em;}
.telefono a{	padding: 5px 0; display: block; }
.block{	display: block;}
.guion{	display: none;}
#aviso{	padding: 15px 0 0 0;}
#aviso .block{	line-height: 1.2em;}
iframe{	display: none;}
#mapa img{	width: 100%; height: auto; display: block;}
.mapa{background: url("../abogado/mapa-m.jpg") no-repeat left top; background-size: 100% auto; padding: 200px 0 90px 0;}
}
@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.pant, .mov{	display: none;}
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 30px;}
#logo{	margin: 100px auto 60px auto; width: 280px;}
#logo img{	width: 100%; height: auto;}
#membrete{	font-size: 0.9em; line-height: 0.9em;}
#menu{	max-width: 500px; margin: 0 auto 10px auto; font-size: 16px;}
#menu ul li{	width: 33%; float: left;}
#menu ul li a {    padding: 20px 0 5px 0; border-bottom: 1px solid #fff;}
h1, .tit {    font-size: 24px;}
#cv .foto{	margin-top: 30px;}
.foto{	margin-bottom: 30px; margin-top: 0;}
.gris .guion{	display: none;}
footer{	padding: 40px 0;}
.f-menu{	display: none;}
.telefono{	display: block; font-size: 1.2em;}
.telefono a{	padding: 5px 0; display: block; }
.mapa{background: url("../abogado/mapa-t.jpg") no-repeat left top; background-size: 100% auto; padding: 150px 0 70px 0;}
}
@media only screen 
and (min-width : 751px)
and (max-width : 1099px) {
.mov, .tab{	display: none;}
.container {	width: 100%;	margin: 0 auto;}
.todo {	margin: 0 40px;}
#logo{	width: 300px; line-height: 1.3em; margin: 40px auto 20px auto;}
#menu{	margin: 12px 0 5px 0; font-size: 16px;}
#menu ul li{	width: 17%; float: left;}
#menu ul li a{	padding: 20px 0 10px 0;}
#menu ul li{	width: 17%; float: left;}
#menu ul .min, #menu ul .minv{	width: 10%; }
#menu ul .may, #menu ul .mayv{	width: 22%;}
.foto{	width: 32%; float: left; margin-top: 55px;}
.texto{	width: 63%; float: right;}
.foto img{	width: 100%; height: auto; }
.gris .guion{	display: none;}
footer .dcho{	width: 60%; float: right;}
footer .izdo{	width: 40%; float: left;}
footer .f-menu{	width: 30%; float: left;}
footer .dir{	width: 320px; float: right; }
iframe{	height: 350px;}
#mapa {	display: none;}
}
@media only screen 
and (min-width : 751px)
and (max-width : 840px) {
footer .f-menu{display: none;}
}
@media only screen 
and (min-width : 1100px){ 
.mov, .tab{	display: none;}
.container {	width: 1100px; margin: 0 auto;}
#cabecera .container{width: 100%;}
.todo {	margin: 0 50px; }
#logo{	width: 280px; float: left; margin: 20px 0;}
#logo img{width: 280px; height: auto;}
#menu{	width: 660px; float: right; margin: 6px 0 0 0; font-size: 16px;}
#menu ul li{	width: 17%; float: left;}
#menu ul .min, #menu ul .minv{	width: 10%; }
#menu ul .may, #menu ul .mayv{	width: 22%;}
.texto, footer .dcho{	width: 600px; float: right;}
.foto, footer .izdo{	width: 300px; float: left;}
#cv .foto{	margin: 55px 0 0 0;}
#al-foto{	position:relative;}
#al-foto .foto img{	position:absolute; bottom: 130px;}
footer .f-menu{	width: 50%; float: left;}
footer .dir{	width: 50%; float: right; font-size: 0.9em;}
.ocu{	display: none;}
#mapa {	display: none;}}
@media only screen 
	and (min-width : 1400px){ 
body {    font-size: 1.2em; line-height: 2em;}
.container {	width: 1300px; margin: 0 auto;}
#cabecera .container{width: 86%;}
#menu{	width: 760px; font-size: 1em;}
.texto, footer .dcho{	width: 760px; padding: 100px 0;}
		footer .dcho{padding-top: 0;}
h1, .tit {	font-size: 34px;}
.texto .sub {	font-size: 16px; padding-top: 5px; margin: 13px 0px 40px 0px;}
footer .f-menu li, footer .f-menu li a {    font-size: 16px; padding: 7px 0;}
footer h3 {	font-size: 16px;}
footer h4 {	font-size: 15px; margin: 20px 0 0 0;}
.naranja, .gris, footer {    padding: 100px 0; }
footer {font-size: 1.1em;}
}