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

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

html, body {background:url(../img/paridad.jpg) top center fixed no-repeat; background-size: cover; margin: 0; }

h1{color: rgb(255,255,255); font-family: "Roboto Condensed", sans-serif; font-size: 3.5em; text-shadow: #000 0px 0px 5px; line-height: 100%; font-weight: 800; margin: 5px 0px;}
h2{color: rgba(0,0,0,1.00); font-family: "Roboto Condensed", sans-serif; font-size: 2.0em; text-align: center; line-height: 95%;}
h3{color: rgba(0,0,0,1.00); font-family: "Roboto Condensed", sans-serif; font-size: 1.5em; text-align: center;}
p{color: rgb(0,0,0); font-family: "Roboto Condensed", sans-serif; font-size: 1.2em;}

table{overflow-x:auto; width:100%;}
table thead th{font-family: "Roboto Condensed", sans-serif;  font-size:1.5em; font-weight:600; color:rgba(30,132,132,1.00); background:rgba(255,255,255,1.00); padding:10px 20px; text-align:center; }
table tr td{font-family: "Roboto Condensed", sans-serif;  font-size:1.2em; font-weight:400; color:rgba(0,0,0,1.00); border:none; vertical-align:top; padding:10px; text-align:left; }
table tfoot td{font-family: "Roboto Condensed", sans-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(150,230,230,0.20);}
tr:nth-child(odd) {background:rgba(150,230,230,1.00);}

/*ID*/
#responsive{ display:none; }
#scrolldown{ display:block; }
#bullet{background: rgba(255,255,255,1.00); color: black; font-family: "Roboto Condensed", sans-serif; width:fit-content; padding:5px; border-radius:5px;}
#content01{width:100%; }
#content02{background:url(../img/paridad.jpg) top center fixed no-repeat; background-size: cover; width:100%; padding: 25px 0px 0px;}
#videocuadro{max-width:290px; float:right; position:fixed; margin-top:30px; right: 40px; display: block;}
#videomovil{display: none;}

/*CLASS*/
.titulo{width: 90%; max-width: 650px; margin: auto; padding: 350px 0px 10px; }
.sumario{width: 90%; max-width: 650px; margin: auto; text-align: justify;}
.imagen{width: 90%; max-width: 760px; margin: 20px auto;}
.cuerpo{width: 90%; max-width: 650px; margin: auto; text-align: justify;}
.quote{color: rgb(0,0,0); text-align: center; font-family: "Roboto Condensed", sans-serif; font-size: 1.4em; width: 70%; margin:15px auto; padding: 15px; border: 5px solid rgba(231,217,134,0.65);}

.left-block{background: rgb(231,217,134); width: 60%; float: left; margin: 15px 180px; text-align: left;}
.right-block{background: rgb(231,217,134); width: 60%; float: right; margin: 15px 180px; text-align: left;}
.left-img{width: 200px; height: 200px; background-size: contain; float: right; margin: -55px -180px -62px 0px;}
.right-img{width: 200px; height: 200px; background-size: contain; float: left; margin: -62px 0px -55px -180px;}

/* MENU RESPONSIVO */
ul.topnav li {float:left; font-family: 'Roboto', sans-serif; font-weight:500;  }
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;}

/* MENU DESPLEGABLE */
ul.list li.list{font-family: 'Roboto', sans-serif; }
ol.list li.list{font-family: 'Roboto', sans-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:55px; background: rgba(0,0,0,1.00); transition:1.5s;}
header.large img.logo{height:35px; margin: 15px auto 5px; transition:1.2s; display:block;}
header.large ul.menu{padding:0px; list-style: none; margin:0px; text-align:center; width: fit-content; float: right; font-size: 0.9em; transition:1.2s;}
header.large ul li.menu{display:inline-block; margin:10px auto; position:relative; font-family: 'Roboto', sans-serif; font-size: 2.0em; text-align:left; }

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(1,1,1,0.85); border:rgba(1,1,1,0.0) solid 1px; transition:1.2s;}
header.large 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.large ul li.menu a{display:block; text-decoration:none; margin:0px; transition: all 0.5s ease-in 0s; color:rgba(255,255,255,1.00); border-radius: 5px; padding: 3px; }
header.large ul li.menu a:hover{color:rgba(255,255,255,1.00); background:rgba(0,0,0,1.00); border-radius: 5px; padding: 3px; }
header.large ul li.menu ul.dropdown{min-width:190px; /*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(100,100,100,0.35) 3px 3px 3px; }
header.large ul li.menu:hover ul.dropdown{display: block; /* Display the dropdown */ border:rgba(100,100,100,0.35);}
header.large ul li.menu ul.dropdown li{display: block; color:rgba(137,138,141,1.00); padding:0px; margin:5px 0px; }
header.large ul li.menu ul.dropdown li a {padding:5px; text-align:left; color: rgb(65,65,65); transition:1.2s; border-radius: 10px; } 
header.large ul li.menu ul.dropdown li a:hover{display: block; color:rgba(255,255,255,1.00); background:rgba(252,84,103,1.00); transition:1.2s; }
header.large #socialbox{float: right; margin: 44px 10px 10px; transition: 0.9s;}


header.small{height:40px; background: rgba(0,0,0,1.00); transition:1.5s; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; }
header.small img.logo{height:20px; margin:15px auto 5px; transition:1.2s; display:block; }
header.small ul.menu{padding:0px; list-style: none; margin:-60px 0px 0px; text-align:left; width: fit-content; float: right; font-size: 0.8em; transition:1.2s;}
header.small ul li.menu{display:inline-block; margin:0px; position:relative; font-family: 'Roboto', sans-serif; font-weight:400; font-size:1.0em; text-align:left; }

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 (max-width:1270px){
	#videomovil{max-width:290px; float:none; position:relative; margin:10px auto; display: block;}
	#videocuadro{ display: none;}
}

@media screen and (max-width:500px) {
    #content01{background:url(../img/paridad.jpg) top center fixed no-repeat; background-size: 980px; }
    #content02{background-size: 980px; }
	
	h1{font-size: 2.7em;}
	h2{font-size: 1.2em;}
}