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

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

body{ background: rgba(255,255,255,1.00); margin:0;}

h1{font-family: 'PT Serif', serif; color:rgb(50,50,50); font-size:2.2em; font-weight: 700; text-align:left; margin: auto; line-height:110%; }
h2{font-family: 'PT Serif', serif; color:rgba(76,76,76,1.00); font-size:1.8em; font-weight: 400; }
h3{font-family: 'PT Serif', serif; color:rgb(76,76,76); font-size:1.4em; letter-spacing:0px; text-align:left; line-height:105%; }
h3.focus3{font-family: 'PT Serif', serif; color:rgb(143,28,129); font-weight:900; font-size:1.3em; border-left:5px solid rgba(143,28,129,1.00); padding-left: 10px; margin:0px 0px 15px; }
p{font-family: 'PT Serif', serif; color: rgba(0,0,0,1.00); font-size:1.2em; font-weight: 400; line-height: 165%; }

legend{font-family: 'PT Serif', serif;; color:rgba(76,76,76,1.00); font-size:1.2em; font-weight: 400; margin-top:50px;  }

ul li{font-family: 'PT Serif', serif; color: rgba(126,126,126,1.00); font-size:1em; line-height: 165%; }
ol li{font-family: 'PT Serif', serif; color: rgba(126,126,126,1.00); font-size:1em; line-height: 165%; }

a:link, a:active, a:visited{font-family: 'PT Serif', serif; color:rgba(0,0,0,1.00); text-decoration: none; }
a:hover{color: rgba(226,101,20,1.00); }

a.footer:link, a.footer:active, a.footer:visited{font-family: 'PT Serif', serif; color:rgba(255,255,255,0.65); font-size: 0.8em;}
a.enlace:link, a.enlace:active, a.enlace:visited{opacity:0.7; margin: 5px;}
a.enlace:hover{opacity:1.00;}
a.autortag:link, a.autortag:active, a.autortag:visited{color:rgba(255,255,255,1.00); font-size: 0.9em;}
a.autortag:hover{opacity:0.80;}

input, textarea, select{background:rgba(245,245,245,1.00); color: rgb(47,47,47); font-family: 'PT Serif', serif; font-size:1em; font-weight:300; padding:5px; margin:2px 0px; border:rgba(145,145,145,1.00) solid 1px; width:100%; max-width:700px; }
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,0,0,1.00); color:rgb(255,255,255); border:rgb(247,247,247); padding:10px 5px; boder:none; margin:5px 10px; }
input.add{background:rgba(226,101,20,1.00); color:rgba(0,0,0,1.00); border:rgb(247,247,247); font-family:'Roboto', sans-serif; font-size:0.85em; font-weight:400; text-transform:uppercase; padding:10px 25px; boder:none; margin:5px 10px; width: auto;}
input.add:hover{background:rgba(255,255,255,1.00); color:rgba(38,37,158,1.00);}

button{background:rgba(143,28,129,1.00); color:rgba(255,255,255,1.00); font-family: 'PT Serif', serif; font-size:0.85em; font-weight:bolder; text-transform:uppercase; padding:10px 25px; border: none; margin:5px 10px; width: auto;}
button:hover{background:rgba(0,0,0,1.00); color:rgba(255,255,255,1.00);}

/* ID */
#responsive{ display:none; }
#scrolldown{ display:block; width:100%; }
#contenido{ padding-top:120px; width:95%; max-width:1230px; margin:0px auto; text-align:left; }
#left-column{ float:left; width:215px; margin:0px 15px; }
#center-column{ float:left; width:585px; margin:0px 15px; }
#right-column{ float:left; width:340px; margin:0px 15px; }

#nota-txt{ width:90%; max-width:750px; float:left; margin:auto; text-align: justify; }
#relacionadas{ width:90%; max-width:215px; float:left; margin:0px 0px 0px 30px; padding-top:50px; }
#banner-right{float:left; width:fit-content; margin:50px 0px 0px 75px;}

/* CLASS */


/* TABLAS */
table{overflow-x:auto; width:100%;}
table thead th{font-family: 'PT Serif', serif; font-size:1.2em; font-weight:300; color:#FFF; background:rgba(25,75,200,1.00); border:none; padding:10px 20px; text-align:center; }
table tr td{font-family: 'PT Serif', serif; font-size:0.85em; font-weight:300; color:rgba(0,0,0,1.00); border:none; vertical-align:top; padding:10px; text-align:left; }
table tfoot td{font-family: 'PT Serif', serif; background:rgba(25,75,200,1.00); border:none; color:rgba(255,255,255,1.00); font-weight:300; font-size:1em; padding:5px; }
tr:nth-child(even) {background:rgba(255,255,255,0.90);}
tr:nth-child(odd) {background:rgba(245,245,245,0.90);}

/* MENÚ RESPONSIVO */
ul.topnav li {float:left; font-family: 'PT Serif', serif; font-weight:300;  }
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;}

/* MENÚ DESPLEGABLE */
ul.menu{padding:0px; list-style: none; margin:-6px 0px 0px; text-align:center; background:rgba(255,255,255,1.00); box-shadow:rgba(0,0,0,0.20) 0px 0px 5px; }
ul li.menu{display:inline-block; margin:0px; position:relative; font-family: 'PT Serif', serif; font-weight:600; font-size:1.0em; text-align:left; text-transform: uppercase; }
ul li.menu a{display:block; text-decoration:none; margin:0px; padding:5px 25px; transition: all 0.5s ease-in 0s; color:rgba(1,1,1,0.85); border:rgba(1,1,1,0.0) solid 1px; }
ul li.menu a:hover{color:rgba(1,1,1,1.00); background:rgba(230,230,230,1.00); border:rgba(1,1,1,0.10) solid 1px;}

ul li.menu ul.dropdown{min-width:185px; /*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;}
ul li.menu:hover ul.dropdown{display: block; /* Display the dropdown */ border:rgba(100,100,100,0.35);}
ul li.menu ul.dropdown li{display: block; color:rgba(1,1,1,1.00); border:rgba(255,255,255,1.00) solid 1px; font-size: 1.0em; padding:0px; margin:5px; }
ul li.menu ul.dropdown li a {padding:5px; text-align:left; background:rgba(255,255,255,1.00);} 
ul li.menu ul.dropdown li a:hover{display: block; color:rgba(1,1,1,0.80); background:rgba(230,230,230,1.00); border:rgba(1,1,1,0.10) solid 1px;}

ul.list li.list{font-family: 'PT Serif', serif; }
ol.list li.list{font-family: 'PT Serif', serif; list-style:inside; list-style-type:square; display:inherit;}

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

header.large{height:70px; background:rgba(143,28,129,1.00); transition:1.2s; }
header.large img.logo{margin:10px; height:50px; transition:1.2s;}
header.large ul.topnav{list-style-type:none; padding:5px; margin-top:0px; overflow:hidden; z-index:1000; float:left; transition:1.2s;}
header.large ul.topnav li a {color:rgba(255,255,255,1.00); transition:1.2s;}
header.large ul.topnav li a:hover {color:rgba(0,0,0,1.00); background:rgba(255,255,255,1.00); transition:1.2s;}

header.small{height:50px; background:rgba(143,28,129,1); transition:1.2s; }
header.small img.logo{margin:5px; height:40px; 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(255,255,255,1.00); 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;}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:900px) {
	#responsive{ display:block; text-align:left; }
	#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:70px;}
	header.large ul.topnav{list-style-type:none; padding:0px; margin-top:0px; overflow:hidden; z-index:1000; float: right; width:177px;}
	
	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:177px;}
		
	ul.topnav.responsive{position:relative; top:5;}
	ul.topnav.responsive li.icon{/*position: absolute; right:0; top:0;*/ display: block; }
	ul.topnav.responsive li{float: none; display: inline; font-size:1em;}
	ul.topnav.responsive li a{display: block; text-align:left; background:rgba(143,28,129,1.00); margin:0px; border: none; }	
	ul.topnav.responsive li a:hover{display: block; text-align: left; background:rgba(245,245,245,1.00); margin: 0px; border:none; }
}

@media screen and (max-width:720px) {
	h1{font-size:1.6em;}
	
	header.large{height:70px;}
	header.large ul.topnav{list-style-type:none; padding:0px; margin-top:0px; overflow:hidden; z-index:1000; float: right; width:100px;}
	
	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:177px;}
    
    #contenido{padding-top:80px;}		
}