@import url("reset_yui.css");
@import url("menu_iconica3.css");


/* 
================================
Skin styles for DotNetNuke
================================
*/

/* COLORS */
/* Taronja: #f36027 */
/* Gris fosc: #161010 */
/* Gris clar: #403733 */
/* Text fosc: #403733 */
/* Text clar: #8C827E */


/* @group ESTRUCTURA */

body {
	margin: 0;
}
#total_wrap {
	min-width: 1000px;
}

#header_wrap {
	height:185px;
	min-width:980px;
	background: #fff url(header.gif) repeat-x;
}
#header {
	width: 980px;
	height: 185px;
	margin: 0 auto;
	position: relative;
}
#dnn_TopPane {
	width: 759px;
	position: relative;
	left: 221px;
	top: -111px;
	height: 105px;
}
.tag_line {
	color: #8C827E;
	font: .71em Arial;
	position: relative;
	top: -115px;
	padding-left: 10px;
	text-transform: uppercase;
	display: inline;
}
#menu_wrap {
	width: 980px;
	position: absolute;
	height: 30px;
	bottom: 0;
	display: inline;
}
.menu_left {
	position: relative;
	height: 30px;
	bottom: 0;
	background: url(menu_sep.png) no-repeat;
	width: 2px;
}
.menu_right {
	position: absolute;
	height: 30px;
	bottom: 0;
	left: 948px;
/*	background: url(logo-fb.jpg) no-repeat; */
	width: 32px;
}
#menu {
	width: 980px;
	position: absolute;
	height: 30px;
	bottom: 0;
	left: 2px;
}
#Content {
	width: 980px;
	margin: 30px auto;
	position: relative;
	display: block;
}
#dnn_ContentPane {
	width: 680px;
	padding: 0px 0 15px 0px;
	float: left;
}
#dnn_RightPane {
	width: 276px;
	padding: 0;
	margin: 0;
	float: right;
}
#footer_wrap {
	min-width: 980px;
	clear: both;
	background-color: #161010;
	height: 30px;
}

#footer {
	width: 980px;
	margin: 0 auto;
	height: 30px;
	position: relative;
	top: -27px;
}
#dnn_address {
	position: relative;
	margin: 0 auto;
	width: 749px;
	left: 110px;
	top: -30px;
	/*height: 30px;*/
}
.address {
	color: #8C827E;
	font: .71em Arial;
	padding-left: 10px;
	padding-top: 6px;
}

#bottom_wrap {
	min-width: 980px;
	clear: both;
	background-color: #403733;
}

#dnn_BottomPane {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.copyright {
	color: #8C827E;
	font: .71em Arial;
	text-align: center;
	bottom: 0;
	margin-bottom: 5px;
	margin-top: 15px;
}

.clear {
	clear: both;
	height: 1px;
}


/* @end */

/* @group Enllaços */


.SkinObject
{
	color: #8C827E;
	font: 1em Arial;
	text-align: center;
}

A.SkinObject:link, A.SkinObject:visited, A.SkinObject:hover, A.SkinObject:active
{
	text-decoration: none;
	color: #8C827E;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #83786e;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #f36027;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #f36027;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #fff;
}



A:link
{
	text-decoration: none;
	color: #f36027;
}

A:visited
{
	text-decoration: none;
	color: #f36027;
}

A:hover
{
	text-decoration: underline;
	color: #83786e;
}

A:active
{
	text-decoration: none;
	color: #f36027;
}


/* paginació */


.Paging
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
    background-color: #958d8a;
    text-decoration: none !important;
    margin: 1px 1px 5px 0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
	border-style: none;
	color: white;
	height: 15px;
	border-top: 1px solid #d3d3d3;
	vertical-align: middle;
}
A.Paging:link
{
	text-decoration: none;
	color: white;
	background-color: #dad4d2;
}

A.Paging:visited
{
	text-decoration: none;
	color: white;
	background-color: #dad4d2;
}

A.Paging:hover
{
	text-decoration: none;
	color: white;
	background-color: #958d8a;
}

A.Paging:active
{
	text-decoration: none;
	color: #f36027;
	background-color: #958d8a;

}

/* @end */

/* @group Text */



.SubHead
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #83786e;
}


.titol {
	color: #403733;
	font: bold 16px Arial;
}

.text {
	color: #403733;
	font: 12px Arial;
}



.text_contacte
{
	font-family: georgia;
	font-size: 16px;
	font-weight: normal;
	color: #403733;
	margin: 10px 10px 5px;
}

/* Text News ------------------->*/
#news_home {
	position: relative;
	width: 680px;
}

#news_foto {
	float: left;
	position: relative;
	margin-right: 10px;
}
#news_content {
	position: absolute;
	bottom: 0;
	left: 400px;
	width: 280px;
}
.news_data {
	color: #8C827E;
	font: 11pt Arial;
	text-align: left;
	padding-left: 10px;
}

h1 {
	color: #f25619;
	font: 100% Arial;
}

h2 {
	color: #403733;
	font: bold 24pt/110% Arial;
	text-align: left;
	margin: 0;
	padding-left: 10px;
}
.news_subtitol {
	color: #8C827E;
	font: 13pt Arial;
	text-align: left;
	margin: 0;
	padding-left: 10px;
}
.news_text {
	color: #8C827E;
	font: 10pt Georgia;
	text-align: left;
	margin: 0;
	padding-left: 10px;
}
.news_text strong {
	font-weight: bold;
}

hr.news {
	width: 100%;
	height: 1px;
	background-color: #403733;
	border-style: none;
}


/* Text BottomPane ------------------->*/

.text_peu {
	font: 8pt Arial;
	color: #252220;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
	padding-top: 10px;
}
/* @end */

/* @group Contenidors i altres */

/* Separadors BottomPane ------------------->*/

.separador_dalt {
	background: url(separador_baix_02.jpg) repeat-y;
	width: 10px;
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 0;
}
.separador_baix {
	background: url(separador_baix_02.jpg) repeat-y;
	width: 10px;
	vertical-align: bottom;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* Experiències */



.imatge_experiencies {
	background: url(http://media.iconica.cat/imatge_experiencies.jpg) no-repeat;
	width: 100%;
	height: 403px;
	margin-left: -2px;
	margin-top: -2px;
	margin-bottom: 10px;
	line-height: 110%;
}

.titol_imatge_experiencies {
	margin: 0;
	color: #f36027;
	font: 23pt/100% Arial;
	padding-right: 400px;
	padding-left: 30px;
	position: relative;
	top: 240px;
}

.text_imatge_experiencies {
	margin: 0;
	font: 11pt/110% Arial;
	color: #514b45;
	padding-left: 30px;
	padding-right: 420px;
	position: relative;
	top: 245px;
}
.titol_experiencies {
	margin: 20px 0;
	color: #f36027;
	font: 23pt/100% Arial;
}

.text_experiencies {
	margin: 0 0 10px;
	font: 12pt Arial;
	color: #514b45;
}





/* Taula Serveis */

table.fons_serveis {
	background: white url(fons_serveis.jpg) repeat-x 0 top;
	height: 240px;
}

td.separador_serveis {
	background: url(separador_serveis2.jpg) repeat-y 0 top;
	width: 2px;
	padding: 0;
}

.cela_serveis {
	vertical-align: bottom;
	width: 25%;
	padding-bottom: 5px;
}

.titol_serveis {
	margin: 10px 10px 0;
	color: #f36027;
	text-transform: uppercase;
	font: bold 8.5pt Arial;
}

.text_serveis {
	margin: 0 10px 5px;
	font: 8.5pt Arial;
	color: #514b45;
	letter-spacing: -0.03ex;
}

.imatge_serveis {
	background: url(http://media.iconica.cat/imatge_serveis.jpg) no-repeat;
	width: 100%;
	height: 403px;
	margin-left: -2px;
	margin-top: -2px;
	margin-bottom: 10px;
	line-height: 110%;
}

.titol_imatge_serveis {
	margin: 0;
	color: #f36027;
	font: bold 13pt/110% Arial;
	padding-right: 400px;
	padding-left: 30px;
	position: relative;
	top: 205px;
}

.text_imatge_serveis {
	margin: 0;
	font: 11pt/110% Arial;
	color: #514b45;
	padding-left: 30px;
	padding-right: 400px;
	position: relative;
	top: 210px;
}






/* contenidor projectes */
table.fons_contenidor_pr {
	background: url(fons_taula_pr.jpg) repeat-x 0 138px;
	margin-bottom: 8px;
	margin-right: 2px;
	margin-left: 2px;
}

table.fons_contenidor_pr:hover {
	background: url(fons_taula_pr_inv.jpg) repeat-x 0 bottom;
}

td.fons_contenidor_pr {
	padding-left: 3px;
	padding-right: 3px;
	height: 85px;
	vertical-align: top;
	padding-top: 1px;
}

.tipus_pr {
	font: 10.5pt Arial;
	color: #998c86;
}

.text_pr {
	font: bold 10.5pt Arial;
	color: #5a534e;
}

.data_pr {
	color: #8c827e;
	font: 10.5pt Arial;
}

/* @end */