@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$="agenda.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;
		}


		
		











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

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

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

		/* Form */

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

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

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

		.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;
		}

		/* Comparador */

		.comparador-container {
			width: 25%;
			float: left;
			margin-left: 2%;
		}

		.comparador {
			display: inline-block;
			cursor: pointer;
			background-color: #A1CEE4; /* Brand Colors - Light Blue - 59AAD1*/
			color: #fff;
			border: none;
			height: 45px;
			padding: 0px 10%;

	
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
	
	    	-moz-box-shadow:    inset 0 -3px 0px rgba(0,0,0,0.15);
        	-webkit-box-shadow: inset 0 -3px 0px rgba(0,0,0,0.15);
        	box-shadow:         inset 0 -3px 0px rgba(0,0,0,0.15);

        	-webkit-transition: all 0.1s;
			-moz-transition: all 0.1s;
			transition: all 0.1s;
	
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 0.75px;
			line-height: 45px;
			font-size: 14px;
			font-weight: bold;
			font-family: 'Montserrat', sans-serif;
		}

		.comparador:hover {
	    	-moz-box-shadow:    inset 0 -2px 0px rgba(0,0,0,0.15);
        	-webkit-box-shadow: inset 0 -2px 0px rgba(0,0,0,0.15);
        	box-shadow:         inset 0 -2px 0px rgba(0,0,0,0.15);
        	position: relative;
        	top: 1px;
		}

		.comparador:active {
			-moz-box-shadow:    inset 0 0px 0px rgba(0,0,0,0.15);
        	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.15);
        	box-shadow:         inset 0 0px 0px rgba(0,0,0,0.15);
        	top: 3px;
		}



		a.close {
			display: none; 
			cursor: pointer;
			margin-top: 12px;
		}










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

#cabezera {
	width: 100%;
} 

.cabezera-content {
	margin: 0 auto;
}

		/* Left */

		.cabezera-left {
			width: 73%;
		    float: left;
		    background-color: rgba(243, 243, 243, 1); /* Brand Colors - Light Grey */
		    position: relative;
		}

		.cabezera-left h2 {
			padding: 10px 0px 10px 20px;
			background-color: #e34134; /*rgba(239, 89, 68, 1); /* Brand Colors - Red */	
			font-family: 'Montserrat', sans-serif;
			font-size: 24px;
			line-height: 32px;
			font-weight: normal;	
			color: #fff;
			text-wrap: pre;
		}

		.cabezera-left p {
			padding: 20px 20px 15px 20px;
			text-wrap: pre;
		}

		.cabezera-left a.leer-mas {
			float: right;
			padding-right: 40px;
			margin-top: 25px;
			margin-bottom: 10px;
			color: #b5d6db; /* Brand Colors - Light Blue */
		}

		.cabezera-left a.leer-mas:after {
			margin-left: 5px;
			content: ">"
		}
		
		.cabezera-left a.leer-mas:hover {
			text-decoration: underline;
		}


		.cabezera-left .compartir {
			border-top: #fff 5px solid; /* White border */
			margin-top: 25px;
			margin-bottom: 10px;
		} 

		.difunde:before {
			content:url(img/megafone.png);
			margin-right: 10px;
			position: relative;
			top: 4px;
		}

		.compartir p {
			float: left;
			font-size: 18px;
			margin-right: 20px;
		}

		.compartir ul {
			float: left;
		}

		.compartir ul li {
			display: inline-block;
			margin-top: 20px;
			margin-right: 10px;
		}

		.compartir ul li img {
			width: 25px;
		}


		/* Right */

		.cabezera-right {
			width: 25%;
			float: left;
			margin-left: 2%;
			background-color: rgba(243, 243, 243, 1); /* Brand Colors - Light Grey */
		}

		.cabezera-right h2 {
			padding: 10px 0px 10px 20px;
			background-color: #e34134; /*rgba(239, 89, 68, 1); /* Brand Colors - Red */	
			font-family: 'Montserrat', sans-serif;
			font-size: 24px;
			line-height: 32px;
			font-weight: normal;	
			color: #fff;
			text-wrap: pre;
		}

				/* Detalles */

				.right-data-hora {
					width: 30%;
					float: left;
					text-align: center;
				}

				/* Data y hora */			  

				.data {
					border-bottom: #fff 5px solid; /* White border */
					line-height: 30px;
					padding: 10px 0px;
					border-right: #fff 5px solid; /* White border */
				}

				.dia {
					font-size: 30px;
				}

				.mes {
					font-size: 18px;
					text-transform: uppercase;
				}

				.ano {
					font-size: 18px;
				}

				.hora {
					font-size: 18px;
					padding: 10px 0px;
					border-right: #fff 5px solid; /* White border */
				}
				
				.menciones {
					text-align: center;
					line-height: 30px;
					padding-top: 50px;
					border-bottom: #fff 5px solid; /* White border */

				}
				.menciones-numero {
					font-size: 36px;
				}
	
				.localizacion {
					padding: 15px 0px;
					text-align: center;
				}

				.localizacion p:before {
					content:url(img/localizacion.png);
					margin-right: 10px;
					position: relative;
					top: 4px;
				}










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

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

.galeria-content {
	margin: 0 auto;
	background-color: rgba(243, 243, 243, 1); /* Brand Colors - Light Grey */
}


		/* ----- Galeria, Photo Slider----- */

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

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










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

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

.graphs-content {
	margin: 0 auto;
}


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

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


		/* TWITTER FEED */

		.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;
		}

		.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: 30px;
		}

		.box-feed-1 {
			width: 100%;
			height: 55px;
			background: #3a3a3a;
			text-align: center;
			cursor: pointer;
			transition: background 0.5s;
			-webkit-transition: background 0.5s;
			-moz-transition: background 0.5s;
			-o-transition: background 0.5s;
		}

		.box-feed-1:hover {
			background: #e34134;
		}

		.box-feed-1 p {
			position: relative;
			top: 30%;
			color: #fff;
			font-size: 18px;
			font-family: 'Montserrat', sans-serif;
		}

		.box-feed-1 p:before {
			content:url(img/nodatosdisponibles.png);
			margin-right: 2%;
		} 




		/* ----- Graphs Content ----- */
		/* --------- RIGHT -------- */

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

		.graphs-right h2 {
			padding: 10px 0px 10px 20px;
			background-color: #e34134; /*rgba(239, 89, 68, 1); /* Brand Colors - Red */	
			font-family: 'Montserrat', sans-serif;
			font-size: 24px;
			line-height: 32px;
			font-weight: normal;	
			color: #fff;
			text-wrap: pre;

		}
		
		/* MAP */

		#map {
			width: 100%;
			height: 835px;
		}

		.map-action ul {
			background: #f2f2f2;
			padding: 20px 0px;
			padding-left: 20px !important; 
		} 

		.map-action ul li {
			display: inline-block;
			margin-right: 1%; 
		}

		#hand_b {
			width:31px;
			height:31px;
			background-image: url(img/move-normal.jpg);
		}
		#hand_b.selected {
			background-image: url(img/move-normal.jpg);
		}
		
		#placemark_b {
		 	width:31px;
		 	height:31px;
		 	background-image: url(img/place-normal.jpg);
		}

		#placemark_b.selected {
			background-image: url(img/place-active.jpg);
		}
		
		#line_b {
			width:31px;
			height:31px;
			background-image: url(img/line-normal.jpg);
		}

		#line_b.selected {
			background-image: url(img/line-active.jpg);
		}
		
		#shape_b {
			width:31px;
			height:31px;
			background-image: url(img/area-normal.jpg);
		}
		#shape_b.selected {
			background-image: url(img/area-active.jpg);
		}










/* ------------------------------ 
--------- MANIFESTACIONES -------
--------------------------------- */

#manifestaciones {
	width: 100%;
    position: relative;
    margin: 40px 0px; 
} 

.graphs-content {
	margin: 0 auto;

}

		/* BOXES */

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

		.box-manifestaciones {
			width: 100%;	
			text-align: center;
		}

				.sub-box-manifestaciones {
					display: inline-block;
					background: #ebebeb;
					width: 19%;
					margin-top: 20px; 
					margin-right: 1%;
					padding: 30px 30px;
					text-align: left;
					color: #303030;
				}
		
				.sbm3 {
					margin-right: 0px !important;
				}

				/* 	DETAILS */

				.manifestaciones-title {
					font-size: 18px;
					font-weight: bold;
					color: #343a3b;
					margin-bottom: 15px;
				}

				.manifestaciones-date {
					color: #ed5a43;
					font-weight: bold;
					margin-bottom: 15px;
				}

				.sub-box-manifestaciones a {
					float: right;
					color: #00abd1;
					margin-top: 15px;
				}

				.sub-box-manifestaciones a:after {
					content: ">";
					margin-left: 5px;
					text-decoration: none !important;
				}


				.sub-box-manifestaciones p {
					margin: 7.5px 0px;
				}

				.manifestaciones-place:before {
					content:url(img/manifestacionesplace.png);
					margin-right: 5px;
					position: relative;
					top: 4px;
				}

				.manifestaciones-hour:before {
					content:url(img/manifestacioneshour.png);
					margin-right: 5px;
					position: relative;
					top: 4px;
				}

				.manifestaciones-hashtag:before {
					content:url(img/manifestacioneshashtag.png);
					margin: 4px;
					position: relative;
					top: 4px;
				}
				



		
	








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

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


.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 --------
--------------------------------- */


@media screen and (max-width: 1301px) {

		/*body { background: red;}*/

		/* -------- Search -------- */

		a.avanzada {
			display: none; /* Hide búsqueda avanzada */
		} 

		.comparador {
			padding: 7px 15%;
		}

		.cabezera-left .compartir {
				margin-top: 5px;
		}
	
}

@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;
			}

		.center-comparador {
			max-width: 940px;
		}

		.comparador-container {
			padding-top: 20px;
			width: 100%;
			margin-left: 0;
			text-align: center;
		}

		.comparador {
			display: inline-block;
			cursor: pointer;
			background-color: #A1CEE4; /* Brand Colors - Light Blue - 59AAD1*/
			color: #fff;
			border: none;
			height: 45px;
			padding: 0px 25%;

	
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
	
	    	-moz-box-shadow:    inset 0 -3px 0px rgba(0,0,0,0.15);
        	-webkit-box-shadow: inset 0 -3px 0px rgba(0,0,0,0.15);
        	box-shadow:         inset 0 -3px 0px rgba(0,0,0,0.15);

        	-webkit-transition: all 0.1s;
			-moz-transition: all 0.1s;
			transition: all 0.1s;
	
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 0.75px;
			line-height: 45px;
			font-size: 14px;
			font-weight: bold;
			font-family: 'Montserrat', sans-serif;
		}

		.comparador:hover {
	    	-moz-box-shadow:    inset 0 -2px 0px rgba(0,0,0,0.15);
        	-webkit-box-shadow: inset 0 -2px 0px rgba(0,0,0,0.15);
        	box-shadow:         inset 0 -2px 0px rgba(0,0,0,0.15);
        	position: relative;
        	top: 1px;
		}

		.comparador:active {
			-moz-box-shadow:    inset 0 0px 0px rgba(0,0,0,0.15);
        	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.15);
        	box-shadow:         inset 0 0px 0px rgba(0,0,0,0.15);
        	top: 3px;
		}

		a.close {
			display: block; 
			float: left;
			margin-right: 15px;
			margin-left: 20%;	
		}

		a.close:hover {
			text-decoration: underline;
		}

		.checkbox-field {
			text-align: left;
		}
		

		

		/* -------- Cabezera - Right -------- */

		.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;
		}

		/* -------- Twitter Feed -------- */

		.graphs-left, .graphs-right {
			float: none;
			width: 100%;
			margin-left: 0px;
		}

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

		.twitter-timeline {
			width: 100%;
		}

		/* -------- Graphics -------- */

		#canvasline-1 {
			display: none;
		}

		#canvasline-2 {
			display: block;
		}

		#chartdiv {
			width: 80%;
		}



		/* NEWS FICHA */


		.box-feed-1 {
			margin-bottom: 60px;
		}

		box-manifestaciones {
			background: purple;
			text-align: left;
		}
	
		.sub-box-manifestaciones {
			width: 85%;
			margin: 15px 0px;
		}

		.sub-box-manifestaciones a {
			margin-top: -10px;
		}	



	


}


/* ------------------------------------------------
   -------------- 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 - Left -------- */

		.compartir p {
			float: none;
		}

		.compartir ul {
			margin-left: 20px;
			margin-bottom: 10px;
			position: relative;
			top: -15px;
		}

		/* -------- Twitter Feed and Graphs -------- */

		.hashtags-top {
			padding-left: 25%;
		}

		.checkbox-field {
			margin-left: 10%;
		}

		/* -------- Graphics -------- */
			
		#canvasline-2 {
			display: none;
		}

		#canvasline-3 {
			display: block;
		}

		/* 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%;
		}

		/* -- ----- ---- */

		#chartdiv {
            width: 150px;
            font-size: 16px;
        }

        text>tspan {
            font-size: 16px;
        }

}


@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;
	}
}