/* CSS Document */
#inicio{
	width:96%;
	height:auto;
	float:left;
	margin:15px 2%  0 1%;
	padding:0;	
}

	#inicio h2{
		width:89%;
		height:auto;
		float:left;
		margin:0 0 10px 0;
		padding:3px 12% 1px 0;
		font-size:1.5em;
		color:var(--coloNeutro1);
		border-bottom:5px solid var(--color2);
		font-weight:bold;
		text-indent:5px;
	}
		#inicio h2.ceares{
			margin:10px 0 0 0;
			color:#ac1c1e;
			background:url(../img/fondo_h2_ceares.png) top left repeat-x;
		}
		#inicio h2.gijon_industrial{
			margin:10px 0 0 0;
			color:#093c68;
			background:url(../img/fondo_h2_industrial.png) top left repeat-x;
		}

	#inicio_izquierda{
		width:48.5%;
		/*min-height:100px;*/
		height:auto;
		float:left;
		margin:0;
		padding:0;
	}
	#inicio_derecha{
		width:48.5%;
		/*min-height:500px;*/
		height:auto;
		float:right;
		margin:0;
		padding:0;
	}
	
	
	#inicio ul{
		width:48.5%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#inicio ul.oculta{transition:0.5s ease all;height:0px;overflow:hidden;}
#inicio ul:nth-child(2n) {
	margin-right:3%;
}	
		#inicio ul li{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 8px 0;
			padding:10px 0 0;
			border-top:2px solid var(--colorNeutro2);
		}
		#inicio ul.ampliado li:first-child, #inicio ul.coampliado li:first-child {
	border: none;
}
#inicio ul li.banner {
	border: none;
	padding: 0 !important;
}
.ampliarDestacados {
	width: 60%;
	display: block;
	height: 3px;
	margin: 15px 20%;
	float: left;
	background: var(--colorGris);
	color: var(--colorGris);
	
	position: relative;
}
.ampliarDestacados:hover {color:var(--color1);background:var(--color1)}
.ampliarDestacados::before {
	content: "\f13a";
	left: 50%;
	position: absolute;
	top: -15px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: inherit;
	font-size: 1.9em;
	background:#fff;
}

#inicio ul li p.resumen {
	width: 100%;
	height: auto;
	float: left;
	margin: 8px 0 5px 0.5%;
	padding: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
ul.ampliado li p.resumen{font-size:0.95em !important;}

/********************** REDUCIDO ********************************************/		
			#inicio ul li.reducido div.imagen{
				width:45%;
				height:auto;
				float:right;
				margin:0;
				padding:0;
				overflow:hidden;
			}
			#inicio  div.imagen a {
	text-align: center;
	width: 100%;
	display: block;
}
				#inicio ul li.reducido div.imagen img {
	max-width: 100%;
	max-height: 100px;
}
			#inicio ul li.reducido h3 {
	width: 53%;
	height: auto;
	float: left;
	margin: 2px 0;
	padding: 0 1% 0 0;
	line-height: 21px;
}
.conComentario {
	float: left;
	position: relative;
	margin: 2px;
	font-size: 0.75em;
	text-indent:15px;
}
.conComentario::before {
	content: "\f27a";
	font-family: "Font Awesome 5 Free";
color:var(--color3);
font-weight:bold;
left:-15px;
font-size:1.1em;
position:absolute;
}
#inicio ul li.reducido h3 a {
	width: 100% !important;
	color: var(--colorNeutro1);
	font-size: 1em;
	font-weight: bold;
	display: inline-block;
}
#inicio ul li.reducido h3 a:hover {
	color: var(--color3);
}

		
			#inicio ul li.reducido p.listado{
				width:97%;
				height:auto;
				float:left;
				margin:8px 0 0 3%;
				padding:0;
				color:#666666;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-transform:uppercase;
				display:none;
			}

			#inicio ul li.reducido span.separador{
				width:100%;
				height:1px;
				float:left;
				margin:0 0 0 0;
				padding:0;
				background:#d1d1d1;
				display:none;
			}
			
/********************** AMPLIADO ********************************************/				

	#inicio ul li.ampliado div.imagen {
	width: 99%;
	float: left;
	margin: 0 0.5%;
	padding: 0;
	height: auto;
	overflow: hidden;
	max-height: 260px;
}
	#inicio ul li.ampliado div.imagen a {
		height:290px;
		float:left;
		text-align:center;
	}


		#inicio ul li.ampliado div.imagen img{
			max-width:100%;
			max-height:100%;
		}
#inicio ul li.ampliado h3{
	margin:0;
}		
		
#inicio ul li.ampliado h3 a {
	width: 99% !important;
	color: var(--colorNeutro1);
	font-size: 1.1em;
	font-weight: bold;
	display: inline-block;
	padding:10px 0.5%;
	
}
#inicio ul li.ampliado h3 a:hover {
	color: var(--color3);
}		

				
/*	#inicio ul li.ampliado p.resumen{
		width:98%;
		height:auto;
		float:right;
		margin:8px 0 5px 1%;
		padding:0;
		color:#333333;
		font-size:0.8em;
	}		*/
	/********************** AMPLIADO ********************************************/				
#inicio ul li.banner h3,#inicio ul li.banner p{display:none;}
/*ESPECIAL PARA BANNERS*/
#inicio div.banners_inicio {
	margin: 10px 0;
	width: 100% !important;
	float: left;
}
#inicio div.banners_inicio h2{display:none;}
#inicio div.banners_inicio ul{width:50%;margin:0;padding:0;height:auto;float:left;}
#inicio div.banners_inicio img{width:auto;}

/****MOVIL****/
#movil #inicio h2 {
	font-size: 1.1em;
	border-bottom:3px solid var(--color2);
}
#movil #inicio ul {
	width: 100%;
}
#movil  #inicio ul li.ampliado div.imagen{
	max-height:210px;
}
#movil #inicio ul li.ampliado h3 a{
	line-height: 1em;
	font-size: 0.9em;
}
#movil #inicio ul li p.resumen{
	line-height: 1em;
	font-size: 0.75em !important;
}
#movil #inicio ul.coampliado li:first-child {
	border-top: 2px solid var(--colorNeutro2);
}
#movil #inicio ul li.reducido h3 {
	width: 54%;
	line-height: 1.1em;
	font-size:0.8em;
}
#movil .ampliarDestacados::before {
	left: 46%;
	position: absolute;
	font-size: 1.4em;
}
.ampliarDestacados {
	width: 80%;
	margin:15px 10%;
}
#inicio div.banners_inicio ul {
	width: 50% !important;
}