a:link, a:visited, a:active {
    text-decoration:none;
}

@font-face {
font-family: maquina;
src: url(fonts/another_typewriter/maquina.ttf);
}

@font-face {
font-family: atwriter;
src: url(fonts/another_typewriter/atwriter.ttf);
}
@font-face {
font-family: autography;
src: url(fonts/Autography.otf);
}
@font-face {
font-family: callingstone;
src: url(fonts/Callingstone - Personal Use Only.ttf);
}
@font-face {
font-family: caviar;
src: url(fonts/CaviarDreams.ttf);
}

@font-face {
font-family: chopin;
src: url(fonts/Chopin-Light.ttf);
}


aut {
    font-family: autography;
    font-size: 38px;
    color: black;
    text-align: right;
}
call {
    font-family: callingstone;
    font-size: 38px;
    color: black;

}
callwhite {
    font-family: callingstone;
    font-size: 24px;
    color: whitesmoke;

}
cav {
    font-family: chopin;
    font-size: 21px;
    color: black;
    text-align: justify;
}
p {
    font-family: chopin;
    font-size: 21px;
    color: black;
    text-align: justify;
}
li {
    font-family: chopin;
    font-size: 21px;
    color: black;
    text-align: justify;
}
cava {
    font-family: chopin;
    font-size: 15px;
    color: black;
    text-align: justify;
}
t {
    font-family: maquina;
    font-size: 17px;
    color: black;
}

res {
    font font-family: helvetica;
    font font-size: 2;
    text-align: justify;
}
H1 {
    font-family: cav;
    font-size: 32px;
    color: floralwhite;
 

}
H2 {
    font-family: cav;
    font-size: 28px;
        color: #e14c49;
}

H3 {
    font-family: cav;
    font-size: 28px;
    
        color: #e14c49;

}


a:link, a:visited, a:active {
            text-decoration:none;
            
        }

.huecomenu{height: 850px;
    
}

.tablepresen {opacity: 0.5;
background-color: goldenrod;
    height: 800px;
    width: 100%;
 text-align: center;   
    
}



body {
    margin: 0;
background-image: url('https://www.agr-abogado.es/fondo/38691245950_ed6de9a0b9_o.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
    min-height: 100%;
  background-position: center;
  background-size: cover;
}  

.button {
  font-family: Courier New;
  color: #ffffff;
  font-size: 16px;
  padding: 10px;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 3px #5C5C5C;
  -moz-box-shadow: 0px 1px 3px #5C5C5C;
  box-shadow: 0px 1px 3px #5C5C5C;
  text-shadow: 1px 1px 3px #5C5C5C;
  border: solid goldenrod 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#5C5C5C), to(#5C5C5C));
  background: -moz-linear-gradient(top, #5C5C5C, #5C5C5C);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#5C5C5C, endColorStr=#5C5C5C);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#5C5C5C, endColorStr=#5C5C5C);
  display:inline-block; /* IE is so silly */
}
.anclas {
  font-family: Courier New;
  color: #ffffff;
  font-size: 16px;
  padding: 3px;
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  text-shadow: 0px 1px 3px #666666;
  background: #696269;
}
.button:hover {
  background: #c9c9c9;
}
.inicio {
    height: 800px;
    
}

@font-face {
font-family: bricktown;
src: url(fuente/Bricktown.ttf);
}

h {
font-family: bricktown;
    font-size: 25px;
    color: black;
}



.tarjeton{
-webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.75);
    background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    height: 600;
    vertical-align: middle;


}
.tarjetonz{
-webkit-box-shadow: 10px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 0px 5px 0px rgba(0,0,0,0.75);
    background: #fef7dd;
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
height: 600;

        background-repeat: no-repeat;
    background-size: contain; 
    border-radius: 0px 46px 0px 0px;
-moz-border-radius: 0px 46px 0px 0px;
-webkit-border-radius: 0px 46px 0px 0px;
}
.firma {
    text-align: right;
}
.papel {
background:url(https://agr-abogado.es/fondo/papel200.png);
    background width: auto;
    height: 400;
    width: 70%;
    background-repeat: no-repeat;
    background-size: contain; 
    display: table;
    height: 400;

}
.papelhijo {
align-items: baseline;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    align-items: center;

}
.postal {
align-content: center;
    background width: auto;
    height: 550;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain; 
    background-position: center;
    align-items: bottom;
}
.boletin {
align-content: center;
    background width: auto;
    height: 250;
    width: 100%;
    background-position: center;
    align-items: top;
}
.firma {
    z-index: 1;
    height: 75;
}
.papelresponsive {
align-content: center;
background:url(http://agr-abogado.es/fondo/papel200.png);
    background width: 100%;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain; 
    vertical-align: top;
}


.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  
}
w {
font-family: bricktown;
    font-size: 25px;
    color: whitesmoke;
}
.periodico{
    width: 90%;
   background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    border-radius: 0px 0px 61px 0px;
-moz-border-radius: 0px 0px 61px 0px;
-webkit-border-radius: 0px 0px 61px 0px;
border: 1px dashed #000000;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.buttonresponsive {
  font-family: Courier New;
  color: #ffffff;
  font-size: 15px;
  padding: 10px;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 3px #5C5C5C;
  -moz-box-shadow: 0px 1px 3px #5C5C5C;
  box-shadow: 0px 1px 3px #5C5C5C;
  text-shadow: 1px 1px 3px #5C5C5C;
  border: solid goldenrod 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#5C5C5C), to(#5C5C5C));
  background: -moz-linear-gradient(top, #5C5C5C, #5C5C5C);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#5C5C5C, endColorStr=#5C5C5C);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#5C5C5C, endColorStr=#5C5C5C);
  display:inline-block; /* IE is so silly */
}

.btn {
  border: none;
  color: white;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
}

.success {background-color: #04AA6D;} /* Green */
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: goldenrod;} /* Orange */
.warning:hover {background: #daa520;}

.danger {background-color: #f44336;} /* Red */ 
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} /* Gray */ 
.default:hover {background: #ddd;}
.checked {
  color: orange;
    align-content: center;
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.navbar {
  overflow: hidden;
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.header {
  background-color: #ffffff;
  padding: 30px;
  text-align: center;
}
body {
  margin: 0;
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
}



#navbar {
  overflow: hidden;
  background-color: #E14C49;
    z-index: 1;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
    z-index: 1;
}

#navbar a:hover {
  background-color: gray;
  color: white;
    z-index: 1;
}

#navbar a.active {
  background-color: #f44336;
  color: white;
    z-index: 1;
}

.content {
  padding: 16px;
    background: transparent;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}


.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
    
}

.dropdown-content {
  display: none;
  position: fixed;
  background-color: #545454;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #e14c49;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
     vertical-align: middle;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
    vertical-align: middle;
}

.flip-box-front {
  background-color: #bbb;
  color: black;
     vertical-align: middle;
}

.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateX(180deg);
}
    .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
    .fa-facebook {
  background: #3B5998;
  color: white;
}
    .fa-linkedin {
  background: #007bb5;
  color: white;
}
    .fa-instagram {
  background: #125688;
  color: white;
}
    .fa-rss {
  background: #ff6600;
  color: white;
}
    .rojo {
        width: 100%;
        height: 350;
        background: orangered;
        opacity: 0.2;
        text-decoration-color: black;
    }
    .notepad{
    width: 80%;
    margin: auto;
    margin-top: 10em;
    max-width: 500px;
    box-shadow: 10px 10px 40px rgba(0,0,0,0.20);
    border-radius: 0 0 10px 10px;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #000000;
  float: right;
  font-size: 38px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}