@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

* {margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;font-weight:400;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style:none}

body  {width:100%;overflow-x:hidden;color:#4E4C52;}
	.bodyinterior {background:#FFF;}

.alinear_izquierda{text-align:left !important}
.alinear_derecha{text-align:right !important}
.flota_izquierda{float:left !important}
.flota_derecha{float:right !important}
.alinear_centro{text-align:center !important}
.clear{clear:both;}
em{font-style:normal}
strong{font-weight:600}

.blue {color: #00603e !important}
.bblue {background: #00603e !important}
.red {color: #00603e !important}
.bred {background: #00603e !important}
	
a:link,a:active,a:visited,a:hover{text-decoration:none;color:#00603e;outline:none;transition: all 0.15s ease-in-out;}

.msgcookie{display:block;position:fixed;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,0.8);color:#fff;font-size:12px;line-height:135%;z-index:10001;border-top:1px solid #FFF}
	.msgcookie p{margin:0;padding:10px;text-align:center}
	.msgcookie p a:link,.msgcookie p a:active,.msgcookie p a:visited,.msgcookie p a:hover{color:#000;display:inline-block;background:#FFF;margin:10px 5px;padding:5px 10px;text-decoration:none;opacity:0.5;}
	.msgcookie p a:hover{opacity:1}

.contenedor{width:1140px;margin:0 auto;position:relative}

	.header{background:#FFF;z-index:100001;padding:0;margin:0;display:inline;float:left;position:relative;width:100%;text-align:left;}
		.logo{float:left;display:inline;margin:0;margin:13px 0;text-align:left;}
			
		.opciones {height:30px;float:right;display:inline;width:100%;background:#f2f2f2}
			.opciones ul{list-style:none;float:right}
				.opciones ul li{float:left;margin:0;position:relative;overflow:hidden;border-left:1px solid #e2e2e2;}
					.opciones ul li i {margin-right:5px}
					.opciones ul li a:link,.opciones ul li a:active,.opciones ul li a:visited{color:#4E4C52;font-size:12px;display:block;height:30px;padding:0 10px;line-height:30px;}

	section {display:inline;float:left;margin:0;width:100%;clear:both;padding:0;}
		
		a.vermas{display:inline-block;color:#FFF;text-decoration:none;background:#00603e;text-align:center;padding:0 20px;height:30px;line-height:30px;font-size:14px;}
			
		.headseccion {display:inline;float:left;width:100%;background:#00603e;}
				.headseccion h2 {color:#FFF;font-weight:300 !important;font-size:36px;line-height:100%;padding:30px 0}
				
				.data {display:inline;float:left;width:100%;padding:30px 0;font-size:13px}
				
				form.usuarios{margin:30px 0;border:0;text-align:left;clear:both;padding:10px 0 0 0;width:100%;float:left}
					.usuarios fieldset {margin:0 0 30px 0;padding:50px 0 0 0;border:1px solid #E9EBED;position:relative}
						.usuarios legend {background:#E9EBED;font-weight:600;font-size:18px;padding:7px 20px;position:absolute;left:0;top:0}
						.usuarios > fieldset > div {width:50%;float:left;color:#4E4C52;padding:0 20px 20px 20px;margin:0 !important;position:relative}
							.completo {width:100% !important;}
						
							.usuarios label {display:block;font-size:13px;margin:0 0 5px 0;text-align:left;font-weight:600}
								.usuarios input[type=file],.usuarios input[type=password],.usuarios input[type=text],.usuarios input[type=email],.usuarios input[type=tel],.usuarios select {width:100%;border:1px solid #E9EBED;padding:10px;font-size:13px;transition:0.2s all linear}
								.usuarios input[type=file]:hover,.usuarios input[type=password]:hover,.usuarios input[type=text]:hover,.usuarios input[type=email]:hover,.usuarios input[type=tel]:hover,.usuarios select:hover,.usuarios textarea:hover {border:1px solid #666}
								.usuarios input[type=checkbox] {vertical-align:middle;margin:0 5px 0 0}
								.usuarios textarea {width:100%;border:1px solid #E9EBED;padding:10px;font-size:13px;transition:0.2s all linear;height:100px}
						
								.usuarios input.enviar {font-size:13px;font-weight:600;line-height:26px;background:#00603e;padding:0 10px;color:white;border:0;height:36px;width:120px;cursor:pointer;text-transform:uppercase}
						
								input.error,textarea.error,select.error{border:1px solid red !important}
								label.error {position:absolute;right:20px;top:0;width:15px;height:15px;text-indent:50px;overflow:hidden;line-height:30px;text-align:center;color:#FFF;background:red;border-radius:100%}
						
						p.noenviado {clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:5px 0 20px 0;font-size:16px;color: #D8000C;background-color: #FFBABA;position:relative}
						p.enviado {clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:5px 0 20px 0;font-size:16px;color: #270;background-color: #DFF2BF;position:relative}
						p.alerta{clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:5px 0 20px 0;font-size:16px;color: #9F6000;background-color: #FEEFB3;position:relative}
						p.info{clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:5px 0 20px 0;font-size:16px;color: #059;background-color: #BEF;position:relative}
						
						p.noenviado:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f057";}
						p.enviado:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f058";}
						p.alerta:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f071";}
						p.info:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f05a";}
						
						
						
					#mapa,#mapa2{width:100%;height:300px;float:left;display:inline;margin:20px 0;background:#E9EBED;}
						.overlay{width:200px;display:block;text-align:center;color:#fff;opacity:0.8;background:#00603e;border:solid 3px #00603e;border-radius:4px;box-shadow:2px 2px 10px #333;text-shadow:1px 1px 1px #666;padding:4px;}
						.overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute;}
						.overlay_arrow.above{bottom:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #00603e;}
						.overlay_arrow.below{top:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #00603e;}
						
					.esmapa {padding:0 35px 35px 35px;width:100% !important;position:relative}
						.arrow-up {width: 0; height: 0; border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #E9EBED;margin-left:50px}
						.bubble {border-radius:5px;background:#E9EBED;padding:20px;font-size:11px}
							.bubble input[type=text] {max-width:80%;height:30px;padding:0 10px;margin-bottom:5px}
							.bubble input[type=button] {width:20%;height:30px;margin-bottom:5px}
							#mapaincidencia {display:inline;float:left;width:100%;background:#FFF;height:300px;margin-bottom:5px}
							#lopd {font-size:13px;line-height:135%;margin:30px}
					
					h1 {text-align:center;font-size:39px;margin:0 0 10px 0;font-weight:300}
					.dest {border:1px solid #ccc;background:#E9EBED;padding:10px;font-size:15px;margin:0 0 30px 0}
					.minidest {border:1px solid #ccc;position:relative;width:48%;display:inline;padding:30px 20px 20px 20px;border-radius:4px;margin:20px 0 20px 0;line-height:135% !important}
						.minidest > i {width:50px;height:50px;position:absolute;background:#CCC;line-height:50px;text-align:center;border-radius:100%;top:-25px;left:10px;font-size:24px;color:#FFF}
						.conp p {margin:20px 0 0 0;padding:0 0 20px 0;border-bottom:1px solid #E9EBED;transition:0.5s font-size;line-height:135% !important}
						.conp p:hover {font-size:18px}
						.conp p:last-child {padding:0 !important;border:0 !important}
							.conp p i {margin:0 5px 0 30px;color:#ccc}
							.conp p i:first-child {margin-left:0 !important}
							
							.conp span.blanco {padding:10px 15px 15px 15px;width:100% !important;position:relative;display:block;}
								.conp span.bubble2 {border-radius:5px;background:#E9EBED;padding:20px;width:100%;display:block;margin:0 !important;line-height:135% !important}
									.bubble2 i {margin-left:0 !important;}
									.arrow-up2 {width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #E9EBED;position:absolute;top:3px;left:20px}
	
	footer{clear:both;background:#2F76BD;display:inline;float:left;width:100%;margin:20px 0 0 0;position:relative;z-index:101}
		.logopie {width:90px;height:90px;background:url(images/sadapie.png) 50% 50% no-repeat;position:absolute;top:0;left:50%;margin:0 0 0 -45px;z-index:102;}
		.datos {padding:50px 0 10px 0;text-align:center;color:#fff;font-size:11px;border-top:50px solid #FFF;}
			.datos a:link,.datos a:active,.datos a:visited {color:#FFF;text-decoration:none;}
		
		

		
	@media only screen and (min-width: 960px) and (max-width:1139px) 
	{
		.contenedor{width:960px;}
		
		/*.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited{padding:0 8px;}*/
			/*.menu ul ul a:link,.menu ul ul a:active,.menu ul ul a:visited{background:url(images/li.png) 10px 10px no-repeat;font-size:12px;color:#000;display:block;height:auto;padding:7px 15px 7px 24px;line-height:100%;width:100%;}*/
		
		.noticia:nth-child(1) {width:610px;height:400px;}
		.noticia:nth-child(2) {width:330px;height:190px;}
		.noticia:nth-child(3) {width:330px;height:190px;}
		
		.cl {width:630px}
		.cl2 {width:630px}
		.cr {width:310px;}
		
		.entrada {width:305px}
			.entrada_foto {width:100%;}
			.entrada_data {width:100%;}
		
		.plenos li div {font-size:12px;}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 959px) 
	{
		.contenedor{width:768px;}
		
		.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited{font-size:12px;padding:0 10px;}
			.menu ul ul a:link,.menu ul ul a:active,.menu ul ul a:visited{font-size:12px;color:#000;display:block;height:auto;padding:7px 7px 7px 30px;line-height:110%;width:100%;text-transform:none !important}
				.menu ul li i {position:absolute;left:10px;}
		
		.noticia:nth-child(1) {width:100%;height:400px;}
		.noticia:nth-child(2) {width:375px;height:190px;margin:18px 18px 0 0 !important;float:left}
		.noticia:nth-child(3) {width:375px;height:190px;margin:18px 0 0 0}
		
		.cl {width:438px}
		.cl2 {width:438px}
			
		.entrada {width:100%;}
			.entrada_foto {width:100%;}
			.entrada_data {width:100%;}
		
		.plenos li div {font-size:12px;}
	}

	@media only screen and (min-width: 480px) and (max-width: 767px) 
	{
		.contenedor{width:480px;}
		
		.headseccion {display:none}
		
		a.toggle{display:block !important;display:block;width:40px !important;height:40px !important;background:rgba(255,255,255,0.20) url(images/toggle.png) 50% 0 no-repeat !important;overflow:hidden;text-indent:-250px;position:absolute;left:0;top:0}
		a.toggleopciones{display:block !important;display:block;width:40px !important;height:30px !important;background:rgba(0,0,0,0.20) url(images/toggle.png) 50% 50% no-repeat !important;overflow:hidden;text-indent:-250px;position:absolute;right:0;top:0}
		
		.opciones nav {position:absolute;right:0;top:30px;background:#fff;z-index:10001;display:none}
			.opciones nav li {float:none;border-left:0 !important;border-bottom:1px solid #e2e2e2 !important}
		
		.menu {border:0 !important}
		.menu ul {display:none;position:static;clear:both;margin:40px 0 0 0;background:#00603e;width:100%;overflow:hidden}
			.menu ul ul {display:block !important;left:auto;position:static;clear:both;width:100% !important;margin:0 !important}
			.menu li {float: none; display: block;padding:0;position:relative;width:100%;clear:both;margin:0 !important;width:100%;}
				.menu li a:link,.menu li a:active,.menu li a:visited {width:100% !important;min-width:100% !important;max-width:100% !important;display:block;border-bottom:1px solid #f2f2f2;font-size:12px !important;background:url(images/bg_top.png) !important;text-indent:0 !important;margin:0 !important;padding: 10px 10px 10px 40px}
				
		.agenda h2 {padding:0 10px;font-size:14px;}
		.ticker-container {padding:0 0 0 90px}
			.ticker-text a{font-size:11px;}
				.ticker-text a i:nth-child(2) {margin-left:15px !important}
		
		.noticia:nth-child(1) {width:100%;height:300px;}
		.noticia:nth-child(2) {width:100%;height:190px;margin:10px 0 0 0 !important;float:left}
		.noticia:nth-child(3) {width:100%;height:190px;margin:10px 0 0 0}
		
		.cl {width:100%}
		.cl2 {width:100%}
		.cr {width:100%;}
			
		.entrada, .entrada_foto, .entrada_data {width:100%;}
		
		.cr h2 {min-height:50px}
		.bannersd {background-size:100% auto !important;background-position:100% 100% !important}
		.banners li {width:153px}
		
		.cats li {width:410px;}
		
		.plenos li div {font-size:12px;}
		.plenos li:nth-child(1n+2) div strong {display:block;}
			.plenos li div:nth-child(1) {width:50%}
			.plenos li div:nth-child(2) {width:50%}
			.plenos li div:nth-child(3) {width:50%}
			.plenos li div:nth-child(4) {width:50%}
			.plenos li div:nth-child(5) {width:100%}
		
		.content h2 {font-size:20px;}
			.big {font-size:26px !important;padding:0 0 0 50px;min-height:50px;}
				.big i {width:30px;height:30px;line-height:30px;font-size:18px}
					.content h3 {font-size:16px;}
	}

	@media only screen and (max-width: 479px) 
	{
		.contenedor{width:300px;}
		
		.headseccion {display:none}
		
		.logo h1 a {background-size:300px auto !important}
		
		a.toggle{display:block !important;display:block;width:40px !important;height:40px !important;background:rgba(255,255,255,0.20) url(images/toggle.png) 50% 0 no-repeat !important;overflow:hidden;text-indent:-250px;position:absolute;left:0;top:0}
		a.toggleopciones{display:block !important;display:block;width:40px !important;height:30px !important;background:rgba(0,0,0,0.20) url(images/toggle.png) 50% 50% no-repeat !important;overflow:hidden;text-indent:-250px;position:absolute;right:0;top:0}
		
		.opciones nav {position:absolute;right:0;top:30px;background:#fff;z-index:10001;display:none}
			.opciones nav li {float:none;border-left:0 !important;border-bottom:1px solid #e2e2e2 !important}
		
		.menu {border:0 !important}
		.menu ul {display:none;position:static;clear:both;margin:40px 0 0 0;background:#00603e;width:100%;overflow:hidden}
			.menu ul ul {display:block !important;left:auto;position:static;clear:both;width:100% !important;margin:0 !important}
			.menu li {float: none; display: block;padding:0;position:relative;width:100%;clear:both;margin:0 !important;width:100%;}
				.menu li a:link,.menu li a:active,.menu li a:visited {width:100% !important;min-width:100% !important;max-width:100% !important;display:block;border-bottom:1px solid #f2f2f2;font-size:12px !important;background:url(images/bg_top.png) !important;text-indent:0 !important;margin:0 !important;padding: 10px 10px 10px 40px}
		
		.noticia:nth-child(1) {width:100%;height:200px;}
		.noticia:nth-child(2) {width:100%;height:180px;margin:10px 0 0 0 !important;float:left}
		.noticia:nth-child(3) {width:100%;height:180px;margin:10px 0 0 0}
			.noticia h3 {max-width:100%}
			.noticia:nth-child(1) h3 a:link,.noticia:nth-child(1) h3 a:active,.noticia:nth-child(1) h3 a:visited {font-size:13px;}
		
		.cl,.cl2,.cr {width:100%;}
			
		.entrada, .entrada_foto,.entrada_data {width:100%;}
		
		.agenda h2 {padding:0 10px;font-size:12px;}
			.agenda h2 i {display:none}
		.ticker-container {padding:0 0 0 60px}
			.ticker-text a{font-size:11px;}
				.ticker-text a i:nth-child(2) {margin-left:5px !important}
		
		.content p img {width:100%;height:auto;}
		
		.cats li {width:230px;}
		
		.datos li {width:100%;text-align:center !important}
		
		.plenos li div {font-size:12px;}
		.plenos li:nth-child(1n+2) div strong {display:block;}
		.plenos li div:nth-child(1) {width:50%}
			.plenos li div:nth-child(2) {width:50%}
			.plenos li div:nth-child(3) {width:50%}
			.plenos li div:nth-child(4) {width:50%}
			.plenos li div:nth-child(5) {width:100%}
			
			
		.banners li {width:145px}
		
		.content h2 {font-size:20px;}
			.big {font-size:23px !important;padding:0 0 0 50px;min-height:50px;}
				.big i {width:30px;height:30px;line-height:30px;font-size:18px}
					.content h3 {font-size:16px;}
					
		.usuarios > fieldset > div {width:100%}
	}