/** CSS para los tabs **/

ul.tabs {
	margin: 0;
	padding: 0;
	display:table;
	float: left;
	list-style: none;
	height: 34px;
	/*border-bottom: 1px solid #999;
	border-left: 1px solid #999;*/
	width: 100%;
}
ul.tabs li {
	font-size:1.6em;
	font-size:1.6rem;
	/*float: left;*/
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0;
	min-height: 34px;
	/*border: 1px solid #fff;*/
	border-left: none;
	border-bottom:none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background: #c2e0ec;
}
ul.tabs li a {
	text-decoration: none;
	color: #0a0b0b;
	display: block;
	padding: 8px 40px;
	/*border: 1px solid #fff;*/
	outline: none;
}
ul.tabs li.active a{ cursor:default;}
ul.tabs li a:hover {
	background-color: #73a1ce;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	color:#0a0b0b;
	background-color: #f5fbfc;
	/*border-bottom: 1px solid #fff;*/
}

/* CSS para el contenido del tab */
.tab_container {
	/*border: 1px solid #999;*/
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background:rgba(255, 255, 255, 0.7);
	min-height:200px;
}
.tab_content {
	font-size:0;
	padding: 40px 30px 30px 40px;
	overflow:hidden;
}

#map.tab_container{ margin-bottom:-3px;}
#map .tab_content{ padding:0;}

.tab_content #grid-box3{ padding-top:30px;}
.tab_content #grid-box3 h3.separacion{
	color: #4b4b4b;
	padding:9px 0 10px;
	margin:0 0 15px 0;
}

.tab_content #grid-box3 #filtrar{ padding-top:0;}
#filtrar form.separacion{ text-align:left; padding-top:0;}


/********** RESPONSIVE **********/
@media screen and (max-width: 959px) {
.tab_content { padding: 40px 30px 30px;}
ul.tabs li a{ padding:8px 30px;}
}
@media (max-width: 680px) {
.tab_content { padding: 30px 20px 20px;}
ul.tabs li{
    font-size: 1.4em;
    font-size: 1.4rem;
}
ul.tabs li a{ padding:8px 20px;}
}
@media (max-width: 470px) {
ul.tabs li{
    font-size: 1.3em;
    font-size: 1.3rem;
}
ul.tabs li a{ padding:8px 10px;}
}
@media (max-width: 400px) {
ul.tabs li{
	display:table-cell;
	border-right:1px solid #dbf1f4;
}
ul.tabs li:last-child{ border-right:none;}
ul.tabs li a{ padding:8px 10px;}
}
@media (max-width: 359px) {
ul.tabs li{ line-height:16px;}
ul.tabs li:hover{ background-color: #73a1ce;}
ul.tabs li.active:hover{ background-color: #f5fbfc;}
ul.tabs li a { padding: 6px 10px;}
/*ul.tabs li{
    font-size: 1em;
    font-size: 1rem;
}*/
}