/* ------------------------------------------------------------------------------------ *
| CSS FILE :: For webPacPlus															|
| css/content.css																		|
| 																						|
| PROJECT :: UNIO MAGATZEMISTES FERRO CATALUNYA I BALEARS								| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Uaalah!!																	|
* ------------------------------------------------------------------------------------- */

/* @group GLOBALS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	
/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group INDEX ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#destacados{
	margin: 20px 0 0 20px;
}
	#destacados .row{
		width: 100%;
		overflow: hidden;
		padding-bottom: 50px;
	}
	#destacados .destacado{
		float: left;
		margin-right: 70px;
		width: 260px;
	}
		#destacados .row .last{
			margin-right: 20px;
		}
	
	#destacados h2{
		color:#412418;
		font-size:18px;
		font-weight:bold;
		margin: 0 0 10px;
	}
	#destacados .imagen{
		margin-bottom: 10px;
	}
	#destacados a{
		color: #412418;
		text-decoration: underline;
	}
		#destacados a:hover{
			color: #404041;
		}
/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group BREADCRUMB :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#breadcrumb{
	margin:0 20px 20px 20px;
}
	#breadcrumb p{
		font-style: italic;
		margin: 0;
		font-size:11px;
		color:#a7a8a7;
	}
	#breadcrumb a{
		text-decoration: underline;
	}
	#breadcrumb a,
	#breadcrumb strong{
		color: #412418;
		padding-right:13px;
		background:url('../images/sep-breadcrumb.gif') center right no-repeat; 
		margin-right:7px;
	}
	#breadcrumb a:hover{
		color: #4E4E4E;
	}
	#breadcrumb strong{
		font-weight: normal;
		font-style: italic;
	}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group FICHAS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.conSubmenu{
	padding-left: 220px;
}
#ficha{
	margin: 20px 20px 0;
}
	#ficha .inBox{
		padding: 0;
		overflow: hidden;
		width: 100%;
	}
	#ficha h2 {
	color: #412418;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 20px;
	}
		#ficha h2::-moz-selection {
			background: #412418 ;
			color: #fff;
		}
		#ficha h2::selection {
			background:  #412418;
			color: #fff;
		}
	#ficha h3 {
		color: #404040;
		font-size: 15px;
		font-weight: bold;
		padding: 5px 0 10px;
	}
	#ficha strong{
		color: #404040;
	}
	#ficha .texto a{
		color: #412418;
		text-decoration: underline;
	}
		#ficha a:hover{
			color: #4E4E4E;
		}
		#ficha .intro{
		color: #4E4E4E;
	}
	#ficha .txt_noticia ul{}
	#ficha .txt_noticia li{
		background: url('../images/arrow-orange.png') no-repeat left .6em;
		padding-left: 10px;
		margin-bottom: 5px;
	}

	#ficha .modulo{
		margin: 1em 0 .5em 0;
	}
		#ficha .modulo h3{
			/*font: normal 1.6em/1.2 "Georgia", georgia, times, serif;*/
			font-size: 16px;
			font-weight: normal;
			color: #412418;
			padding: .5em;
			border-top: 2px solid #8C8576;
			border-bottom: 1px dotted #8C8576;
			background-color: #D4D0C9;
		}
		ul.pdfs{
			padding: 1em .5em;
		}
		ul.pdfs li{
			line-height: 21px;
			background: url('../images/pdf_icon.png') no-repeat left top;
			margin-bottom: 5px;
		}
		ul.pdfs a{
			color: #412418;
			padding-left: 25px;
		}

/***** PLANTILLAS *****/

#ficha .imagenTop {
	border:1px solid #D5D0C8;
	padding:10px;
}
#ficha .imagenTop .imageHolder{
	overflow: hidden;
}
#ficha .imagenTop p{
	font-size: .8em;
	color: #939393;
	text-transform: uppercase;
	border-top:1px dotted #D5D0C8;
	padding-top:5px;
	margin:5px 0 0 0;
}
	#ficha .imagenBtm{
		overflow: hidden;
		width: 100%;
		margin-top:10px;
	}
	#ficha .imagenBtm .imageHolder{
		float: left;
		width: 122px;
		height: 122px;
		overflow: hidden;
		margin-right: 11px;
		margin-bottom: 11px;
	}

	#ficha .imagenLeft{
		float: left;
		margin: 0 1em 0 0;
	}
	#ficha .imagenRight{
		float: right;
		margin: 0 0 0 1em;
	}
	#ficha .imagenLeft,
	#ficha .imagenRight {
		width:266px;
		border:1px solid #D5D0C8;
		padding:10px;
	}
	#ficha .imagenLeft .imageHolder,
	#ficha .imagenRight .imageHolder{
		overflow: hidden;
		width: 265px;
		/*height: 128px;*/
	}
	#ficha .imagenLeft p,
	#ficha .imagenRight p{
		font-size: .8em;
		color: #939393;
		text-transform: uppercase;
		border-top:1px dotted #D5D0C8;
		/*padding-top:5px;*/
		margin:5px 0 10px 0;
	}
	
	#ficha .tpl5 .texto{
		float: right;
		width: 645px;
	}
	#ficha .tpl6 .texto{
		float: left;
		width: 645px;
	}
		
		.conSubmenu #ficha .tpl5 .texto,
		.conSubmenu #ficha .tpl6 .texto{
			width: 425px;
		}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group SUBMENU ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#submenu{
	float:left;
	width:200px;
	margin-left:-200px;
	display:inline;
	padding: 3px 0;
	background-color: #8c8576;
}
	#submenu .navigation{
		margin: 0 3px;
		background:url("../images/bg-nav-cont.png") repeat-y scroll center top transparent;
	}
	#submenu .navigation a,
	#submenu .navigation .sel li a,
	#submenu .navigation .sel .sel li a{
		color:#412418;
		display:block;
		padding:8px 5px 2px 15px;
	}
		#submenu .navigation .sel li a{
			background: none;
			padding-left: 30px;
			font-weight: normal;
		}
			#submenu .navigation .sel .sel li a{
				background: none;
				padding-left: 45px;
				font-weight: normal;
			}
		#submenu .navigation .sel a,
		#submenu .navigation .sel .sel a {
			font-weight:bold;
			background-color:#B9B0A3;
		}
		#submenu .navigation a:hover,
		#submenu .navigation .sel li a:hover,
		#submenu .navigation .sel .sel li a:hover {
			background-color: #d4d0c9;
		}
		#submenu .navigation li ul {
			display: none;
		}
		#submenu .navigation li.sel ul {
			display: block;
		}
			#submenu .navigation li.sel ul ul {
				display: none;
			}
			#submenu .navigation li.sel li.sel  ul {
				display: block;
			}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group LISTADOS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#listBox {
	margin:25px 0;
	width:100%;
	overflow:hidden;
}
	#listBox p{
		margin-bottom:0;
	}
		#listBox p.date{
			margin-top:1em;
		}
	#listBox ul.arrow li{
		background:url("../img/arrow-list.gif") no-repeat 0 .40em;
		padding-left:10px;
		margin:10px 10px 0 10px;
		padding-bottom:10px;
		float:left;
		display:inline;
	}
	#listBox li a{
		color:#412418;
		font-weight: bold;
		/*font: normal 1em/1.2 "Arial", georgia, times, serif;*/
	}
	#listBox li a:hover{
		text-decoration:underline;
	}

	/* Listado a 2 columnas con borde*/
	#listBox ul.border{
		overflow:hidden;
		border:1px solid #BCBDBD;
		background-color:#f6f5f1; 
	}
	#listBox ul.cols1 li{
		width: 96%;	
	}
	
	#listBox ul.cols2 li{
		/*width:311px;*/
		width: 45%;
	}
	#listBox ul.cols3 li{
		width:29%;
	}

	/* Listado a 1 columna sin borde y con imagen*/
	#listBox .listadoImg{
		width:100px;
		float:left;
	}
	
	/*#listBox .conImagen li{
		padding-left:120px;

	}*/
	#listBox .conImagen li{
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom:1px dotted #D5D0C8;
	}
		#listBox .conImagen li.sihay{
			padding-left:120px;
			width: auto;

		}
		#listBox .conImagen li.nohay{
			padding-left:0;

		}
	#listBox .conImagen .listadoImg{
		margin-left:-120px;
		display: inline;

	}
	
	/* Listado a 3 columnas con borde y con imagen*/
	.borderBoxList .cols3 div div{
		width:203px;
		height:117px;
		overflow:hidden;
	}
	.borderBoxList li{
		margin-right:14px;
		margin-bottom:17px;
		float:left;
		display:inline;
		padding:7px;
		border:1px solid #BCBDBD;
		background:url("../img/bg_sidebar_box.jpg") repeat-y scroll right top #F9F9FA;
	}
	.borderBoxList li a:hover h3{
		text-decoration:underline;
	}
	.borderBoxList li .wrapper{
		width:203px;
		height:230px;
		overflow:hidden;
	}
	.borderBoxList h3{
		margin-top:5px;
		padding-left:10px;
		background:url("../img/arrow-list.gif") no-repeat scroll 0 0.26em transparent;
		font-size:.786em;
	}
	.borderBoxList p{
		font-size:.786em;
		padding-left:9px;
		color:#404041;
		margin-top:1em;
	}
	#listBox .borderBoxList .cols3 li{
		width:203px;
	}
/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group ASOCIADOS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* listado asociados */
#asociados{
	margin: 20px 20px 0;
}
	#asociados h2 {
		color:#412418;
		font-size:18px;
		font-weight:bold;
		padding:5px 0 20px;
	}
	#asociados h3 {
		color: #404040;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 0 10px;
	}
	#asociados a {
		color:#412418;
		font-weight:bold;
	}
		#asociados a:hover {
			color:#4e4e4e;
		}
		#asociados a.titulo {
			font-size: 14px;
			background-color: #d4d0c9;
			padding: 5px 10px;
			line-height: 24px;
			/*sigo luego */
		}
			#asociados .sel a.titulo{
				display: block;
				background-color: #412418;
				color: #fff;
			}
	#asociados li{
		width: 100%;
		overflow: hidden;
		
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	#asociados p{
		margin-bottom: 0;
	}
	#asociados .contenido{
		padding-top: 10px;
		display: none;
		
		border-bottom:1px dotted #D5D0C8;
	}
		#asociados .sel .contenido{
			display: block;
			border:1px solid #412418;
		}
	#asociados .sihay{
		padding-left: 120px;
	}
	#asociados .imagen{
		margin-left: -120px;
		float: left;
		width: 100px;
		height: 100px;
		overflow: hidden;
		display: inline;
	}
	#asociados .texto{
		margin-bottom: 5px;
	}
	#asociados .verficha{
		padding: 3px 5px;
		background-color: #d4d0c9;
	}
		#asociados .verficha:hover {
			background-color: #412418;
			color: #fff;
		}
	#mapa{
		width: 700px;
		height: 500px;
		background-color: #333;
		border: 2px solid #8C8576;
	}
		/*#mapa .gmnoprint{
			display: none;
		}*/

/* ficha asociados */
.asociadoconlogo{
	padding-left: 120px;
}
.asociadoconlogo .listadoImg{
	margin-left: -120px;
	float: left;
	display: inline;
}
#ficha .tpl6 .nohayimg{
	float: none;
	width: 100%;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group MAPA WEB :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#mapaweb{
	margin: 20px 20px 0;
}
	#mapaweb h2 {
		color:#412418;
		font-size:18px;
		font-weight:bold;
		padding:5px 0 20px;
	}
	#mapaweb .row{
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
	}
	#mapaweb .seccion{
		float: left;
		width: 220px;
		margin-right: 10px;
		background-color: #D5D0C8;
		padding-bottom: 2000px;
		margin-bottom: -1999px;
		padding-top: 1px;
	}
	#mapaweb li{
		padding: 0px 1px;
	}
	#mapaweb a.titulo{
		text-transform: uppercase;
		color: #D5D0C8;
		font-weight: bold;
		display: block;
		width: 208px;
		padding: 2px 5px;
		background-color: #412418;
	}
		#mapaweb a.titulo:hover{
			color: #412418;
			background-color: #fff;
		}
	#mapaweb a{
		display: block;
		color: #412418;
		padding: 1px 5px;
		background-color: #D5D0C8;
	}
		#mapaweb a:hover {
			background-color: #fff;
		}
	#mapaweb li li li a{
		padding: 1px 2px 1px 20px;
		background-color: #e5e0d8;
	}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group CLEARFIX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#listBox .conImagen li:after,
.asociadoconlogo:after,
.dualcol:after,
#listBox .conImagen li.sihay:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */