body{
	position:relative;
	margin:0;
	padding:0;
	font-family:'Maven Pro',sans-serif;
	width:100%;
	height:100%
}

#wrapper{
	display:table;
	table-layout:fixed;
	position:relative;
	width:100%;
	height:100vh
}

#popUpLogin{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	padding-bottom:0;
	top:0;
	background-color:rgba(255,255,255,.4);
	z-index:9000;
	cursor:pointer
}

#popUpLogin #loginBox{
	position:absolute;
	margin:auto;
	overflow:hidden;
	left:0;
	right:0;
	top:50%;
	-ms-transform:translate(0%,-50%);
	-webkit-transform:translate(0%,-50%);
	-moz-transform:translate(0%,-50%);
	-o-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	border:15px solid #0080b7;
	background-color:#fff;
	padding:30px;
	width:300px;
	cursor:auto
}

#popUpLogin #loginBox h1{
	color:#0080b7;
	font-family:'Maven Pro',sans-serif;
	font-weight:bold;
	font-size:1.28em;
	line-height:1em;
	padding:0;
	margin:0;
	letter-spacing:-2px
}

#popUpLogin #loginBox label{
	display:block;
	color:#808285;
	font-family:'Maven Pro',sans-serif;
	margin-top:13px;
	letter-spacing:-1px
}

#popUpLogin #loginBox input{
	display:block;
	color:#808285;
	font-family:'Maven Pro',sans-serif
}

#popUpLogin #loginBox .inputTyping{
	display:block;
	width:100%;
	background-color:#e0e1e2;
	border:none;
	outline:none;
	padding:5px;
	margin-top:3px
}

#popUpLogin #loginBox .loginButton{
	display:block;
	background-color:#0080b7;
	color:#fff;
	font-family:'Maven Pro',sans-serif;
	border:none;
	outline:none;
	padding:5px 15px;
	font-weight:bolder;
	margin-top:35px;
	cursor:pointer
}

#popUpLogin #loginBox a{
	display:inline-block;
	color:#0080b7;
	font-family:'Maven Pro',sans-serif;
	text-decoration:none;
	font-weight:bolder;
	margin-top:15px;
	letter-spacing:-1px
}

#popUpLogin .close{
	position:absolute;
	top:20px;
	right:20px;
	color:#0080b7;
	font-weight:bolder;
	font-size:.96em;
	cursor:pointer
}

#BtFecharPOPUP{
	color:#0080b7!important;
	font-weight:bolder;
	background-color:transparent;
	border:none;
	outline:none;
	font-size:.8em;
	cursor:pointer
}

#popUpLogin .passRecover{
	font-family:'Maven Pro',sans-serif;
	color:#0080b7!important;
	background-color:transparent;
	margin-left:-5px;
	font-size:.8em;
	border:none;
	outline:none;
	font-weight:bolder;
	cursor:pointer;
	margin-top:5px;
	letter-spacing:-1px
}

#menu{
	display:table-cell;
	width:280px;
	height:100%;
	background-color:#d9dfe3;
	margin:0;
	position:relative
}

.menuButton{display:none}

#menu svg{
	width:250px;
	position:relative;
	margin:20px 10px 30px 10px
}

#menu svg .logoTri{
	fill:#bfcfd8
}

#menu svg .logoTri:hover{
	fill:#a1b1ba
}

#menu svg .logoTri:hover+.triEff{
	fill:#b5c5ce
}

nav{
	color:#808c9d;
	width:270px;
	padding-left:10px;
	border-top:1px solid #808c9d;
	border-bottom:1px solid #808c9d;
	padding-bottom:20px;
}

nav a:hover{
	color:#0080b7
}

nav a{
	text-decoration:none;
	color:#808c9d;
	padding:5px 0;
	width:270px;
	white-space:normal!important
}

nav a span{
	max-width:270px;
	white-space:normal!important
}

nav .active{
	color:#0080b7
}

nav .activeUl{
	display:block!important
}

nav td{
	padding:5px 0;
	white-space:normal!important
}

nav table{
	font-weight:bold;
	font-size:.96em;
	text-align:left
}

.menuseleccionado{
	color:#0080b7
}

.menuseleccionadosub{
	color:#0080b7;
	font-size:.875em
}

#content{display:table-cell;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;vertical-align:top}#square{position:relative;background-color:#1fa0c6;vertical-align:top;width:100%}.text_box{position:relative;padding:40px;z-index:10}.title:first-of-type{border-top:1px solid #fff}.title{color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:10px 40px;font-size:1.6em;line-height:1em;font-weight:bold}.text .title{color:#fff;border-top:none;border-bottom:1px solid #fff;border-left:none;border-right:none;padding:10px 0;font-size:1.6em;line-height:1em;font-weight:bold}.text{color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:40px;font-size:.8em;line-height:22px}.text .text{color:#fff;border-top:none;border-bottom:1px solid #fff;border-left:none;border-right:none;padding:40px 0;font-size:.8em;line-height:22px}.text .text:first-of-type{padding:0 0 40px 0}.text .text:last-of-type{border-bottom:none}#triLeft{position:absolute;top:0;left:0;width:25%;z-index:0}#triRight{position:absolute;top:0;right:0;width:10%;z-index:0}footer{position:fixed;bottom:0;background-color:#000;width:100%;height:41px;z-index:1000}footer #languageBar{display:inline-block;vertical-align:top;padding-left:10px;padding-right:40px;background-image:url(../images/footerBar01.png);background-size:180%;background-position:right;background-repeat:no-repeat;height:100%}footer #languageBar .language{font-family:'Maven Pro',sans-serif;background-color:transparent;color:#58595b;border:none;padding:12px 5px;font-weight:bold;font-size:.8em;cursor:pointer;outline:none}footer .btidioma_active{font-family:'Maven Pro',sans-serif;background-color:transparent;color:#0080b7;border:none;padding:12px 5px;font-weight:bold;font-size:.8em;cursor:pointer;outline:none}footer #languageBar .language:active,footer #languageBar .language:hover{color:#0080b7}#loginBar{display:inline-block;vertical-align:top;padding-left:5px;margin-right:-30px;float:right}footer #loginBar .login{font-family:'Maven Pro',sans-serif;background-color:transparent;color:#58595b;border:none;padding:12px 5px;font-weight:bold;font-size:.8em;cursor:pointer;outline:none}footer #loginBar .login:active,footer #loginBar .login:hover{color:#0080b7}#contactsBar{display:inline-block;vertical-align:top;padding-left:50px;float:right;background-image:url(../images/footerBar02.png);background-size:180%;background-position:left;background-repeat:no-repeat;height:61px}#contactsBar a{text-decoration:none;color:#58595b;height:100%}#contactsBar a:hover{color:#0080b7}#contactsBar p{display:inline-block;vertical-align:top;padding:12px 5px 10px 20px;margin:0;text-align:center;vertical-align:central;font-weight:bold;font-size:.8em}#contactsBar img{display:inline-block;vertical-align:top;margin:5px -5px 5px 0;height:30px}#mediaBar{display:inline-block;vertical-align:top;padding-left:50px;float:right;padding-right:10px;background-image:url(../images/footerBar03.png);background-size:180%;background-position:left;background-repeat:no-repeat;height:100%}#mediaBar img{margin:6px 5px;height:30px;opacity:.5}#mediaBar img:hover{opacity:1}


.current_page_ancestor >div a,.current-menu-item >div a{
	color:#0080b7
}

nav ul 
{
	/*list-style-image: url('../images/astreeview-plus.gif');*/
	list-style: none;
	text-transform: uppercase;
	font-weight:bold;
	text-align:left;
	padding:5px 0;
	white-space:normal!important
}

nav li {
	padding:5px 0;
}

nav ul li ul{
	padding-left:10px;
}

nav ul ul {
    transition: opacity 1s;
	/*padding-left: 10px;
	padding:5px 0;*/
	white-space:normal!important
}
nav .out {
	display: none;
    opacity: 0;
}
nav .in {
	display: block;
    opacity: 1;
}

nav .menu-item {
}

nav .sub-menu{
	font-size:.875em;
	padding:5px 0;
	padding-left: 20px;
	white-space:normal!important
}

nav .menu-item-has-children {
}

nav .menu{
	font-size:.96em;
	text-align: left;
	align-content: left;
}

nav ul li ul li div {
	width: 200px;
	display:inline-block;
	color: black;
}

nav ul li div:not(.sub-menu)  {
	max-width: 250px;
}

nav ul.sub-menu li div {
	max-width: 150px;
}

/*image wrapping in wordpress posts*/
/*img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
*/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }