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

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

html, body{ background: url(img/pattern.svg) top center fixed; background-size: cover; margin: 0; padding: 0; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

h1{font-family: "Lexend", serif; color:rgb(0,0,0); font-size:2.2em; text-align:left; font-weight: 800; }
h2{font-family: "Lexend", serif; color:rgba(67,18,51,1.00); font-size:1.8em; text-align: left; margin: 10px 0px; font-weight: 800; }
h2.footer{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:rgba(35,35,35,1.00); font-size:1.3em; text-align: left;  }
h3{font-family: "Lexend", serif; color:rgba(0,0,0,1.00); font-size:1.3em; text-align: left; margin: 10px 0px; font-weight: 800; }
h3.focus3{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:rgb(0,0,0); font-weight:900; font-size:1.5em; border-left:5px solid rgba(0,254,254,1.00); padding-left: 10px;}
p, address{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgba(57,57,57,1.00); font-size:1.0em; font-weight: 400; line-height: 185%; }
p.date{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgba(100,100,100,1.00); font-size:0.8em; line-height: 100%; text-align: left; margin: 0px; }

legend{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;; color:rgba(76,76,76,1.00); font-size:1.2em; font-weight:500; margin-top:50px;  }

ul li{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgba(57,57,57,1.00); font-size:1.0em; font-weight: 400; }
ol li{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgba(57,57,57,1.00); font-size:1.0em; font-weight: 400; line-height: 185%; }

a:link, a:active, a:visited{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:rgba(150,0,72,1.00); text-decoration: none;}
a:hover{color: rgb(128,0,72);}

a.social:link, a.social:visited{font-size: 1.5em; color: rgb(136,136,136); transition: 0.8s; }
a.social:hover{color: rgb(100,100,100); transition: 0.8s; }
.social {float: left; margin: 5px; display: block;}

a.footer:link, a.footer:active, a.footer:visited{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:rgba(135,135,135,1.00); font-size: 1.0em; text-decoration: none;}
a.footer:hover{color: rgb(100,100,100);}

input, textarea, select{background:rgba(245,245,245,1.00); color: rgb(47,47,47); font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em; font-weight:300; padding:5px; margin:5px 0px; border:rgba(145,145,145,1.00) solid 1px; width:90%; max-width:500px; }
input:hover, textarea:hover{background:rgba(235,235,235,1.00); box-shadow: rgba(192,218,222,1.0) 0px 0px 5px;}
input.boton{background:rgba(0,254,254,1.00); color:rgb(38,37,158,1.00); border:rgb(247,247,247); font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:0.85em; font-weight:400; text-transform:uppercase; padding:10px 25px; boder:none; margin:5px 10px; width: auto;}
input.boton:hover{background:rgba(255,255,255,1.00); color:rgba(38,37,158,1.00);}

button{background:url(img/buton.png) 50% 50%; background-size:cover; color:rgba(150,1,72,1.00); font-family: "Lexend", serif; font-size:1.2em; font-weight:600; padding:15px 20px; border:rgba(255,255,255,1.00) solid 3px; border-radius: 30px; margin:5px;  box-shadow: rgba(0,0,0,0.65) 1px 5px 5px;}
button:hover{bbox-shadow: rgba(0,0,0,0.65) 0px 8px 8px;}

/* TABLAS */
table{overflow-x:auto; width:100%;}
table thead th{font-family: "Lexend", serif; font-size:1.2em; font-weight:500; color:#FFF; background:rgba(150,1,72,1.00); border:none; padding:10px; text-align:center; border-radius: 10px; }
table tr td{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1.0em; font-weight:400; color:rgba(0,0,0,1.00); border:none; vertical-align:top; padding:10px; text-align:justify; border-radius: 10px; }
td.name{color:#FFF; background:rgba(100,100,100,1.00); font-size: 0.9em; text-align: left; }
table tfoot td{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; background:rgba(25,75,200,1.00); border:none; color:rgba(255,255,255,1.00); font-weight:400; font-size:1em; padding:5px; }
tr:nth-child(even) {background:rgba(220,220,220,0.60);}
tr:nth-child(odd) {background:rgba(220,220,220,0.30);}

/* IDS AND CLASSES */
#section{width: 90%; padding: 120px 5% 10px; background: rgba(255,255,255,0.90); }

.marco{background:url(img/decreto.png) 0% 50% no-repeat; background-size:600px; box-shadow:rgba(0,0,0,0.35) 1px 3px 3px; border-radius: 70px; width:400px; float:left; margin:10px; display: inline-block; vertical-align: middle; }
.marco:hover{box-shadow:rgba(0,0,0,0.55) 1px 5px 5px; border-radius: 50px; transition:1.2s;}

.integrante{width: 100%; max-width: 200px; float: left; margin: 8px; border-radius: 15px; background-size: cover; font-family: "Lexend", serif; color:rgb(0,0,0); font-size:0.8em; text-align:center; font-weight: 500; }

/* MENU RESPONSIVO */
ul.topnav li {float:left; font-family: "Lexend", serif; font-weight:400; }
ul.topnav li.icon {display: none;}
ul.topnav li a {display:inline-block; padding:10px; font-size:0.9em; text-align:center; text-decoration:none;}
ul.topnav li a:hover {padding:10px;}

ul.topnav li:not(:first-child) {display: none;}
ul.topnav li{display: none;}
ul.topnav li.icon {float:right; display: inline-block;}


/* MENU DESPLEGABLE */
ul.list li.list{font-family: "Lexend", serif; }
ol.list li.list{font-family: "Lexend", serif; list-style:inside; list-style-type:square; display:inherit;}

/* HEADER CHANGING */
header{width:100%; position:fixed; z-index:10; margin:0px;}

header.large ul.menu{padding:35px 0px 0px; list-style: none; margin:0px; text-align:left; float:right; width:fit-content;}
header.large ul li.menu{display:inline-block; margin:0px 10px; position:relative; font-family: "Lexend", serif; font-weight:400; font-size:1.2em; text-align:left; padding:2px 5px; }

header.large{height:100px; background:rgba(255,255,255,1.00); transition:1.2s; box-shadow: rgba(0,0,0,0.05) 3px 3px 5px;}
header.large img.logo{margin:20px 10px; float: left; height:60px; transition:1.2s;}
header.large ul.topnav{list-style-type:none; margin-top:10px; overflow:hidden; z-index:1000; float:right; transition:1.2s;}
header.large ul.topnav li a {color:rgba(1,1,1,1.00); }
header.large ul.topnav li a:hover {color:rgba(1,1,1,1.00); background:rgba(255,255,255,1.00); border-bottom:rgba(250,187,32,1.00) solid 5px; transition:1.2s;}

header.large ul li.menu a{display:block; text-decoration:none; transition: all 0.5s ease-in 0s; color:rgba(50,50,50,1.00); border-bottom:rgba(250,187,32,0.00) solid 5px;}
header.large ul li.menu a:hover{color:rgba(0,0,0,1.00); background:rgba(255,255,255,1.00); border-bottom:rgba(250,187,32,1.00) solid 5px; transition:1.2s; }

header.large ul li.menu ul.dropdown{min-width:120px; /*Set width of the dropdown*/ margin:0px; padding:0px; display:none; position: absolute; z-index: 999; left: 0; text-align:left; color:rgba(1,1,1,1.00); background:white; }
header.large ul li.menu:hover ul.dropdown{display: block; /* Display the dropdown */ }
header.large ul li.menu ul.dropdown li{display: block; color:rgba(137,138,141,1.00); font-size:1.0em; margin:5px 0px; text-align: left; }
header.large ul li.menu ul.dropdown li a {font-family: "Lexend", serif; text-align:left; color: rgb(0,0,0); background:rgba(255,255,255,1.00); transition:1.2s; border-bottom:rgba(250,187,32,0.00) solid 5px; } 
header.large ul li.menu ul.dropdown li a:hover{display: block; color:rgba(0,0,0,1.00); border-bottom:rgba(250,187,32,1.00) solid 5px; transition:1.2s; }

header.small ul.menu{padding:0px; list-style: none; margin:-35px 0px 0px; text-align:left;}
header.small ul li.menu{display:inline-block; margin:0px; position:relative; font-family: 'Arimo', sans-serif; font-weight:400; font-size:1.0em; text-align:left; }

header.small{height:135px; background:rgba(255,255,255,1); transition:1.2s; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; }
header.small img.logo{margin:20px 40px 20px 0px; float: left; height:100px; transition:1.2s;}
header.small ul.topnav{list-style-type:none; padding:5px; margin-top:5px; overflow:hidden; z-index:1000; float:left; transition:1.2s;}
header.small ul.topnav li a {color:rgba(1,1,1,0.85); border:rgba(1,1,1,0.0) solid 1px; transition:1.2s;}
header.small ul.topnav li a:hover {color:rgba(1,1,1,1.00); background:rgba(255,255,255,1.00); border:rgba(1,1,1,1.00) solid 1px; transition:1.2s;}

header.small ul li.menu a{display:block; text-decoration:none; margin:0px; padding:3px 10px; transition: all 0.5s ease-in 0s; color:rgba(137,138,141,1.00); border-radius: 10px; }
header.small ul li.menu a:hover{color:rgba(255,255,255,1.00); background:rgba(150,0,72,1.00); border-radius: 10px; }

header.small ul li.menu ul.dropdown{min-width:220px; /*Set width of the dropdown*/ margin:0px; padding:0px; display:none; position: absolute; z-index: 999; left: 0; text-align:left; color:rgba(1,1,1,1.00); background:rgba(255,255,255,1.00); box-shadow:rgba(0,0,0,0.45) 1px 1px 3px;}
header.small ul li.menu:hover ul.dropdown{display: block; /* Display the dropdown */ border:rgba(100,100,100,0.35);}
header.small ul li.menu ul.dropdown li{display: block; color:rgba(137,138,141,1.00); font-size: 1.0em; padding:0px; margin:5px; }
header.small ul li.menu ul.dropdown li a {padding:5px; text-align:left; background:rgba(255,255,255,1.00); transition:1.2s; } 
header.small ul li.menu ul.dropdown li a:hover{display: block; color:rgba(255,255,255,1.00); background:rgba(150,0,72,1.00); transition:1.2s; }

header.small #socialbox{float: right; margin: 34px 10px 10px; transition: 0.9s;}

@media screen and (min-width:1201px) {
	#responsive{ display:none;}
	#scrolldown{ display:block; }
}

@media screen and (max-width:1200px) {
	#responsive{ display:block; width:95%; margin:auto; }
	#scrolldown{ display:none; }
	
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li{display: none;}
	ul.topnav li.icon {float:right; display: inline-block;}
	
	header.large{height:80px;}
	header.large ul.topnav{list-style-type:none; overflow:hidden; z-index:1000; float:right; width:125px; padding-left: 0px;}
	header.large img.logo{margin:20px 0px; float: left; height:40px; transition:1.2s;}
	
	header.small{height:60px;}
	header.small ul.topnav{list-style-type:none; padding:0px; margin-top:0px; overflow:hidden; z-index:1000; float: right; width:185px;}
		
	ul.topnav.responsive{position:relative; background:rgb(255,255,255);}
	ul.topnav.responsive li.icon{position: absolute; right:0; top:0;}
	ul.topnav.responsive li{float: none; display: inline; font-size:1em;}
	ul.topnav.responsive li a{display: block; text-align:left; background:rgb(255,255,255); margin:5px; }	
	ul.topnav.responsive li a:hover{background:rgba(200,200,200,1.00); }
}

@media screen and (max-width:670px) {
	#responsive{ display:block; }
	#scrolldown{ display:none; }	
	#section{padding: 90px 5% 10px; }
}