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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;800&display=swap');

body{background:linear-gradient( 40deg, rgb(33,214,195,1.00) 10%, rgb(28,126,175,1.00) 40% ) fixed; margin:0px;}
h1{font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-weight: 400; font-size: 2.6em; }
h2{font-family: 'Montserrat', sans-serif; color:rgba(159,239,231,1.00); font-weight: 400; font-size: 2.0em; }
h3, legend{font-family: 'Montserrat', sans-serif; color:rgba(220,249,246,1.00); font-weight: 400; font-size: 1.5em; }
p{font-family: 'Montserrat', sans-serif;  color:rgba(255,255,255,1.00); font-weight: 400; line-height: 150%; }
p.footer{color:rgba(255,255,255,1.00);}

fieldset { background:linear-gradient( 40deg, rgb(33,214,195,0.30) 0%, rgb(28,126,175,0.30) 100% ) }

ol li{font-family: 'Montserrat', sans-serif;  color:rgba(255,255,255,1.00); font-weight: 400; line-height: 150%; text-align: left; }
ul li{font-family: 'Montserrat', sans-serif;  color:rgba(255,255,255,1.00); font-weight: 400; line-height: 150%; text-align: left; }

a:link, a:active, a:visited {font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,0.9); text-decoration:none; border-bottom: rgba(255,255,255,0.7) dotted 1px; }
a:hover{ color:rgba(255,255,255,1.00); }

table tr td {font-family: 'Montserrat', sans-serif;  color:rgba(255,255,255,1.00); }
td {border-bottom:rgba(255,255,255,0.5) dotted 1px; padding:5px; font-family: 'Montserrat', sans-serif;  color:rgba(255,255,255,1.00); font-weight: 400; font-size:1.0em;}
thead th {background:rgba(33,214,195,0.80); font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-weight: 400; font-size:1.0em; padding:5px;}
tfoot tr {background:rgba(33,214,195,0.80); font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-weight: 400; font-size:1.0em; padding:5px;}
tr:nth-child(even) {background:rgba(33,214,195,0.40);}
tr:nth-child(odd) {background:rgba(33,214,195,0.20);}

input, select, textarea {font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,1.00); background:rgba(27,178,162,1.00); padding:5px; font-size:1.2em; border-radius:0px; border: none; margin: 5px 0px;  }

button {background:rgba(27,178,162,1.00); padding: 5px 15px; color: rgba(255,255,255,1.00);  border: none; font-family: 'Montserrat', sans-serif; font-size: 1.0em; font-weight: 400; margin: 2px 10px 0px; transition: 1.2s;  }
button:hover {background:linear-gradient( 40deg, rgb(33,214,195,1.00) 20%, rgb(28,126,175,1.00) 100% ); transition: 1.2s; }

#sidebar{ width: 250px; position: fixed; float: right; }
#content{width:870px;float:left;text-align:justify;padding:10px;padding-top:0px;min-height:800px;}
#texto{width:90%; max-width: 800px; height: 100%; padding:50px 5%; margin: 0px auto 100px; }

.boton{border-bottom:rgba(33,214,195,1.00) solid 3px; padding:10px; padding-top:25px; text-align: left; transition: 1.2s; }
.boton:hover{border-bottom:rgba(255,255,255,1.00) solid 3px; background:linear-gradient( 40deg, rgb(33,214,195,0.30) 10%, rgb(28,126,175,1.00) 65% );  transition: 1.2s;}

#servicio{background:linear-gradient( 40deg, rgb(33,214,195,1.00) 35%, rgb(14,194,175,1.00) 100% ); color:rgba(255,255,255,1.00); border-radius:10px; display:block; padding:15px; width:100%; max-width: 340px; text-align:center; margin:15px; float:left; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: 400; }
#servicio:hover{background:rgba(28,126,175);}

#footer{width:98%;text-align:center; padding:0px 1%; background:linear-gradient( 130deg, rgb(28,126,175,1.00) 50%, rgb(33,214,195,1.00) 90% ); bottom: 0px; position: fixed; box-shadow: rgba(0,0,0,0.5) 0px 0px 10px; }

#responsive{ display:none; }
#scrolldown{ display:block; margin-top: 33px; }

/* MENÚ RESPONSIVO */
ul.topnav li {float:left; font-family: 'Montserrat', 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: 'Montserrat', sans-serif;  }
ol.list li.list{font-family: 'Montserrat', 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 ul.menu{padding:0px; list-style: none; margin:0px; text-align:center;}
header.large ul li.menu{display:inline-block; margin:0px; position:relative; font-family: 'Montserrat', sans-serif;  font-weight: 400; font-size:1.3em; text-align:left; }

header.large{height:100px; background:rgba(255,255,255,1); transition:1.2s; box-shadow: rgba(0,0,0,0.65) 3px 3px 5px;}
header.large img.logo{margin:-17px 0px 0px; float: left; height:70px; 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(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 5px; padding:5px 15px; transition: all 0.5s ease-in 0s; color:rgba(77,77,77,1.00); font-weight: 400; font-size: 0.9em; }
header.large ul li.menu a:hover{color:rgba(255,255,255,1.00); background:rgba(27,178,162,1.00); border-radius: 2px; }

header.large ul li.menu ul.dropdown{min-width:285px; /*Set width of the dropdown*/ margin:0px; padding:3px; display:none; position: absolute; z-index: 999; left: 0; text-align:left; color:rgba(1,1,1,1.00); background:none; }
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); font-size: 0.9em; padding:0px; margin:2px 0px; }
header.large ul li.menu ul.dropdown li a {padding:5px; text-align:left; color: rgb(77,77,77); background:rgba(255,255,255,1.00); transition:1.2s; } 
header.large ul li.menu ul.dropdown li a:hover{display: block; color:rgba(255,255,255,1.00); background:rgba(27,178,162,1.00); transition:1.2s; }

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

/*header.large nav {width:95%; margin-top:0px; background:linear-gradient( 0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 30% );}*/

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

header.small{height:80px; 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:-15px 15px 0px; float: left; height:50px; 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 5px; padding:5px 15px; transition: all 0.5s ease-in 0s; color:rgba(77,77,77,1.00); font-weight: 400; font-size: 0.9em; }
header.small ul li.menu a:hover{color:rgba(255,255,255,1.00); background:rgba(27,178,162,1.00); border-radius: 2px; }

header.small ul li.menu ul.dropdown{min-width:250px; /*Set width of the dropdown*/ margin:0px; padding:3px; display:none; position: absolute; z-index: 999; left: 0; text-align:left; color:rgba(1,1,1,1.00); background:none; }
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: 0.9em; padding:0px; margin:2px 0px; }
header.small ul li.menu ul.dropdown li a {padding:5px; text-align:left; color: rgb(77,77,77); 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(27,178,162,1.00); transition:1.2s; }

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

@media screen and (max-width:1280px) {
	#responsive{ display:block; }
	#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:100px;}
	header.large ul.topnav{list-style-type:none; padding:15px; overflow:hidden; z-index:1000; float: right; width:185px;}
	header.large img.logo{margin:-10px; float: left; height:125px; 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(235,235,235);}
	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(235,235,235); margin:5px; }	
	ul.topnav.responsive li a:hover{background:rgba(200,200,200,1.00); border:#000 solid 1px; }
}

@media screen and (max-width:670px) {
	#contenido{padding-top:60px;}
	
	#section{width: 100%; padding: 150px 0px 50px; background-size: cover; }
	
	#box_buscador_desk{ display: none; }
	#box_buscador_movil{ display: block; background: rgba(0,0,0,0.35); padding: 20px; border-radius: 50px; width: 290px; margin: 50px auto;}
	input.movil { width: 200px; border-radius: 25px; padding: 10px; font-size: 1.1em; float: left; }
	#boton_buscador{ width: 65px; border-radius: 30px; font-size: 1.3em; padding: 15px 25px; margin: auto; float: left; }
	
	#reciente{ width: 100%; max-width: 350px; margin: auto; }
	
	/* BANNER DIALOGO PUBLICO */
	#dialogo_banner{display: block; width: 100%; max-width: 300px; margin: auto;}
	.portada_dp { width: 60%; max-width: 130px; box-shadow: rgba(100,100,100,0.5) 5px 5px 5px; float: none; margin: auto; }
	.logo_dp { float: none; margin: 20px auto; width: 90%; max-width: 410px; }

	#streaming_desktop {display:none;}
	#streaming_mobile {display:block;}

	header.large{height:80px; background:rgba(255,255,255,1); transition:1.2s; box-shadow: rgba(0,0,0,0.65) 3px 3px 5px;}	
	header.large img.logo{margin:15px 5px; float: left; height:50px; transition:1.2s;}
	
	header.small{height:60px; background:rgba(255,255,255,1); transition:1.2s; box-shadow: rgba(0,0,0,0.65) 3px 3px 5px;}
	header.small img.logo{margin:0px; float: left; height:60px; transition:1.2s;}
}