/*Info Top Bar styles*/

div#topbar img{
border:none;
}

div#topbar img:hover{
border:none;
opacity: 0.6;
}

.logoMap img{
width:auto !important;
height:auto !important;
display: block;
margin-left: auto;
margin-right: auto;
}

.image img{
margin: 0 !important;
border: none !important;
padding: 0 !important;
}

.text img {
padding: 0 !important;
border: none !important;
}

.RightInfoBar a{
color:#339;
text-decoration:none;
}

.RightInfoBar a:hover{
color:#999;
text-decoration:underline;
}

/*Responsive Styles*/

/*200px*/
@media screen and (min-width : 200px){
.close-btn { 
border: 1px solid #c2c2c2;
position: relative;
padding: 0px 3px;
background-color: #153457;
border-radius: 3px;
}

.close-btn a { 
font-size: 8px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 10px 10px 10px 10px;
background-color:#FFF;
width: 72%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 10px #666;
margin-left:0px;
margin-top:0px;
}

#topbar img{
width: 30px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:7px;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:9px !important;
margin-top:-1px !important;
}

.text img {
width:100px !important;
height:66px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*200px*/



/*240px*/
@media screen and (min-width : 240px){

.close-btn { 
border: 1px solid #c2c2c2;
position: relative;
padding: 0px 3px;
background-color: #153457;
border-radius: 3px;
}

.close-btn a { 
font-size: 8px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 10px 10px 10px 10px;
background-color:#FFF;
width: 76%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 10px #666;
}

#topbar img{
width: 30px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:7px;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:9px !important;
margin-top:-1px !important;
}

.text img {
width:110px !important;
height:73px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}

#imap5custom_33460162_categorylegend {
display: none !important;
}
}
/*240px*/


/*320px*/
@media screen and (min-width : 320px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 2px 5px;
background-color: #153457;
border-radius: 5px;
}
.close-btn a { 
font-size: 9px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 10px 10px 10px 10px;
background-color:#FFF;
width: 79%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 20px #666;
}

#topbar img{
width: 40px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:7px;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:9px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display: none !important;
}

.text img {
width:145px !important;
height:96px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*320px*/


/*360px*/
@media screen and (min-width : 360px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 2px 5px;
background-color: #153457;
border-radius: 5px;
}
.close-btn a { 
font-size: 9px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 10px 10px 10px 10px;
background-color:#FFF;
width: 79%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 20px #666;
}

#topbar img{
width: 40px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:8px;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:9px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display: none !important;
}


.text img {
width:170px !important;
height:113px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*360px*/


/*480px*/
@media screen and (min-width : 480px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}
.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 10px 10px 10px 10px;
background-color:#FFF;
width: 75%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 40px #666;
margin-left:12px;
margin-top:12px;
}

#topbar img{
width: 60px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display: none !important;
}


.text img {
width:180px !important;
height:119px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*480px*/

/*600px*/
@media screen and (min-width : 600px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}
.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 15px 15px;
background-color:#FFF;
width: 71%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 30px #666;
margin-left:30px;
margin-top:25px;
}

#topbar img{
width: 70px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

.text img {
width:200px !important;
height:133px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*600px*/


/*650px*/
@media screen and (min-width : 650px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}

.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 15px 15px;
background-color:#FFF;
width: 70%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 30px #666;
margin-left:35px;
margin-top:35px;
}

#topbar img{
width: 70px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

.text img {
width:200px !important;
height:133px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*650px*/


/*700px*/
@media screen and (min-width : 700px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}

.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 15px 15px;
background-color:#FFF;
width: 73%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 30px #666;
margin-left:30px;
margin-top:30px;
}

#topbar img{
width: 80px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

.text img {
width:200px !important;
height:133px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*700px*/

/*750px*/
@media screen and (min-width : 750px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}
.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 15px 15px;
background-color:#FFF;
width: 75%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 30px #666;
margin-left:30px;
margin-top:30px;
}

#topbar img{
width: 70px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

.text img {
width:200px !important;
height:133px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;
width:86% !important;
margin-top:20px;
}
}
/*750px*/

/*768px*/
@media screen and (min-width : 768px){
#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 15px 15px;
background-color:#FFF;
width: 71%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 40px #666;
margin-left:41px;
margin-top:41px;
}

#topbar img{
width: 100px !important;
height: auto !important;
}

#topbar p{
color:#153457;
font-size:12px !important;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:13px !important;
margin-top:20px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}


.text img {
width:220px !important;
height:146px !important;	
}

.RightInfoBar{
float:right !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:8px;
border: solid 1px #CCCCCC;
width:13.9% !important;
margin-top:0px !important;
font-size: 11px !important;
}
}
/*768px*/


/*1000px*/
@media screen and (min-width : 1000px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}

.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 15px 15px;
background-color:#FFF;
width: 73%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 30px #666;
margin-left:45px;
margin-top:45px;
}

#topbar img{
width: 100px !important;
height: auto !important;
margin-top:-20px !important;
}

#topbar p{
color:#153457;
font-size:12px !important;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-top:-1px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

.text img {
width:200px !important;
height:133px !important;	
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;

margin-top:20px;
}
}
/*1000px*/


/*1024px*/
@media screen and (min-width : 1024px){
#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 30px 30px;
background-color:#FFF;
width: 73%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 20px #666;
margin-left:50px !important;
margin-top:50px !important;
}

#topbar img{
width: 110px !important;
height: auto !important;
}

#topbar p{
color:#153457;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:14px !important;
margin-top:20px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:10px;
border: solid 1px #CCCCCC;

margin-top:20px;
}
}
/*1024px*/

/*1366px*/
@media screen and (min-width : 1366px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}

.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 30px 30px;
background-color:#FFF;
width: 73%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 30px #666;
margin-left:45px;
margin-top:45px;
}

#topbar img{
width:auto !important;
height:auto !important;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:16px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

#topbar p{
color:#153457;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.text img {
width: auto !important;
height: auto !important;
}

.RightInfoBar{
float:left !important;
background-color: #FFF;
box-shadow: 3px 3px 3px #666;
padding:8px;
border: solid 1px #CCCCCC;
font-size: 12px !important;
margin-top:0px !important;
}
}
/*1366px*/

/*1680px*/
@media screen and (min-width : 1680px){
.close-btn { 
border: 2px solid #c2c2c2;
position: relative;
padding: 3px 6px;
background-color: #153457;
border-radius: 5px;
}

.close-btn a { 
font-size: 15px;
font-weight: bold;
color: white;
text-decoration: none;
vertical-align:middle !important;
}

#topbar{
position: absolute;
border: 3px solid  #153457;
border-radius:10px;
padding: 15px 15px 30px 30px;
background-color:#FFF;
width: 73%;
visibility: hidden;
z-index: 100;
box-shadow: 0 0 30px #666;
margin-left:80px;
margin-top:80px;
}

#topbar img{
width:auto !important;
height:auto !important;
}

#topbar h3{
color: #153457;
font-family: Arial, Helvetica, sans-serif;
font-size:16px !important;
}

#imap5custom_33460162_categorylegend {
display:block !important;
}

#topbar p{
color:#153457;
font-size:13px !important;
font-family:Arial, Helvetica, sans-serif;
}
}
/*1680px*/

/*Responsive Styles*/


/*Info Top Bar styles*/
.RightInfoBarluch{
	float:right;
	background-color: #FFF;
	box-shadow: 3px 3px 3px #666;
	padding:10px;
	border: solid 1px #CCCCCC;
	width:100px;
	margin-right:180px;
}

.RightInfoBarluch a{
	color:#339;
	text-decoration:none;
}

.RightInfoBarluch a:hover{
	color:#999;
	text-decoration:underline;
}
/*Info Top Bar styles*/