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

 
@media screen and (max-width:449px) {
	 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	table {width: 99% ; }
	
	select{font-size: 15px; height: 35px; line-height:35px;}
	
	input[type=date] {
		margin: 0;
		height: 30px;
		line-height: 20px; 
		font-size: 15px;font-family: "Courier New", Courier, monospace; 
	}
	
	input[type=submit], input[type=reset] { 
    	width:250px; 
	}
	
}	  

@media screen and (min-width:450px) {
	 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	table {width: 96% ; }
	
	select{font-size: 15px; height: 35px; line-height:35px;}
	
	input[type=date] {
		margin: 0;
		height: 30px;
		line-height: 20px; 
		font-size: 15px;font-family: "Courier New", Courier, monospace; 
	}
	
	input[type=submit], input[type=reset] { 
    	width:250px; 
	}
	
}	  
@media screen and (min-width:641px) { 
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	 table {width:80%; }
	 
	select{font-size: 16px; height: 35px; line-height:35px; }	 
	
	input[type=date] {
		margin: 0;
		height: 30px;
		line-height: 20px; 
		font-size: 16px;font-family: "Courier New", Courier, monospace; 
	}	

	input[type=submit], input[type=reset] { 
    width:250px;   
	}
	
}

@media screen and (min-width:961px) {
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	table { width:65% }
	
	input[type=submit], input[type=reset] {  
    	width:250px;  
	}
	
   	select{font-size: 16px; height: 30px; line-height:30px;}
	
	input[type=date] {
		margin: 0;
		height: 30px;
		line-height: 20px; 
		font-size: 16px;font-family: "Courier New", Courier, monospace; 
	}


}
@media screen and (min-width:1025px) {
	 /* big landscape tablets, laptops, and desktops */ 
	 table { width:55%;}
	 
	 input[type=submit], input[type=reset] { 
    	width:250px;  
	}
	
	select{font-size: 16px;height: 30px; line-height:30px;}
	
	input[type=date] {
		margin: 0;
		height: 30px;
		line-height: 20px; 
		font-size: 16px;font-family: "Courier New", Courier, monospace; 
	}

}
@media screen and (min-width:1281px) {
	 /* hi-res laptops and desktops */ 
	 table { width:50%; }
	 
	 input[type=submit], input[type=reset] { 
    	width:250px; 
	}
	
	select{font-size: 16px; height: 30px; line-height:30px;}

	input[type=date] {
		margin: 0;
		height: 30px;
		line-height: 20px; 
		font-size: 16px;font-family: "Courier New", Courier, monospace; 
	}
}

@media (max-width: 880px) {

	.footer{
		font: bold 15px sans-serif;
	}

}
 

/*************************/

/*/////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////*/

body {
	margin: 0;
    padding: 0;
	font-size: 15.7px;
	font-family: "Calibri", sans-serif, monospace; 
	background-color:  dimgray;
}

h1{ color: aquamarine; }
	
h3 {float: right; font-weight: normal; }

p a:link{ color: greenyellow;}

p a:visited { color: greenyellow; }

a:link{ color: cornflowerblue;}
/* visited link   color: #F64668;*/

a:visited {color: cornflowerblue; }
 
/* mouse over link */
a:hover, a:active {color: royalblue; }

a#ref:link, a#ref:active, a#ref:visited {color: orange !important; } 

a.redo:link, a.redo:active , a.redo:visited {color: greenyellow !important; }    

.ui-widget-content a {color: royalblue !important;  }

table {
	
	border-radius:10px; 
	background: rgba( 255, 255, 255, 0.90 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 5.0px );
    -webkit-backdrop-filter: blur( 5.0px );
    border: 1px solid rgba( 255, 255, 255, 0.18 ); 
	 /*   
	 border:black 1px solid ; border-radius:10px; box-shadow: 2px 2px 2px greenyellow;
	 background-color:#383743;
	 opacity: 0.95;
	 filter: alpha(opacity=95);  For IE8 and earlier 
	 background-image:url(https://fersof.xyz/sw/img/bg.png); background-repeat:repeat; */
}
 
td { 
	background-color:transparent;
	color: dimgray;
	border-radius:5px;
	padding: 5px;	
 
}

td:hover, td:active { background-color:transparent; color:dimgray; }

select{ 
	font-family: "Calibri", sans-serif, monospace; 
	color:royalblue; border:greenyellow solid 2px; border-radius:5px;
	line-height:30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */ 
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance:none;
	background: #DFDFDF url(../IMG/down.gif) no-repeat right ; /*  down-arrow.png  */
	background-color:Ivory;
	padding-right:20px;  
	height:35px;
	width:98% !important;
	font-weight: bold;
	padding-left: 10px;
	background-position: 99%;
}


select:hover, select:active {background-color:LightCyan; height:35px; line-height:30px;  border-radius:5px;} 

input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] , input[type=number]   {
	margin: 0;
	
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	box-sizing: border-box;
    width: 98%;
	font-weight: bold !important;
	height:36px ;
	font-size: larger;
	line-height:20px; 
	font-family: "Calibri", sans-serif, monospace; 
	
	padding-left: 10px;  
}


input[type=submit], input[type=reset] {    
    padding:0.3em 0.1em; 
    text-indent:5px; 
    border: 1px solid greenyellow; 
    box-shadow: 0 -1px 0 #a7aaad; 
	background-color: cornflowerblue !important;
	color: white !important;
    font-size:16px; 
    font-family:inherit; 
   
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	 box-sizing: border-box; 
}


#vista_pass {
	position: relative;
	width: 100%!important; 
}

input[type=password] {
      box-sizing: border-box;
	  padding-left: 10px;  
      width: 98%!important;
	  height: 36px!important;			
}

input[type=radio] {
	box-sizing: border-box;
    width: 20px;
    height: 20px;
	margin: 0px;
    padding: 0px;
}

input[type=checkbox] {
	box-sizing: border-box;
	width: 20px; height: 20px;
	-webkit-border-radius: 22px;  border-radius: 22px;
	border: 2px solid greenyellow;
}

input[type=date] {
	box-sizing: border-box;
	height: 30px; width: 98%;
}

#imgview {
	position: absolute;
    top: 0px;
    right: 15px;  
	width: 30px ; 
	height: 40px ;
	border: 0px;
}

label{color: black;}

input[type=number]{ box-sizing: border-box; width: 98%!important; }


input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active {background-color:cornflowerblue !important; border:lightcyan solid 1px; border-radius:5px; box-shadow: 0 -1px 0 #a7aaad;  } 
input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:active {  background-color: tomato !important; color: white !important; border:lightcyan solid 1px; border-radius:5px; box-shadow: 0 -1px 0 #a7aaad; }

input:hover {background-color:Ivory; border-radius:5px; } 
input:active {background-color:LightCyan; border-radius:5px; border:LightCyan solid 1px; } 
input{color:royalblue;  background-color:lemonchiffon; border:greenyellow solid 2px; border-radius:5px;}
input:focus {background-color:LightCyan; border:greenyellow solid 2px; border-radius:5px; } 

table img {border:lightgray solid 2px; border-radius: 5px;} 
table video {border:lightgray solid 2px; border-radius: 5px;} 


img.perfil {
	border: 3px solid greenyellow;
	-moz-border-radius: 0 50% / 0 100%;
	-webkit-border-radius: 0 50% / 0 100%;
	border-radius: 0 50% / 0 100%;
	height: auto !important;
	background-image: url(../img_menu/user.png);  
	-moz-background-size: 100% 100%; /*Firefox 3.6*/
	-o-background-size: 100% 100%; /*opera*/
	-webkit-background-size: 100% 100%; /*Safari*/
	background-size: 100% 100%; /*estandar css3*/
	background-repeat: no-repeat;
}

textarea{
	background-color:lemonchiffon;
	color:royalblue;
	border:greenyellow solid 2px;
	border-radius:5px; width: 98%;
	box-sizing: border-box;
	height:100px;
	font-weight: bold;
}

textarea:hover, textarea:active, textarea:focus  {background-color:LightCyan; border-radius:5px;} 

.footer{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 55px 50px;
	margin-top: 30px;
}

.footer h2{ color: aqua;}

/* //////////////////////////////////
/////////////////////////////
////////////PHOTOS */

#photos {
   /* Prevent vertical gaps   */
  	line-height: 0;
	
    -webkit-column-count: 6;
	-moz-column-count:    6;
	-ms-column-count:     6;
	column-count:         6;
	
    -webkit-column-gap:   0px;
    -moz-column-gap:      0px;
	-ms-column-gap:       0px;
	column-gap:           0px;
		
}


#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom: 0px;
  border: 0px;
}

@media (max-width: 1800px) {
  #photos {
  -moz-column-count:    5;
  -webkit-column-count: 5;
  -ms-column-count:     5;
  column-count:         5;
  
  -webkit-column-width: 20%;
  -moz-column-width: 20%;
  column-width: 20%;  
  }
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  -ms-column-count:     4; 
  
  -webkit-column-width: 25%;
  -moz-column-width: 25%;
  column-width: 25%;  
  }
}

@media (max-width: 900px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  -ms-column-count:     3;
  -webkit-column-width: 33.333%;
  -moz-column-width: 33.333%;
  column-width: 33.333%;  
  }
}

	
@media (max-width: 600px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  -ms-column-count:     2;
   -webkit-column-width: 50%;
  -moz-column-width: 50%;
  column-width: 50%;  
  }
	
  h1{  font-size: 16px; }
  	
}
 
@media (max-width: 599px) {
	#light{
		width: 75% !important;
		margin-left: -40% !important;
		margin-top: -220px !important;
		position:absolute !important;
	}
	
  h1{  font-size: 16px; }
}


 
@media (min-width: 600px) {
	#light{
		width: 55% !important;
		margin-left: -28% !important;
		margin-top: -220px !important;
		position:absolute !important;
	}
	    
    
}


section figure {
    float: left;
    clear: both;
    
    position:relative;
    overflow:hidden;
   
    margin: 0 auto;
    font-size: 12px;	
	
}
    
section figure img {
   border-color: blueviolet; 
}

section figure figcaption {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    text-align: justify;
    color: white;   
	padding: 4px 6px 4px 6px;
}


figure {
    max-width: 100%;
}

figcaption {
      display: table-caption;
      caption-side:bottom;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #003333;
      font-style: italic;
      font-weight: normal;
	  line-height: 1.5em;
	  margin: auto;
}


figcaption a:link {
  color: greenyellow;
}

/* visited link */
figcaption a:visited {
  color: greenyellow;
}

/* mouse over link */
figcaption a:hover {
  color: yellow;
}

/* selected link */
figcaption a:active {
  color: greenyellow;
}
/*/////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
///MENU*/
   
#Status {
	margin:0;
	padding: 10px 10px;
	position:fixed;  
	width: 101%;
	z-index:99;
	top:0;
	background-color:royalblue; /*   darkseagreen   */
	border:0px;
	border-style: outset;
}

#back{
	margin:0;
	width: 100%;
	height:50px;
} 


#cuerpo{
	padding: 1px;
}


#searching {
	margin:0;
	left:45%;
	position:fixed;
	z-index:88;
	background-color: transparent;
	max-width:100%;
	width:55%;	
}


#menu_search {   
	cursor: pointer;
	float:right;
	padding: 0px 30px;
	z-index: 100;
}

#menu_button{
	float:left;
	cursor: pointer;
}

#menuWrapper {
	margin:0;
	top:48px;
	position:fixed;
	z-index:88;
	max-width:100%;
	width:45%;
	background-color: white;
	font-weight:500;
	border-radius: 0px 0px 10px 0px;
}
	
div input[type=search] {
	-webkit-box-sizing: border-box;
    box-sizing:border-box;
    border: 2px solid lightgray;
    border-radius: 4px;
    font-size: 16px;
	background: white url('../img_menu/search-icon.png') no-repeat left; 
    background-position: 10px 10px; 
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	max-width:100%;
	max-height:100%;
	width:100%;
	z-index: 100;
}


 
li:hover, li:active {
   background-color: silver;
   opacity: 1; 
   filter: alpha(opacity=100);/* For IE8 and earlier */
   border: 1px solid black;
}

li a:hover, li a:active {
   color: white;	
}
  
li a {
     display: block;
	 list-style: none;
}

li{ 
   border: 1px solid black;
   padding: 5px;
}

li:last-child{
	border-radius: 0px 0px 10px 0px;
}
  
ul{
   margin: 0;
   padding: 0px;
   display: block !important;
   list-style-type: none; 
  
}
   
nav {
   max-width:100%;
   text-align: left;
   border: 1px solid black;
   border-radius: 0px 0px 10px 0px; 
}


/*////////////////////////////////////////////////////////////////
///////////////////////END MENU /////////////////////////////////


////////////////////////////////// PICTURE 
/////////////////////////////////////////////////////////////*/

#fade{
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.8;
    filter: alpha(opacity=80);
}
 
#light{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 330px;
    height: auto !important;
    margin-left: -175px;
    margin-top: -300px;               
    padding: 5px;
    border: 1px solid white;
    background: lightgray;
    z-index:1002;
    overflow:visible;
}

#light img{
  width: 100% !important;
  height: auto !important;
}

#para{
  width: auto !important;
  height: auto !important;
  
}

#cerrar{
	float: right ;
	border-radius: 50%;
}

#map {
    width: 100%;
    height: 200px;
    float:inherit;
}

#mix { vertical-align: top !important; }

#editar:hover { background-color: darkseagreen; color: white;  cursor: pointer;}
#eliminar:hover { background-color: salmon ; color: white;  cursor: pointer;}
#visualizar:hover, #visualizar2:hover { background-color:cornflowerblue; color: white;  cursor: pointer;}
#editar { background-color: darkseagreen; color: white;}
#eliminar { background-color: salmon ; color: white;}
#visualizar , #visualizar2 { background-color:cornflowerblue; color: white;}

#repost:hover, #repost:active, #repost:focus { 
	background: white url(../img_menu/repost-icon.png) no-repeat center; 
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: right !important;
	position: relative;
	background-size: 20px 20px;
	cursor: pointer;
}

#repost { background: white url(../img_menu/repost-icon.png) no-repeat center; 
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: right !important;
	position: relative;
	background-size: 20px 20px;
	width: 28px; 
	height: 28px;
	cursor: pointer;
}
  
.destacar { 
	background: white url(../img_menu/tag.png) no-repeat center; 
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: right !important;
	position: relative;
	background-size: 20px 20px;
	width: 28px;
	height: 28px;
	cursor:pointer;
}

.destacar2{ 
	background: white url(../img_menu/tag2.png) no-repeat center; 
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: right !important;
	position: relative;
	background-size: 20px 20px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}



.sales-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
	font: 20px bold;
	color: blue;
}

.sales-content td {
	font: 16px italic;
	color: black;
}

.sales-content ul{
	list-style-position: inside; list-style-type: square;
}


.sales-content:active, .sales-content:hover { 
	box-sizing: border-box;
    background-color:#F8F8F8;
    cursor:pointer;
    color:blueviolet; 
    border-bottom: 2px solid grey;
    border-right: 2px solid grey;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
	box-shadow: 9px 9px 6px 0px greenyellow;
	-webkit-box-shadow: 9px 9px 6px -2px greenyellow;
    -moz-box-shadow: 9px 9px 6px -2px greenyellow;

}

.adicionar {
	background: greenyellow url(../img_menu/camara.png) no-repeat 5px center;
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-size: 30px 25px;
	font-family: inherit;
	font-size: 100%;
	padding: 9px 10px 9px 32px;
	-webkit-border-radius: 10em;

	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
    cursor: pointer;
	position:fixed;  
	z-index: 99;
	top: 4px;
	color: white;
	font-weight: bold; 
	background-color: limegreen;
    left:33%;
	border: white solid 2px;
}

.adicionar:hover, .adicionar:active, .adicionar:focus {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	padding: 9px 10px 9px 32px;
	-webkit-border-radius: 10em;

	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
    cursor: pointer;
	background-color: limegreen;
	border: white solid 2px;

}

.fav {
	background: blue url(../img_menu/star.png) no-repeat 5px center;
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-size: 30px 25px;
	font-family: inherit;
	font-size: 100%;
	padding: 9px 10px 9px 32px;
	-webkit-border-radius: 10em;
	
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
    cursor: pointer; 
	z-index: 99;
	
	
	font-weight: bold; 
	color: royalblue;
	background-color: white;
	border: lightgray solid 2px;
	width: 80px;
}
    

.fav:hover, .fav:active, .fav:focus {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	padding: 9px 10px 9px 32px;
	-webkit-border-radius: 10em;

	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
    cursor: pointer;
	color: white;
	background-color: royalblue;
	border: white solid 2px;
	width: 80px;
}

.pdf {
	background: blue url(../img_menu/pdf.png) no-repeat 5px center;
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-size: 30px 25px;
	font-family: inherit;
	font-size: 100%;
	padding: 9px 10px 9px 32px;
	-webkit-border-radius: 10em;
	
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
    cursor: pointer; 
	z-index: 99;
	
	
	font-weight: bold; 
	color: royalblue;
	background-color: white;
	border: lightgray solid 2px;
	width: 80px;
}
    

.pdf:hover, .pdf:active, .pdf:focus {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	padding: 9px 10px 9px 32px;
	-webkit-border-radius: 10em;
	
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
    cursor: pointer;
	color: white;
	background-color: royalblue;
	border: white solid 2px;
	width: 80px;
}



/*//////////////////////////////////////////
////////////////////////  BUSQUEDA
//////////////////////////////////////////*/

.grid img {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  border: 1px solid white;
	
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  max-width: 100%;
  height: 150px; 
  cursor: pointer;
	
}

.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 15px;
  align-items: stretch;
  padding: 10px;
}

.grid2 { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 30px;
  align-items: stretch;
  padding: 10px;
}

.polaroid{
	border: 1px solid greenyellow;
  	box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
	padding: 10px;
	border-radius:10px;
	background-color: white;	
}


input#visualizar2 {
	float: right;
    margin-left: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#photos img.destacado{
	float: right;
    position: absolute;
	width: 30px !important;
	height: 30px !important;
    top: 0;
    right: 0;
	padding: 10px 10px 0px 0px; 
	z-index: 0;
	
}

/*//////////////////////////////////////////
////////////////////////  Busqueda.php
//////////////////////////////////////////*/

img.direccion{
	width: 20px;
	height: 20px;
	cursor:pointer;
}

img.principal{
	border-color: yellow;
	border-width: thick;
	border-radius:10px;
	cursor: pointer;
}

#edot { 
   	width: auto !important;
	height: auto !important;
	vertical-align:text-bottom !important;
	text-align: right !important;
	position: relative;	
}

#edot2 { 
   	width: auto !important;
	height: auto !important;
	vertical-align:text-bottom !important;
	text-align: left !important;
	position: relative;	
}

#close {   
   	width: 35px !important;
	height: 35px !important;
    float: right !important;
    cursor: pointer;
	position: absolute;
	right: -15px;
	top: -15px;
	
}

select#uno, select#dos, select#tres, select#cuatro {
	width: 100% !important;  
	max-width: 100% !important;
    max-height: 100% !important;
    height:46px !important;
	line-height:35px !important; 
	background: white url(../IMG/down.gif) no-repeat right;
}
	
input#bye{
	height:46px !important;
	line-height:35px !important; 
	width: 100% !important;  
	max-width: 100% !important;
    max-height: 100% !important;
	background-color: blue;
	color: white;
	font-weight: bolder;
}


.sidebar {
	box-sizing:border-box;
	position:relative;
	width: 100%;
	height: auto !important;
	left: 0; 
	overflow: hidden;
}  

.side_left{
	box-sizing: border-box;
	height: 85vh;
	border: 1px solid lightcyan;
	overflow-y: scroll;
	overflow-x: hidden;
	float:left;   
}
 

.heading  {
	background: #fff;
	border-bottom: 1px solid #eee;
	min-height: 60px;
	line-height: 60px;
	padding: 0 10px;
	background-color: cornflowerblue;
	color: #fff;	
}

.listing {
	box-sizing: border-box;
	 overflow:visible;
	 height: auto;
	 background:white;
	 padding-left: 5px;
	 padding-top: 5px;
	 padding-right: 5px;
	 padding-bottom: 5px;
	
}

.content {
	box-sizing: border-box;
	 background:white; 
	 display:flex;
	 width: 100%;
     height: auto;
}

div.content_left{
	float: left;
	width: 110px;
	height: 90px;
	
}

div.content_right {
	float: right;
	height: auto;
	width: calc(100% - 110px) !important;
	width: -webkit-calc(100% - 110px) !important;
    width: -moz-calc(100% - 110px) !important;
	padding: 1px 0px 1px 5px;
}
  

.side_right{
	box-sizing: border-box;
	border: 1px solid lightcyan;
	background: white;
	overflow: hidden;
    height: 85vh;	
} 

.map2 {
	position: relative;
	width: 100%;  
	height: 100%;
}

@media only screen and (max-width: 449px) {
.side_left{
	width: 100% !important;
	height: 60% !important;	
} 
	
.side_right{
	width: 100% !important;
	height: 40% !important;
}
	
.sidebar {
	height: 80vh !important; 
}  	
	
	
}

@media only screen and (min-width: 450px) {

.side_left{
	width: 60% !important;
} 
	
.side_right{
	width: 40% !important;
}

}


@media only screen and (min-width: 600px) {

.side_left{
	width: 55% !important;
} 
	
.side_right{
	width: 45% !important;
}
	
}

@media only screen and (min-width: 800px) {

.side_left{
	width: 40% !important;
} 
	
.side_right{
	width: 60% !important;
}
	
}

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

.side_left{
	width: 35% !important;
} 
	
.side_right{
	width: 65% !important;
}
	
}

@media only screen and (min-width: 1800px) {

.side_left{
	width: 30% !important;
} 
	
.side_right{
	width: 70% !important;
}
	
}

/*///////////////////////////
////////////////////////////////
*/

#contentContainer {
    position:fixed;
	top: 48px;
	right: 60px;
	max-width: inherit;
	width: auto;
    border: 2px black solid;
    overflow: hidden;
    background-color: silver;
    padding: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
}



#side_right{
	box-sizing: border-box;
	padding: 2px 2px 0px 0px;
	overflow: hidden;
	float: right;
	
} 

  

#side_left{
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	
	height: 100%;
} 


#menu_share { 
	position: fixed;
	cursor: pointer;
	float:right;
	z-index: 100;
	top: 5px;
	right: 60px;
	
}



#menu_login { 
	position: fixed;
	cursor: pointer;
	float:left;
	z-index: 100;
	top: 5px;
	left: 55px;
	
}

/*//////////////////////////////////////////
////////////////////////  ERROR 404
//////////////////////////////////////////*/

#notfound{position:relative;height:100vh;background:#030005}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.notfound{max-width:767px;width:100%;line-height:1.4;text-align:center}
.notfound .notfound-404{position:relative;height:180px;margin-bottom:20px;z-index:-1}
.notfound .notfound-404 h1{font-family:montserrat,sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:224px;font-weight:900;margin-top:0;margin-bottom:0;margin-left:-12px;color:#030005;text-transform:uppercase;text-shadow:-1px -1px 0 #8400ff,1px 1px 0 #ff005a;letter-spacing:-20px}
.notfound .notfound-404 h2{font-family:montserrat,sans-serif;position:absolute;left:0;right:0;top:110px;font-size:42px;font-weight:700;color:white;text-transform:uppercase;text-shadow:0 2px 0 #8400ff;letter-spacing:13px;margin:0}
.notfound a{font-family:montserrat,sans-serif;display:inline-block;text-transform:uppercase;color:#ff005a;text-decoration:none;border:2px solid;background:0 0;padding:10px 40px;font-size:14px;font-weight:700;-webkit-transition:.2s all;transition:.2s all}.notfound a:hover{color:#8400ff}
@media only screen and (max-width:767px){.notfound .notfound-404 h2{font-size:24px}}
@media only screen and (max-width:480px){.notfound .notfound-404 h1{font-size:182px}}