@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: 13px; color:#54616c;}

header { width: 100%; color:#FFF;  position: relative; text-align: center; background-image: url(img_css/top.jpg); background-size: cover;height: 100vh; position: relative; background-position: center; display: block;}
.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;  width: 100%; color:#144178;}
h2 {font-size: 35px; font-weight: 100;  color:#144178; width: 100%;	}
h3 {font-size: 18px; font-weight: 400;  color:rgb(10, 34, 66); margin-bottom: 10px;width: 100%; margin-bottom: 30px;}
h4 {width: 100%; font-size: 16px; font-weight: 400; color:#E6674D; }
h5 {}
h6 {}
p {font-size: 14px; 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: 80%; height: auto; display: block; margin:0 auto;}

header .Titulo {position: absolute; top: 40%; left:5%; right:5%; text-align: center; 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); padding: 20px; margin:0;}
header p {color:#FFF; text-shadow: 2px 2px 2px #000; font-size: 20px;}
header p.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; margin: 0 0 2px 0; line-height: 55px;}
header p.lugar {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; margin: 2px 0 2px 0; line-height: 55px;}
header .arrow { position: absolute;bottom :30px; left:50%; width: 200px; height: 50px; margin-left:-100px; color:#FFF; font-size: 19px; text-align: center; text-shadow: 0px 4px 2px #000;  }
header .arrow i {font-size: 90px; line-height: 50px;}
main .intro {padding: 30px 0;}
main .intro p {font-size: 16px; color:#000; text-align: justify; }

.Inscripcion {background:#FFF; color:#E6674D; font-size: 20px; cursor: pointer; border:0 none; margin:30px 0;}
.Inscripcion:hover {background:#032244;}
.Inscripcion .tchico {display: block; font-size: 13px;}

.block {margin: 2px 0; position: relative; transition:all .2s linear 0s;}
.block:hover {box-shadow:0 0 10px -1px #000; z-index: 10;}
.block:last-child {border:0;}

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

.panel {  background: #f5f5f5; padding: 15px 10px; 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:#032244; color:#FFF; padding:30px;}
footer a {color:#FFF;}
footer a:hover {color:#E6674D;}


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

}

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

}

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

}

@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: 3.5em; }
	header p.fecha {font-size: 18px;}
	header p.lugar { padding: 10px 20px; line-height: initial; font-size: 18px; }
	header .organizan {bottom: 100px; margin-right:-150px; right:50%;}

}
@media only screen and (max-width: 768px) and (orientation: landscape) { /* Versión IPAD*/
	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 .Titulo {top:20%;}
	header .Titulo h1 { font-size: 3.5em; }
	header p.fecha {font-size: 18px;}
	header p.lugar { padding: 10px 20px; line-height: initial; font-size: 18px; }
}

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

}