@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;
font-weight:normal}ol,ul,li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal;}
q:before,q:after{content:''}strong{font-weight:bold}em{font-style:italic}
.italic{font-style:italic}
.aligncenter{
display:block;
margin:0 auto;
}
.alignleft{
float:left;margin:10px;
}
.alignright{
float:right;
margin:10px;
}
.no-margin{
margin:0px;
}
.no-bottom{
margin-bottom:0px;
}
.no-padding{
padding:0px;
}
.margin-t{
margin-top:0px;
}

a{text-decoration:none;
}
a:hover{text-decoration:underline;
}
a:active, a:focus{
outline:none;
}
img.alignleft,img.alignright,img.aligncenter{
margin-bottom:11px;
}
.alignleft,img.alignleft{
display:inline;float:left;margin-right:22px;
}
.alignright,img.alignright{
display:inline;float:right;margin-left:22px;
}
.aligncenter,img.aligncenter{
clear:both;display:block;margin-left:auto;margin-right:auto;
}
article,aside,figure,footer,header,hgroup,nav,section{
display:block;
}*{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
html{
-webkit-font-smoothing:antialiased;
}
a{
color:#BA0707;
}
a:hover{
color:#BA0707;
text-decoration:underline;
}
body{
color:#191919;
font:14px "Open Sans",Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
line-height:1;

}
h1{
font-size:40px;line-height:1.3em;
}
h2{
padding-top:10px;
padding-bottom:10px;
font-size:25px;line-height:1.3em;
font-weight:bold;
color: #3366ff;
margin-left:10px;
}
h3{
font-size:24px;line-height:1.3em;
}
h4{
font-size:18px;line-height:1.3em;
}
h5{
font-size:16px;
margin-left:10px;
margin-right:10px;
text-align: justify;
}
h6{
	font-size: 14px;
	text-align: justify;
}
h7{
	font-size: 14px;
	
}
p{
padding-bottom:11px;
}
p,div,span{
line-height:1.5em;
}
.column-clear{
clear:both;
}
.clear{
overflow:hidden;
}
.mainWrap{
width:95%;
max-width: 1100px;
margin:0 auto;
}
.mainContent{
width:95%;
max-width: 1100px;
margin:0 auto;
background:#f7f7f7;
}
.mainBottom{
width:95%;
max-width: 1100px;
font:12px "Open Sans",Helvetica,Arial,sans-serif;
margin:0 auto;
}
.back{
text-align:center;
}
nav{
display:block;
margin-top:0px;
background:#191919;
}
.menu{
display:block;
}
.menu li{
display:inline-block;
position:relative;
z-index:100;
}
.menu li:first-child{
margin-left:0;
}
.menu li a{
font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#ffffff;
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
-ms-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
}
.menu li a:hover,.menu li:hover>a{
color:#ffffff;
background:#666666;
}
.menu ul{
display:none;
margin:0;
padding:0;
width:150px;
position:absolute;
top:43px;
left:0px;
background:#ffffff;
}
.menu ul li{
display:block;
float:none;
background:none;
margin:0;
padding:0;
}
.menu ul li a{
font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;
}
.menu ul li a:hover,.menu ul li:hover>a{
background:#f0f0f0;
border-left:3px solid #666666;
color:#797979;
}
.menu li:hover>ul{
display:block;
}
.menu ul ul{
left:149px;top:0px;
}
.mobile-menu{
display:none;
width:100%;
padding:11px;
background:#191919;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{
background:#666666;
color:#ffffff;
text-decoration:none;
}

#map { 
width: 95%;
max-width: 1100px;
height: 500px; 
margin:0 auto;
}

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 40px;
    height: 12px;
    float: left;
    margin-right: 8px;
    opacity: 1;
}
.info {
    padding: 6px 8px;
    font: 12px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.info leyendatitulo {
	font: 12 Verdana, Geneva, sans-serif;
	margin: 0 0 5px;
	font-weight: bold;
}

.imgradiaciones { 
    width: 100%; 
	max-width: 1100px;
    height: auto; 
}

@media (min-width: 847px) and (max-width: 979px) {
	#map { 
	height: 400px; 
	}
	.menu ul{
	top:41px;
	}
	.menu li a{
	font-size:12px;
	padding:10px;
	}

}
@media (max-width: 846px) {
	#map { 
	height: 400px; 
	}
	.menu{
	display:none;
	}
	.mobile-menu{
	display:block;
	margin-top:0px;
	}
	nav{
	margin:0;
	background:none;
	}
	.menu li{
	display:block;
	
	margin:0;
	}
	.menu li a{
	background:#ffffff;
	color:#797979;
	border-top:1px solid #e0e0e0;
	border-left:3px solid #ffffff;
	}
	.menu li a:hover,.menu li:hover>a{
	background:#f0f0f0;
	color:#797979;
	border-left:3px solid #666666;
	}
	.menu ul{
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
	}
	.menu ul ul{
	left:0;
	}
	.fa-1x{
	display:none;
	}
	
}
@media (max-width: 480px) {
	#map { 
	height: 460px; 
	}
	.imgradiaciones { 
  	 display:none; 
	}
	}
@media (max-width: 320px) {}
