/*map */

/* Optional: Makes the sample page fill the window. */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Roboto Light';
    src: 
         url('/wp-content/themes/thinkcyber/css/fonts/roboto-light.woff') format('woff'),
         url('/wp-content/themes/thinkcyber/css/fonts/roboto-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'Roboto Light', sans-serif; }

label 
{
    font-family: 'Roboto Light', sans-serif;
    font-size: 12px/14px;
    font-weight:bold;
}
span {
    font-family: 'Roboto Light', sans-serif;
    font-size: 13px;
    color: #222;
}
.text 
{
    border: 1px solid black;
    width:180px;    
}

#mapscontainer {width:100%;height:600px; margin:0px;}      
#map_canvas 
{
    float:left;
    width: 100%;
    height:100%;
}
#sidebar 
{
    position:absolute;
    top:45px;
    right: 45px;   
    width: 270px;
    height:540px;
    background: #FFF;
    color: #ccc;
    border: 0px solid #DDD;
    overflow: auto;
    overflow-x: hidden;
    z-index: 30;
    box-shadow: -1px 1px 3px -1px #000;
	
}

.distribudorsalao {margin-left: 0 !important;}
           
.shadow {
   -moz-box-shadow:    1px 1px 3px 1px #424345;
   -webkit-box-shadow: 1px 1px 3px 1px #424345;
   box-shadow:         1px 1px 3px 1px #424345;
}          

.rowside {color: #000; background: #FFF;padding:10px; cursor:pointer;}
.rowside label { cursor:pointer;}
.rowside:hover { color: #999;background-color: rgba(220, 220, 220, 0.075);}

#show_prod_options {padding-right:15px; cursor: pointer;}
.env_list {display:none; }

.obter { float:right;}
.separator 
{
   width: 96%;
   height:1px;
   margin:0 auto;
   border-bottom:1px solid #ccc;
}
.gm-style-iw
    {
        font-size:26px;
        width: 250px;
		color: #111;
        font-family:'Roboto Light', sans-serif;
    }
.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}
.mainchevron { cursor: pointer; margin-right: 15px;}

#legend {
    background: rgba(0, 0, 0, 0.075);
	border-radius: 4px 0 0 4px;
    padding: 10px;
}
#thinkcyber {
    background: rgba(0, 0, 0, 0.075);
	border-radius: 0 4px 4px 0;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #sidebar { height:320px; top:12px; right:0; box-shadow: none; overflow-y: auto;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #sidebar { height:540px; }
}


/* Smartphones (portrait) /----------- */
@media only screen and (max-width : 320px) {
    

    #ex { display: none;}
    #sidebar { width: 290px; top: 0; margin-left: 0px;}
   
    #map_canvas { top: 200px; }
}

/*map */