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

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Josefin Sans', sans-serif;
  font-size:22px;
}

.barnav {
	overflow: hidden;
	margin-bottom: 5px;
}

/* Style the topnav links */
.barnav a {
  float: left;
  display: block;
  color: #303030;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
/* CSS Style para logo */
.contbglogo {
  background-color: #fff;
  padding: 20px;
  text-align: center;
  box-shadow: 2px 2px 5px #999;
}

/* CSS Style para banner */
.colortitnot{
	color:#212940;
	
}
.contbgbanner {
  width:100%;
  background-color: #fff;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.imgdaptable { 
max-width: 100%;
}
.imgsombra{
max-width: 100%;	
border-radius: 5px;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.btnleermas {
	background-color:#212940;
	border-radius:28px;
	border:1px solid #303030;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:14px 41px;
	text-decoration:none;

}
.btnleermas:hover {
	background-color:#303030;
}
.btnleermas:active {
	position:relative;
	top:1px;
}


.btnmapa {
	background-color:#212940;
	border-radius:28px;
	border:1px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:12px 32px;
	text-decoration:none;

}
.btnmapa:hover {
	background-color:#212940;
}
.btnmapa:active {
	position:relative;
	top:1px;
}
A.navwhite, A.navwhite:VISITED, A.navwhite:ACTIVE, A.navwhite:FOCUS, A.navwhite:LINK{
	color:#fff;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
A.navnotic, A.navnotic:VISITED, A.navnotic:ACTIVE, A.navnotic:FOCUS, A.navnotic:LINK{
	color:#212940;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
A.navnotic: hover{
	color:#303030;
}

#webcont{
width: 1200px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsesion{
height: 60px; /*Height of top section*/
}
#topsesion h1{
margin: 0;
padding-top: 15px;
}

#contcolsesiones{
float: left;
width: 100%;
}

#contprinsesiones{
margin-right: 300px; /*Set right margin to RightColumnWidth*/
}

#contlatsesiones{
	float: left;
	width: 300px; /*Width of right column*/
	margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
	background: #f1f1f1;
	border-radius: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #212940;
	border-right-color: #212940;
	border-bottom-color: #212940;
	border-left-color: #212940;
}

#enlinesesion{
clear: left;
width: 100%;
background: #212940;
color: #212940;
text-align: center;
padding: 4px 0;
}
.titulsesiones{
	color:#212940;
}
.septext{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


@media (max-width: 840px){ 
	#webcont{
	width: 100%;
	}
	
	#contcolsesiones{
	float: none;
	}
	
	#contlatsesiones{
	float: none;
	width: 100%;
	margin-left: 0;
	}
	
	#contprinsesiones{
	margin-right: 0;
	}
}