@font-face {
    font-family: 'Apercu Regular';
    src: url('http://f.fontdeck.com/f/1/RnBLanA4NDAAB0xL0dSao6GPPTjFZlg3W2xxHc5XJqyLZw3ygT9DIE+TNdwX0DjEhcSRNc3jTI380A.eot');
    src: url('http://f.fontdeck.com/f/1/RnBLanA4NDAAB0xL0dSao6GPPTjFZlg3W2xxHc5XJqyLZw3ygT9DIE+TNdwX0DjEhcSRNc3jTI380A.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/RnBLanA4NDAAB0xL0dSao6GPPTjFZlg3W2xxHc5XJqyLZw3ygT9DIE+TNdwX0DjEhcSRNc3jTI380A.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/RnBLanA4NDAAB0xL0dSao6GPPTjFZlg3W2xxHc5XJqyLZw3ygT9DIE+TNdwX0DjEhcSRNc3jTI380A.ttf') format('opentype'),
    url('http://f.fontdeck.com/f/1/RnBLanA4NDAAB0xL0dSao6GPPTjFZlg3W2xxHc5XJqyLZw3ygT9DIE+TNdwX0DjEhcSRNc3jTI380A.svg#929') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Apercu Mono Regular';
    src: url('http://f.fontdeck.com/f/1/ZXowUWJPOGgAB5j2yAh3iOqR5gq8DdhHbEmKDF5kE4Mo3mSy6nHSUJWQvyQsI1lcbE5m+6rGQ6vOzA.eot');
    src: url('http://f.fontdeck.com/f/1/ZXowUWJPOGgAB5j2yAh3iOqR5gq8DdhHbEmKDF5kE4Mo3mSy6nHSUJWQvyQsI1lcbE5m+6rGQ6vOzA.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/ZXowUWJPOGgAB5j2yAh3iOqR5gq8DdhHbEmKDF5kE4Mo3mSy6nHSUJWQvyQsI1lcbE5m+6rGQ6vOzA.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/ZXowUWJPOGgAB5j2yAh3iOqR5gq8DdhHbEmKDF5kE4Mo3mSy6nHSUJWQvyQsI1lcbE5m+6rGQ6vOzA.ttf') format('opentype'),
    url('http://f.fontdeck.com/f/1/ZXowUWJPOGgAB5j2yAh3iOqR5gq8DdhHbEmKDF5kE4Mo3mSy6nHSUJWQvyQsI1lcbE5m+6rGQ6vOzA.svg#930') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Apercu Bold';
    src: url('http://f.fontdeck.com/f/1/RGtPWDhIM3cAB3d/1WJpUO3dwqGykxA7dEjcy7PyNwdTXF3JUi6VPHDkAZqQM+b8czHNU+6nsV6uOg.eot');
    src: url('http://f.fontdeck.com/f/1/RGtPWDhIM3cAB3d/1WJpUO3dwqGykxA7dEjcy7PyNwdTXF3JUi6VPHDkAZqQM+b8czHNU+6nsV6uOg.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/RGtPWDhIM3cAB3d/1WJpUO3dwqGykxA7dEjcy7PyNwdTXF3JUi6VPHDkAZqQM+b8czHNU+6nsV6uOg.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/RGtPWDhIM3cAB3d/1WJpUO3dwqGykxA7dEjcy7PyNwdTXF3JUi6VPHDkAZqQM+b8czHNU+6nsV6uOg.ttf') format('opentype'),
    url('http://f.fontdeck.com/f/1/RGtPWDhIM3cAB3d/1WJpUO3dwqGykxA7dEjcy7PyNwdTXF3JUi6VPHDkAZqQM+b8czHNU+6nsV6uOg.svg#923') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* ------------------------------ 
--------- HACKS/RESETS ----------
--------------------------------- */

	body {
		font-family:"Apercu Regular", Calibri, sans-serif; 
		font-size-adjust:0.508; 
		font-weight:normal; 
		font-style:normal;
		font-size: 16px;
		line-height: 18px;
		color: rgba(64,64,64,1.0);
		/*overflow-x: hidden;*/
	}

	a {
		text-decoration: none;
		color: #b5d6db; /* Brand Colors - Light Blue */
	}

	li {
		list-style: none;
	}

	ul {
		-webkit-padding-start: 0px !important;
	}

	.clearfix:after {
		content: " "; /* Older browser do not support empty content */
   		visibility: hidden;
   		display: block;
   		height: 0;
   		clear: both;
	}

	.clear {
		clear: both;
	}

	.wrapper {
		margin: 0 auto;
		padding: 0px 20px; 
	}










/* ------------------------------ 
------------ HEADER -------------
--------------------------------- */

header {
	width: 100%;
	padding: 10px 0px;
	background: #3c3c3c;
	position: relative;
	top: -23px;
}

.header-content {
	max-width: 940px;
	margin: 0 auto;
}

		/* ---- / ---- LOGOTYPE ---- / ---- */
		
		.h1-container {
			float: left;
 			margin-top: 3px;
 			margin-right: 30px;		
		}

		h1.logotipo {
			width: 200px; 
 			height: 45px;
 			background: url("img/logo2.png") no-repeat;
 			text-indent: -9999px;
		}


		/* ---- / ---- NAVIGATION ---- / ---- */

		nav {
			float: left;
			margin-top: 18px;	
		}

		nav ul li {
			display: inline-block;
			margin-left: 30px;
			font-family: 'Montserrat', sans-serif;
			font-size: 15px;
			text-transform: uppercase;

		}

		nav ul li a {
			color: #fff;	
		}

		nav ul li a[href$="dashboard.html"] {
			border-bottom: 1px solid #fff;
		}


		/* ---- / ---- LOGIN ---- / ---- */

		.login {
			float: right;
			margin-top: 8px;
		}

		.login a {
			color: #b5d6db;
			font-size: 16px;
		}

		.login a:hover {
			text-decoration: underline;
		}
		
		a.dolores:after {
			content:url(img/settings-icon.png);
			position: relative;
			top: 7px;
			left: 4px;
		}

		.wrapper {
		margin: 0 auto;
		padding: 0px 20px; 
		}


		
		











/* ------------------------------ 
------------- SEARCH ------------
--------------------------------- */

#search {
	width: 100%;
	height: auto;
	background-color: #fff;
}

.search-content {
	margin: 40px 0px;
	}

		/* ---- / ---- SEARCH FORM ---- / ---- */

		form {
			width: 100%; 
			display: inline-block;
			float: left;
		}

		a.avanzada {
			margin-left: 6%;
			margin-top: 2.5px;
			color: #59AAD1; /* Brand Colors - Light Blue */
			font-size: 18px;
		}

		a.avanzada:hover {
			color: #09c;
		} 

		.search_input {
			width: 70%;
			height: 35px;
			margin-left: 5%;
			border: none;
			border-bottom: solid;
			border-bottom-color: #EAEAEA;
			background-color: white;
			border-width: 1px;
			padding-left: 2%;
			font-size: 16px;
			font-family: "Apercu Regular", Calibri, sans-serif;
		}

		.search_input:focus {
			outline: none
		}

		.search_button {
			width: 35px;
			height: 35px;
			position: absolute; /* Align to the Right */
			margin-left: 1%;
			margin-top: 0.125%;
			cursor: pointer;
			background-image: url(img/search-password-icon.png);
			background-repeat: no-repeat;
			background-position: center;
			border: none;
		}

		










/* ------------------------------ 
------------ CABEZERA -----------
--------------------------------- */

#cabezera {
	width: 100%;
} 

.cabezera-content {
	margin: 0 auto;
	padding: 20px;
}

		/* ---- / ---- TEXT ---- / ---- */

		.cabezera-content h2 {
			font-family: 'Montserrat', sans-serif;
			font-weight: normal;	
			font-size: 24px;
			line-height: 32px;
			color: #e34134; /* Brand Colors - Red */
		}


		/* ---- / ---- BOXES NUMBERS ---- / ---- */

		.boxes-numbers {
			width: 100%;
			margin-top: 50px;
		}

		.boxes-numbers ul li {
			display: inline-block;
			width: 22.75%;
			margin-right: 2.5%;
			vertical-align: text-top;
			text-align: center;
		}

		.boxes-numbers ul li:last-child {
			margin-right: 0px;
		}

				.boxes-numbers h3 {
					font-family: 'Montserrat', sans-serif;
					font-weight: normal;	
					font-size: 60px;
					line-height: 80px;
					color: #00abd4;
				}

				.boxes-numbers p {
					color: #00abd4;
				}

















/* ------------------------------ 
------------ GALERIA ------------
--------------------------------- */
				

#galeria {
	width: 100%;
	position: relative;
	margin-top: 30px;
} 

.galeria-content {
	margin: 0 auto;
	background-color: #f3f3f3; /* Brand Colors - Light Grey */
}


		/* ---- / ---- HEADER ---- / ---- */

		#galeria h2 {
			padding: 10px 0px 10px 20px;
			background-color: #e34134; /* Brand Colors - Red */	
			font-family: 'Montserrat', sans-serif;
			font-size: 24px;
			line-height: 32px;
			font-weight: normal;	
			color: #fff;
			text-wrap: pre;
		}


		/* ---- / ---- PHOTO SLIDER ---- / ---- */

		.carrusel-galeria {
			width: 95%;
			padding: 20px 0px;
			margin: 0px auto;
			position: relative;
		}










/* ------------------------------ 
------ MAJOR CONTENT GRAPHS -----
--------------------------------- */

#graphs {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 30px;
} 

.graphs-content {
	margin: 0 auto;
}


		/* ------------ GRAPHS ------------ 
		--------------- LEFT -------------- */

		.graphs-left {
			width: 22.5%;
			float: left;
		}
		

		/* ---- / ---- FILTERS ---- / ---- */
		
		.filters {
			background-color: #f3f3f3; /* Brand Colors - Light Grey */
		}

		.filters>h2 {
			padding: 10px 0px 10px 20px;
			background-color: #8cd0e6; 
			font-family: 'Montserrat', sans-serif;
			font-size: 24px;
			line-height: 32px;
			font-weight: normal;	
			color: #fff;
			text-wrap: pre;
		}

		.filters-content {
			padding: 30px 30px;
		}

		.crear-title {
			margin-bottom: 10px;
			font-size:22px;
			font-weight:bold;

			width:auto;
			position:relative;
		}

				.input-hashtag, .input-categoria, .input-ciudad {
					margin-top: 0px;
					margin-bottom: 20px;
	
					border: solid;
					border-width: 1px;
					border-color: #ededed;
					border-radius: 0px;

					width: 100%;
					height: 40px;
					
				}

				.input-categoria, .input-ciudad {
					padding-left: 10px; 
				}
		

				.input-ciudad { 
					background: url(img/lugar-icon.png) no-repeat #FFF;
					-webkit-appearance: none;
						-moz-appearance:window;
	text-indent: 0.01px;
    text-overflow: '';
					background-position: 99% 12px;
				}
				
				.input-ciudad:focus {
					background: url(img/lugar-icon.png) no-repeat #FFF;
					-webkit-appearance: none;
						-moz-appearance:window;
	text-indent: 0.01px;
    text-overflow: '';
					background-position: 99% 12px;
				}

				.input-categoria, .input-categoria:focus {
					background: url(img/new_arrow.png) no-repeat #FFF;
					-webkit-appearance: none;
						-moz-appearance:window;
	text-indent: 0.01px;
    text-overflow: '';
					background-position: 99% 6px;
				}
			
				.input-hashtag, .input-hashtag:focus  {
					overflow: hidden;
					background: url(img/tw-icon.png) no-repeat right #FFF;
					-webkit-appearance: none;
						-moz-appearance:window;
	text-indent: 0.01px;
    text-overflow: '';
					background-position: 99% 12px;
				}
				
							

		/* ---- / ---- HASHTAGS ---- / ---- */

		.hashtag-title, .twitter-title {
			padding: 10px 0px 10px 20px;
			background-color: #e34134; /* Brand Colors - Red */	
			font-family: 'Montserrat', sans-serif;
			font-size: 24px;
			line-height: 32px;
			font-weight: normal;	
			color: #fff;
			text-wrap: pre;
		}

				.hashtag-title:before {
					content: "#"
				}

		.hashtags-top {
			background-color: #f3f3f3; /* Brand Colors - Light Grey */
			border-bottom: #fff 5px solid; /* White border */
			padding:25px 0px 30px 12.5%;
		}

		.hashtags-bottom {
			background-color: #f3f3f3; /* Brand Colors - Light Grey */
			margin-bottom: 30px;
			padding: 20px 0px 20px 30px;
		}

				.hashtags-bottom a {
					font-size: 16px;
					margin-top: 25px;
					color: #59AAD1; 
				}

		.hashtags-bottom a:hover {
			color: #09c;
		}

		.hashtags-bottom a:after {
			margin-left: 5px;
			content: ">"
		}


		/* ---- / ---- CHECKBOXES ---- / ---- */

		input[type=checkbox].css-checkbox {
		display:none;
		}
		
		input[type=checkbox].css-checkbox + label.css-label {
		padding-left:20px;
		height:20px; 
		display:inline-block;
		line-height:20px;
		background-repeat:no-repeat;
		background-position: 0 0;
		font-size:15px;
		vertical-align:middle;
		cursor:pointer;

		margin: 10px 0px;
		}

		input[type=checkbox].css-checkbox + label.css-label-green {
		padding-left:20px;
		height:20px; 
		display:inline-block;
		line-height:20px;
		background-repeat:no-repeat;
		background-position: 0 0;
		font-size:15px;
		vertical-align:middle;
		cursor:pointer;

		margin: 10px 0px;
		}

		input[type=checkbox].css-checkbox + label.css-label-blue {
		padding-left:20px;
		height:20px; 
		display:inline-block;
		line-height:20px;
		background-repeat:no-repeat;
		background-position: 0 0;
		font-size:15px;
		vertical-align:middle;
		cursor:pointer;

		margin: 10px 0px;
		}
		
		input[type=checkbox].css-checkbox:checked + label.css-label {
		background-position: 0 -20px;
		}

		input[type=checkbox].css-checkbox:checked + label.css-label-green {
		background-position: 0 -20px;
		}

		input[type=checkbox].css-checkbox:checked + label.css-label-blue {
		background-position: 0 -20px;
		}
		
		.css-label{ 
			background-image:url(img/web-two-style.png); 
		}

		.css-label-green { 
			background-image:url(img/web-two-style-green.png); 
		}

		.css-label-blue{ 
			background-image:url(img/web-two-style-blue.png); 
		}
		

		/* ---- / ---- TWITTER FEED ---- / ---- */

		.twitter-title {
			position: relative;
			z-index: 500;
		}

		.filtrar:after {
			content:url(img/arrow-down.png);
			margin-left: 2%;
			position: 
		}

		.filtrar {
			float: right;
			font-size: 13px;
			padding-right: 20px;
		}

		.twitter-timeline {
			position: relative;
			bottom: 42.5px;

		}




		/* ------------ GRAPHS ------------ 
		--------------- RIGHT -------------- */

		.graphs-right {
			width: 75%;
			margin-left: 2.5%;
			float: left;
		}


		/* ---- / ---- TABS SETTINGS ---- / ---- */

		.tabs-header {
			background-color: green;
			padding-bottom: 47px;
			background: rgba(241,241,241,1);
		}

		.resp-tabs-list li {
			display: inline-block;
    		padding: 13px 15px;
    		margin: 0;
    		cursor: pointer;
    		float: left;
    		-webkit-transition: all 1s;
			-moz-transition: all 1s;
			transition: all 1s;
		}
	
		.resp-tabs-container {
			padding: 0px;
    		clear: left; 
		}

		.resp-tab-content {
			display: none;
    		padding: 15px;
		}
		
		.resp-tab-active {
			border-bottom: none;
    		background: #e34134; /* Brand Colors - Red */
    		color: #fff;
		}

		.resp-content-active, .resp-accordion-active {
			display: block;
		}

		.resp-tab-content {
		    border: 1px solid white;
		    padding: 40px 0px 40px 0px;
		}


		/* ---- / ---- TABS MENU ---- / ---- */

		.timeline:before {
			content:url(img/timeline.png);
			margin-right: 7.5px;
			position: relative;
			top: 2.5px;
		}

		.percentages:before {
			content:url(img/percentages.png);
			margin-right: 7.5px;
			position: relative;
			top: 2.5px;
		}

		.block-hashtags:before {
			content:url(img/block-hashtags.png);
			margin-right: 7.5px;
			position: relative;
			top: 2.5px;
		}

		
		/* ---- / ---- ACCORDION STYLES ---- / ---- */

		h2 {
			font-size: 16px;
		}

		h2.resp-accordion {
			cursor: pointer;
    		display: none;
    		margin-bottom: 5px;

    		padding: 10px 0px 10px 20px;
			background-color: #e34134; /* Brand Colors - Red */	
			font-family: 'Montserrat', sans-serif;
			font-size: 24px;
			line-height: 32px;
			font-weight: normal;	
			color: #fff;
			text-wrap: pre;
		}

		.resp-arrow {
    		width: 0;
    		height: 0;
    		float: right;
    		margin-right: 8.5%;
    		margin-top: 10px;
    		border-left: 6px solid transparent;
    		border-right: 6px solid transparent;
    		border-top: 12px solid white;
		}

		h2.resp-tab-active span.resp-arrow {
		    border: none;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;
		    border-top: 12px solid rgba(64,64,64,1.0);
		}

		h2.resp-tab-active {
		    background: #e34134; !important;	
		}
		.resp-easy-accordion  h2.resp-accordion {
		        display: block;
		}
		.resp-easy-accordion .resp-tab-content {
		    border: 1px solid #c1c1c1;
		}
		
		.resp-easy-accordion .resp-tab-content:last-child {
		    border-bottom: 1px solid #c1c1c1 !important;
		}
		
		.resp-jfit {
		    width: 100%;
		    margin: 0px;
		}
		
		.resp-tab-content-active {
		    display: block;
		}
		


		/* ---- / ---- PRINTER AND SAVE AS ---- / ---- */

		.extras {
			float: right;
			margin-right: 5%;
		}

		.extras ul li{
			display: inline-block;
			margin-right: 5px;
		}
		
		.printer {
			display: block;
			width: 46px;
			height: 46px;
			background: url("img/printer-2.png") no-repeat;
			margin: 0 auto;
			cursor: pointer;
			position: relative;
		}

		.printer:hover {
			background: url("img/printer-1.png") no-repeat;
			transition: background 1s;
			-webkit-transition: background 1s;
			-moz-transition: background 1s;
			-o-transition: background 1s;
		}

		.save {
			display: block;
			width: 46px;
			height: 46px;
			background: url("img/save-1.png") no-repeat;
			margin: 0 auto;
			cursor: pointer;
			position: relative;
		}

		.save:hover {
			background: url("img/save-2.png") no-repeat;
			transition: background 1s;
			-webkit-transition: background 1s;
			-moz-transition: background 1s;
			-o-transition: background 1s;
		}


    	/* ---- / ---- 1ST TAB ---- / ---- */

    	.first-tab {
    		height: 500px;
    	}

    	.first-tab .block-1 {
    		width: 60%;
    		height: 100%;
    		display: block;
    		float: left;
    		border-right: 4px solid white;
    	}

    			.sub-block-1 {
    				width: 100%;
					height: 70%;
					background: #E34134;
					text-align: center;
					border-bottom: 4px solid white;
    			}
		
    			.sub-block-2 {
    				width: 100%;
					height: 30%;
					text-align: center;
    			}

    					.sub-block-2-1 {
    						width: 50%;
    						height: 100%;
    						background: #F04537;
    						float: left;
    						border-right: 4px solid white;
    					}

    					.sub-block-2-2 {
    						width: 49.25%;
    						height: 100%;
    						background: #C93A2E;
    						float: left;

    					}

		.first-tab .block-2 {
    		width: 38%;
    		height: 100%;
    		display: block;
    		float: left;
    		border-right: 4px solid white;
    	}

    			.sub-block-3 {
    				width: 100%;
					height: 50%;
					background: #A32F25;
					text-align: center;
					border-bottom: 4px solid white;
    			}

    			.sub-block-4 {
    				width: 100%;
					height: 50%;
					background: #631C17;
					text-align: center;
    			}

		/* Center Type Vertically */
		.sub-block-1 span, .sub-block-2-1 span, .sub-block-2-2 span, .sub-block-3 span, .sub-block-4 span {
    		position: relative;
    		color: #fff;
    		font-family: 'Montserrat', sans-serif;
			font-size: 18.5px;
			letter-spacing: 0.65px;
			top: 45%;
    	}	
    	
		
		/* Map */

		#map_canvas {
			width: 100%;
			height: 720px;
			margin-top:90px;
		}










/* ------------------------------ 
------------- FOOTER ------------
--------------------------------- */

footer {
	width: 100%;
	background-color: rgba(57, 57, 57, 1); /* Brand Colour - Grey */
	height: 275px;
	margin-top: 50px;
}


.footer-content {
	max-width: 1640px;
	margin: 0 auto;
	text-align: center;
}

		/* Footer Content */

		.footer-top {
			padding: 50px 0px 5px 0px;
		}

		.footer-top a {
			margin-right: 20px;
			color: #fff;
		}

		.footer-bottom {
			color: #fff;
		}

		.footer-bottom a {
			color: #fff;
		}
		
		.footer-bottom p {
			margin-top: 30px;
			margin-bottom: 20px;
			color: rgb(188,192,193);
			font-size: 12px;
		}









		
		
		


















































































/* --------------------------------------------------------------------------- 
--------------------------------- MEDIA QUERIES ------------------------------
------------------------------------------------------------------------------ */





/* ------------------------------------------------
   -------------- VIEWPORT = 1301px ----------------
   --------------------------------------------- */
@media screen and (max-width: 1301px) {


			/* ---- / ---- SEARCH ---- / ---- */

			a.avanzada {
				display: none; /* Hide búsqueda avanzada */
			} 
	
			.comparador {
				padding: 7px 15%;
			}
	
			.cabezera-left .compartir {
					margin-top: 5px;
			}
		
}



/* ------------------------------------------------
   -------------- VIEWPORT = 1030px ----------------
   --------------------------------------------- */
@media screen and (max-width: 1030px) {

		
			/* ---- / ---- HEADER ---- / ---- */
		
			.h1-container {
				margin-left: 20px;
			}
	
			nav {
				width: 100%;
			}
	
			nav ul {
				text-align: center;	
			}
	
			nav ul li {
				font-size: 14px;
				margin-right: 12.5%;
				margin-left: 0px;
				margin-top: 10px;
				padding-bottom: 15px;
			}
	
			nav ul li:last-child {
				margin-right: 0px;
			}
	
	
			/* ---- / ---- SEARCH ---- / ---- */
	
			.search-form {
				width: 100%;
				float: none;
				margin: 0 auto;
				text-align: center;
			}

			/* ---- / ---- CABEZERA ---- / ---- */

			.boxes-numbers ul li {
				width: 20%;
				margin-right: 6%;
			}

			.boxes-numbers h3  {
				font-size: 50px;
			}
	
	
			/* ---- / ---- CHECKBOXES ---- / ---- */
	
			form.checkbox-field {
			width: 10%;
			}
	
			.checkbox-field {
				text-align: left;
			}
			
	
			
	
			/* ---- / ---- CABEZERAS ---- / ---- */
	
			.cabezera-left {
				float: none;
				width: 100%;
			}
	
			.cabezera-right {
				float: none;
				width: 100%;
	
				margin-left: 0;
				margin-top: 30px;
			}
	
			.cabezera-left a.leer-mas {
				margin-top: 0px;
			}


			/* ---- / ---- GRAPHS-LEFT & RIGHT ---- / ---- */
	
			.graphs-left, .graphs-right {
				float: none;
				width: 100%;
				margin-left: 0px;
			}


			/* ---- / ---- HASHTAGS ---- / ---- */
	
			.hashtags-top {
				padding-left: 35%;
			}


			/* ---- / ---- TWITTER FEED ---- / ---- */
	
			.twitter-timeline {
				width: 100%;
			}

	
			/* ---- / ---- CHECKBOXES ---- / ---- */
	
			#canvasline-1 {
				display: none;
			}
	
			#canvasline-2 {
				display: block;
			}
	
			#chartdiv {
				width: 80%;
			}




}








/* ------------------------------------------------
   -------------- VIEWPORT = 767px ----------------
   --------------------------------------------- */
@media screen and (max-width: 767px) {



			/* ---- / ---- HEADER ---- / ---- */
	
			h1.logotipo {
				width: 150px;
				height: 34px;
				background: url("img/logo2small.png") no-repeat;
				text-indent: -9999px;
				}
	
			.h1-container {
				margin-top: 10px;
				margin-right: 0px;
			}
			
			nav ul li {
				margin-right: 7%;
			}
	
			av ul li:last-child {
				margin-right: 0px;
			}
	
			form {
				text-align: left;
				position: relative;
				left: 15px;
			}
			
			.search-form {
				width: 100%;
				position: relative;
				left: 0;
			}
	
			.search_input {
				width: 80%;
				margin-left: 0px;	
				padding-left: 0px;	
				height: 50px;
			}
	
			.search_button {
				margin-top: 10px;
			}

			a.close {
				margin-left: 12%;
			}


			
			/* ---- / ---- CABEZERA ---- / ---- */

			.boxes-numbers ul li {
				margin-right: 6%;
			}

			.boxes-numbers h3  {
				font-size: 40px;
			}


			/* ---- / ---- HASHTAGS ---- / ---- */
	
			.hashtags-top {
				padding-left: 25%;
			}
	
			.checkbox-field {
				margin-left: 10%;
			}

	
			/* ---- / ---- TABS ---- / ---- */

			ul.resp-tabs-list {
        	display: none;
   			}
	
   			h2.resp-accordion {
   			    display: block;
   			}
	
   			.resp-vtabs .resp-tab-content {
   			    border: 1px solid #C1C1C1;
   			}
	
   			.resp-vtabs .resp-tabs-container {
   			    border: none;
   			    float: none;
   			    width: 100%;
   			    min-height: initial;
   			    clear: none;
   			}
   			.resp-accordion-closed {
   			    display:none !important;
   			}
   			.resp-vtabs .resp-tab-content:last-child {
   			    border-bottom: 1px solid #c1c1c1 !important;
   			}
	
   			.first-tab, .second-tab, .third-tab {
				margin: 0px 3%;
			}


			/* ---- / ---- GRAPHICS ---- / ---- */
				
			#canvasline-2 {
				display: none;
			}
	
			#canvasline-3 {
				display: block;
			}
			
			#chartdiv {
        	    width: 150px;
            font-size: 16px;
        	}
	
        	text>tspan {
        	    font-size: 16px;
        	}

        	.sub-block-2-2 {
				width: 48.7%;
			}
	
			
	
}


@media screen and (max-width: 450px) {
		
	/*body {
		background: black;
	}	*/

		.search-form  {
			width: 95%;
		}

		.search_button {
			margin-left: 2%;
		}

		a.close {
			margin-left: 3%;
		}
		
		#chartdiv {
            width: 50px;
            font-size: 16px;
        }

        .sub-block-2-2 {
			width: 40%;
		}

		nav {
			margin-left: 3px;
		}
	
		nav ul li {
			margin-right: 4%;
		}
	
		.carrusel-galeria {
			width: 85%;
		}
	
		#canvasline-3 {
			display: none;
		}
	
		#canvasline-4 {
			display: block;
		}

		/* ---- / ---- CABEZERA ---- / ---- */
			
			.boxes-numbers {
				text-align: center;
			}

			.boxes-numbers ul li {
				width: 80%;
				display: block;
				margin: 0 auto;
				text-align: left;
				padding-bottom: 20px;
				border-bottom: 2px solid #f2f2f2;
			}

			 .boxes-numbers ul li:last-child {
			 	display: block;
				margin: 0 auto;
			 }
		
		/* ---- / ---- MOSAICS ---- / ---- */

		.first-tab {
    		height: 300px;
    	}
		
		.first-tab .block-1, block-2 {
    		width: 59%;
    		height: 100%;
    	}

    	sub-block-1 span, .sub-block-2-1 span, .sub-block-2-2 span, .sub-block-3 span, .sub-block-4 span {
    		font-size: 14px;
    	}

    	.sub-block-2-2 {
    		width: 47.5%;
    	}

	
}