@charset "UTF-8";
/* CSS Document */
* {padding: 0; margin-bottom: 0;}
*:focus {outline: none;}

img {text-decoration: none; border:0 none;}

a {text-decoration: none;}

body {background:#fff; font-family: 'Poppins', sans-serif; font-size: 1rem; color:rgb(10, 34, 66);}

header { width: 100%; color:#FFF;  position: relative; display: flex; text-align: center; background-image: url(img_css/santiago3.jpg); background-size: cover; position: relative; background-position: top center; height: 100vh;}
.ImgBack {background: url(img_css/top.jpg) no-repeat center; width: 100%;     position: absolute;}

.grilla {background: url(img_css/10.png); position: absolute; z-index:0; top:0; left:0; right:0; bottom:0; opacity: .15;}

h1 {font-size: 55px; font-weight: 400;  color:#144178;}
h2 {font-size: 35px; font-weight: 100;  color:#144178;}
h3 {font-size: 1.7rem; font-weight: 400;  color:rgb(10, 34, 66); margin-bottom: 40px;}
h4 {width: 100%; font-size: 16px; font-weight: 400; color:#E6674D; }
h5 {}
h6 {}
p {font-weight: 300; line-height: 160%; font-weight: 100;}
strong {font-weight: 600; }

.tnaranjo {color:#E6674D;}

header .logosTop {padding:30px 0; }
header .logosTop img {width: 60%; height: auto; display: block; margin:0 auto;}

header .Titulo {position: absolute; top: 50%; left:5%; right:5%; z-index: 10;}

header .bkblack {background: rgba(3,34,68,0);
background: -moz-linear-gradient(top, rgba(3,34,68,0) 0%, rgba(3,34,68,0.75) 57%, rgba(3,34,68,0.75) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,34,68,0)), color-stop(57%, rgba(3,34,68,0.75)), color-stop(100%, rgba(3,34,68,0.75)));
background: -webkit-linear-gradient(top, rgba(3,34,68,0) 0%, rgba(3,34,68,0.75) 57%, rgba(3,34,68,0.75) 100%);
background: -o-linear-gradient(top, rgba(3,34,68,0) 0%, rgba(3,34,68,0.75) 57%, rgba(3,34,68,0.75) 100%);
background: -ms-linear-gradient(top, rgba(3,34,68,0) 0%, rgba(3,34,68,0.75) 57%, rgba(3,34,68,0.75) 100%);
background: linear-gradient(to bottom, rgba(3,34,68,0) 0%, rgba(3,34,68,0.75) 57%, rgba(3,34,68,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032244', endColorstr='#032244', GradientType=0 );

position: absolute; left: 0; bottom: 0; right: 0; height: 300px;
}
header .organizan {position: absolute; bottom: 50px; right: 50px; width: 300px; height: 100px; background: url(img_css/organizan.svg) no-repeat center; background: 100% auto; display: block;}

header h1 {color:#FFF; text-shadow: 2px 2px 2px #000; background:rgba(10, 34, 66, .85); margin:0 auto; display: table; }
header p {color:#FFF; text-shadow: 2px 2px 2px #000; font-size: 20px;}
header .fecha {color: #FFF; background: rgba(10, 34, 66, .85); text-transform: uppercase; text-shadow: 2px 2px 2px #000;font-size: 25px; display: inline-block; padding: 0 15px; line-height: 55px;}
header .lugar {color: #FFF; background: rgba(10, 34, 66, .85); text-transform: uppercase; text-shadow: 2px 2px 2px #000;font-size: 22px; display: inline-block; padding:15px; }
header .arrow { position: absolute;bottom :30px; left:50%; width: 200px; height: 50px; margin-left:-100px; color:#FFF; font-size: 16px; text-align: center; text-transform: uppercase;  }
header .arrow i {font-size: 90px; line-height: 50px;}
main .intro {}
main .intro p {font-size: 16px; color:#000; }

.Inscripcion {background:#E6674D; color:#FFF; text-transform: uppercase;}
.Inscripcion:hover {background:#032244; color: #fff;}
.Inscripcion .tchico {display: block; font-size: 13px;}

.block {margin: 2px 0; position: relative; transition:all .2s linear 0s; box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);}
.block:last-child {border:0;}

.hora {font-weight: 600; text-align: right; font-size: 14px; background:#dcd9d7; padding: 30px; color:rgb(10, 34, 66);}

.panel {  background: #f1edeb; padding: 30px; border-left: 3px solid #fff;}
.panel .sala {font-weight: 600; font-size: 16px; color:rgb(10, 34, 66);}
.panel ul {list-style: none; margin-left: 20px; margin-bottom: 30px;}
.panel ul li { margin-bottom: 5px;  }
.panel ul li strong {color:rgb(10, 34, 66);}

.mapa {width: 100%; height: auto; display: table; margin:20px 0 0;}

footer {background:#333; color:#FFF; padding:30px;}
footer a {color:#FFF;}
footer a:hover {color:#E6674D;}


@media only screen  and (max-width: 1600px) {
 header .fecha {font-size: 22px;}
 header h1 {font-size: 35px;}
}

@media only screen  and (max-width: 1200px) {

header h1 {font-size: 35px; }
header .lugar {line-height: normal;}
}

@media only screen  and (max-width: 1024px) {
 header .fecha {font-size: 22px;}
 header h1 {font-size: 35px;}
 	header .lugar { padding: 10px 20px; line-height: initial; font-size: 17px; }
header .Titulo {top:40%;}
}

@media only screen and (max-width: 992px) and (orientation: landscape) { /* Versión IPAD*/

}

@media only screen and (max-width: 768px) { /* Versión Movil*/

	header .Titulo {top:20%;}
	header .Titulo h1 { font-size: 2.5em; }
	header .fecha {font-size: 22px;}
	header .lugar { padding: 10px 20px; line-height: initial; font-size: 17px; }
	header .organizan {bottom: 100px; margin-right:-150px; right:50%;}
	header .logosTop img {width: 80%;}

}
@media only screen and (max-width: 768px) and (orientation: landscape) { /* Versión IPAD*/
	header .Titulo {top:20%;}
	header .Titulo h1 { font-size: 2.5em; }
	header .fecha {font-size: 22px;}
	header .lugar { padding: 10px 20px; line-height: initial; font-size: 14px; }
	header .organizan {bottom: 100px; margin-right:-150px; right:50%;}
}

@media only screen and (max-width: 600px) {
	header .Titulo {top:20%;}
	header .Titulo h1 { font-size: 1.8em; }
	header .fecha {font-size: 14px;}
	header .lugar { padding: 10px 20px; line-height: initial; font-size: 12px; }
	header .organizan {bottom: 100px; margin-right:-150px; right:50%;}

}

@media only screen and (max-width: 450px) {
	header .Titulo {top:20%;}
	header .Titulo h1 { font-size: 2em; }
	header .fecha {font-size: 22px;}
	header .lugar { padding: 10px 20px; line-height: initial; font-size: 12px; }
	header .organizan {bottom: 100px; margin-right:-150px; right:50%;}

}