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


body {
	margin: 0px;
	padding: 0px;
	font-family:'TitilliumText22L-Light',  sans-serif;
	font-size:14px;
}

.map_warp, .map_view_warp{
    position: relative;
}
.controlsZone {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 10px;
  font-size: 15px;
}

.controlsZone .ctrbuttons {
  padding: 5px;
}

.ctrbuttons .glyphicon{
    top: 2px;
    color: #616161;
} 

.ctrbuttons .glyphicon-plus{
    left: 1px;
} 
.controlsZone button {
    border-radius: 20px;
    text-decoration: none;
    background-color: white;
    border: none;
    width: 40px;
    height: 40px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    text-align: center;
}
#container {
	display: inline-block;
	overflow: hidden;
	max-height: 100%;
	max-width: 100%;
	background-image: url(img/backgrund_europe.jpg);
	background-repeat: no-repeat;
	background-size:contain;

}

#loading {   background-image: url("img/spin.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    padding: 120px 0;
    width: 100%;;
}



#oficinas{
    width: 300px;
    display: inline-block;
    position: absolute;
    color: #555;
    height: auto;
    top: 15px;
    right: 15px;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    #oficinas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 100%;
    top: 0px;
    right: 0px;
    }
}


#commercial_dropdown{
    width: 100%;
    padding: 10px;
    border-radius: 2px 2px 0px 0px;
    box-shadow: none;
    font-size: 16px;
    color: gray;
}

.sombra { 		-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.48);
box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.48);
}

.mail_comercial { color:#555;}



#contendor_datos_lateral { left: 20px;
    position: absolute;
    top: 20px;
	opacity:0;}


.icon_data{ margin-bottom: -2px;}

#datos_comerciales {
    height: auto;
    background-color: white;
    border: 1px solid #d5d5d5;
    vertical-align: text-top;
    border-radius: 2px;
    margin-bottom: 10px;
}

#datos_comerciales ul {
	line-height: 10px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#datos_comerciales ul li {
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 10px;
}
#datos_comerciales ul li p {
	padding-left: 5px;
	font-size: 14px;
}
#datos_comerciales ul li a {
	padding-left: 5px; color:#555;
}

.icono_mapa { margin-right:5px; margin-bottom:-2px;  }

#pais_mapa { 

margin: 0;
background-color: #868686;
color: #FFF;
margin-bottom: 0;
padding: 5px 0 5px 10px;
cursor: pointer;
width: 230px;
font: 1.5em/1em Museosans_500, Arial, sans-serif;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
background-image: url(http://visiotech.localhost/components/com_map/css/img/arrow_bk.png);
background-repeat: no-repeat;
}


#desplegable_comerciales_icono { display:inline; cursor:pointer; }

#desplagable_comerciales{ 
 z-index:2;
 	display: none;
	overflow: hidden;
width: 240px;
position: absolute;
z-index: 79;

	
	}

#desplagable_comerciales_ul{ margin:0px; padding:0px; list-style:none;}

.desplagable_comerciales_ul_p {
    margin: 0px;
    padding: 0px;
    padding: 8px 5px 8px 15px;
    width: 250px;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
    cursor: pointer;
    font-size: 1.2em;}



.desplagable_comerciales_ul_p:hover { background-color:#CC5275; color:#FFF;  }
.desplagable_comerciales_ul_p:active { background-color:#CC5275; color:#FFF;  }

.desplagable_comerciales_ul_li { margin:0px; padding:0px; }

#mapa_container { width:860px;   height:550px;  } 

#contendor_secundario {  border: 1px solid #ececec;
display:none;
   
    margin-top: 20px;
    padding: 0 20px;
	font-size:12px;
	 line-height: 18px;}


	 
 @media screen and (max-width:600px) {
	
	
#container { display:none;}
	
	



#oficinas_h3 {
	color: #cc5275;
	font-size: 54px;
	font-weight: lighter;
	line-height: 0;
	margin-bottom: 42px;
	text-align:center;
}

#datos_comerciales {
	width: 100%;
	
}

#contendor_datos_lateral { 

    left: 0px;
   position: relative;
    top: 0;
	
	}



#datos_comerciales ul {
	line-height: 25px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#datos_comerciales ul li {
	border-bottom: 1px solid #E5E5E5; display: block; width:100%;
}
#datos_comerciales ul li p {
	padding-left: 5px;
	font-size: 18px;
}
#datos_comerciales ul li a {
	padding-left: 5px;
}

.icono_mapa { margin-right:5px; margin-bottom:-2px; }

#pais_mapa { background-image:url(img/arrow_bk.png);margin: 0; background-color: #868686;
	color: #fff;
	font-size: 20px;
	font-weight: lighter;
	margin-bottom: 0;
	 font-size: 25px;
    padding: 10px 0px 10px 0px;
	cursos:pointer;
	width: 100%;
	background-repeat:no-repeat;
	background-position: right center;
	text-align:center;}


#desplegable_comerciales_icono { display:inline; cursor:pointer; }

#desplagable_comerciales{ 
 	display: none;
	width: 100%;
	position: relative;
	height: 187px;
	overflow:scroll;
	overflow-x: hidden;
}
	
#desplagable_comerciales_ul{ margin:0px; padding:0px; list-style:none; width:100%; }

.desplagable_comerciales_ul_p {    font-size: 18px;
    padding: 10px 5px 10px 15px;
	 width: 100%; display:block;
	 }

.desplagable_comerciales_ul_li {  padding:0px; display:inline; width:100%; }

	#loading { background-image:none;}

 }