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


	.whitediv {
		width: 100%;
		height: 1px;
	}











/* ------------------------------ 
------------ 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;
			/*text-align:center;*/
			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-right: 5px;
			margin-top: 18px;
		}

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

		.login a:hover {
			text-decoration: underline;
		}
		
		a.dolores {
			padding-right: 50px;
			position: relative;
			bottom: 11.5px;
			left: 80px;
		}

		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: #09c;
		} 

		.search_input {
			width: 76%;
			height: 35px;
			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 !important;
		}



		.search_button {
			width: 35px;
			height: 35px;
			position: absolute; /* Align to the Right */
			margin-right: 4%;
			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:before {
			content:url(img/comparador.png);
			position: relative;
			top: 5px;
			margin-right: 3.5%;
		}

		.comparador {
			width:100%;
			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: 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: #59AAD1;
		}

		.cabezera-left a.leer-mas:after {
			margin-left: 5px;
			content: ">"
		}
		
		.cabezera-left a.leer-mas:hover {
			color: #09C;
		}


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

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










/* ------------------------------ 
---- TWITTER FEED AND GRAPHS ----
--------------------------------- */

#graphs {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 30px;
    /*background: green;*/ /* Remove this */
} 

.graphs-content {
	margin: 0 auto;
}


		/* ----- Graphs Content ----- */
		/* --------- LEFT -------- */

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

		.hashtag-title, .twitter-title {
			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;
		}

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

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

		.sub-selection {
			padding-left: 25px;
		}

		.hashtags-bottom {
			background-color: rgba(243, 243, 243, 1); /* Brand Colors - Light Grey */
			margin-bottom: 30px;
			padding: 20px 0px 20px 30px;
		}

		.hashtags-bottom a {
			font-size: 16px;
			margin-top: 25px;
			color: #59AAD1; /* Brand Colors - Light Blue */
		}

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

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

		/* Tabs - Setting */

		.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;
    		margin-bottom: -1px !important;*/
    		/*padding: 12px 14px 14px 14px !important;*/
		}

		.resp-tab-active {
			border-bottom: none;
    		background: #e34134; /*rgba(239, 89, 68, 1); /* 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; /*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;
		}

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

































		/* Graphics */

		#canvasline-2 {
			display: none;
		}

		#canvasline-3 {
			display: none;
		}

		#canvasline-4 {
			display: none;
		}

		/* 2nd Graph */

		.hello {
        	height: 400px;
        	/*display: block;*/
    	}

    	#chartdiv {
        	height: 100%;th
    	}


    	/* 3rd Tab */

    	.third-tab {
    		height: 400px;
    	}

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

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

    	.sub-block-2 {
    		width: 100%;
			height: 48%;
			background: #b23847;
			text-align: center;
    	}

    	.sub-block-3 {
    		width: 100%;
			height: 15%;
			background: #c9d28e; 
			text-align: center;
			border-top: 4px solid white;
    	}


    	.third-tab .block-2 {
    		width: 48%;
    		height: 100%;
    		display: block;
    		float: left;
    		background: #D15A47;
    		text-align: center;
    	}
		
		.sub-block-1 span, .sub-block-2 span, .sub-block-3 span, .block-2 span {
    		position: relative;
    		top: 45%; 
    		font-family: 'Montserrat', sans-serif;
			font-size: 18.5px;
			letter-spacing: 0.65px;
			color: #000000;
			opacity: 0.6;

    	}

		
		/* Map */

		#map_canvas {
			width: 100%;
			height: 475px;
			float:left;
		}










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

footer {
	width: 100% !important;
	height: 275px;
	margin-top: 50px;
}


.footer-content {
	margin: 0 auto;
	text-align: center;
	background: #3c3c3c;
	clear: both;
	padding-bottom: 50px;
}

		/* 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: 0px 5%;
		}

		.cabezera-left .compartir {
				margin-top: 5px;
		}
		.search_input {
			width: 90%;
		}
	
}

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

		
		/* -------- Header -------- */
		
		.h1-container {
			margin-left: 20px;
		}

		.login {
			margin-right: 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;
		}

		a.dolores {
			left: 0px;
		}
		


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

		.search-form {
			width: 100%;
			float: none;
			margin: 0 auto;
			text-align: center;
		}
		
		.search_input {
			width: 90%;
			float:left;
		}

		form.checkbox-field {
			width: 10%;
		}

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

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

		.comparador {
			float: left;
		}

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

			.comparador {
			float: right;
						width: 60%;

		}
	



	


}


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

/*		body {background: yellow;}  */


		/* -------- Header -------- */
		
		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 {
			margin-left: 0px;	
			padding-left: 0px;	
			height: 50px;
		}

		.search_button {
			margin-top: 10px;
		}


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

		.wrapper {
		padding: 0px 15px; 
	}




		

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

        .login {
			width: 100%;
		}

		a.dolores {
			padding-right: 0;
			margin-left: 40px; 
		}






	nav {
		margin-left: 3px;
	}

	nav ul li {
		margin-right: 4%;
	}

	.carrusel-galeria {
		width: 85%;
	}

	#canvasline-3 {
		display: none;
	}

	#canvasline-4 {
		display: block;
	}
}