/**************************************************************************************
	Archivo de Estilos de la web de la Plataforma unitaria contra violencia de genero

	BLOQUE PRINCIPAL

	Creacion: Jordi - 24/10/2007
**************************************************************************************/

/*-------------------------------------------------------------------------------------
	Configuracion general del la web
-------------------------------------------------------------------------------------*/

#wrap 
{
	margin: 0auto;
   	width: 900px;
}

img
{
	border:none;
}

#menu_superior
{
	height: 90px;
	padding: 0 0 0 0px;
	margin-bottom:30px;
}
#continguts
{
   	float: left;
   	margin: 0px 5px 5px 0px;
   	padding: 0px;
   	width: 660px;
	background-color: #F9F3F6;

}
#continguts .inici
{
	background-image: url('../images/top.png');
	background-repeat: no-repeat;
	background-position: top left;
   	height: 33px;
}
#continguts .linea_izquierda
{
   	padding-left: 0px;
   	background-image: url('../images/barra_izquierda.png');
   	background-position: top left;
	background-repeat: no-repeat;
   	float:left;
   	width: 6px;
   	height: 158px;
}
#continguts .central
{
   	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 10px;
   	padding-right: 15px;
   	background-color: #F9F3F6;
   	background-image: url('../images/barra_derecha.png');
   	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #F9F3F6;
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 120%;
	color:#333333;	
}
#continguts .inferior
{
	background-image: url('../images/cuadro_inferior.png');
	background-repeat: no-repeat;
   	background-position: bottom right;
   	padding-right: 1px;
   	height: 33px;
}
#continguts li
{
	padding-top: 5px;
	padding-left: 10px;
}
#continguts .createdate
{
	color:#666666;
	font-size:9px;
}
#continguts .modifydate
{
	color:8B006B;	
	font-size:9px;	
}
#continguts .contentheading
{
	font-size:15px;
	color:#660066;
	font-weight:bold;
	line-height: 110%;
}
#continguts .contentpagetitle
{
	font-size:15px;
	color:#660066;
	font-weight:bold;
	line-height: 110%;
	text-decoration:none;
}
#destacats_dreta
{
   	float: right;
   	width: 225px;
	background-color: #F9F3F6;	
}
#destacats_dreta .superior
{
	background-image: url('../images/mujer_arriba.png');
	background-repeat: no-repeat;
	background-color: #F9F3F6;
	height: 30px;
}

#destacats_dreta .central
{
   	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
   	background-color: #F9F3F6;
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 120%;
	color:#333333;	
}

#destacats_dreta .inferior
{
	background-image: url('../images/mujer_abajo.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
   	height: 54px;
}
#destacats_dreta a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
}
#peu
{
   	margin: 0px 0px 10px 0px;
   	padding: 10px;
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666666;		
}


body
{
	background-color: #FFFFFF;
	color: #000000;
}



/*-------------------------------------------------------------------------------------
	Menu superior
-------------------------------------------------------------------------------------*/
ul.menunav_list_sup
{
   width: 900px;
	height: 90px;
 	float: left;
   list-style: none;
   margin: 0px;
   height: 90px;
	position:relative;
	background-image:url('../images/cabecera.png');
	background-repeat:no-repeat;
 	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul.menunav_list_sup li 
{
	display: block;
	position:absolute;
   height: 35px;
	padding-top: 8px;
	margin:5px;
	margin-left:15px;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#000000;
   font-weight: bold;
}
ul.menunav_list_sup a
{
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#000000;
   font-weight: bold;
}
ul.menunav_list_sup a:hover
{
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
   font-weight: bold;
}

ul.menunav_list_sup li.item1 { width: 90px; height:93px; left:-10px; top:-13px; color:#000000; font-size:0px;}
ul.menunav_list_sup li.item53 { width: 75px; left:100px; top:45px; background-image: url('../images/cuadro_opcion_claro_normal.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item53:hover{ width: 75px; left:100px; top:45px; background-image: url('../images/cuadro_opcion_claro_selec.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item54 { width: 75px; left:180px; top:45px; background-image: url('../images/cuadro_opcion_claro_normal.png'); background-repeat:no-repeat;}
ul.menunav_list_sup li.item54:hover { width: 75px; left:180px; top:45px; background-image: url('../images/cuadro_opcion_claro_selec.png'); background-repeat:no-repeat;}
ul.menunav_list_sup li.item57 { width: 75px; left:540px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_normal.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item57:hover { width: 75px; left:540px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_selec.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item56 { width: 75px; left:460px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_normal.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item56:hover { width: 75px; left:460px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_selec.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item55 { width: 75px; left:260px; top:45px; background-image: url('../images/cuadro_opcion_claro_normal.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item55:hover { width: 75px; left:260px; top:45px; background-image: url('../images/cuadro_opcion_claro_selec.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item59 { width: 75px; left:620px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_normal.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item59:hover { width: 75px; left:620px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_selec.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item60 { width: 75px; left:700px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_normal.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item60:hover { width: 75px; left:700px; top:45px; background-image: url('../images/cuadro_opcion_oscuro_selec.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item58 { width: 75px; left:340px; top:45px; background-image: url('../images/cuadro_opcion_claro_normal.png'); background-repeat:no-repeat; }
ul.menunav_list_sup li.item58:hover { width: 75px; left:340px; top:45px; background-image: url('../images/cuadro_opcion_claro_selec.png'); background-repeat:no-repeat; }

/*-------------------------------------------------------------------------------------
	Menu dreta
-------------------------------------------------------------------------------------*/
#nav_menu_dreta
{
   list-style: none;
	margin-top: 10px;
	padding-left: 0px;
	text-align:center;
}

#nav_menu_dreta li
{
	display:block;
	text-align:center;
	padding-top:5px;
	border-top:thin;
	border-top-color:#999999;
	border-top-style:solid;
	margin-bottom:5px;
}

/*-------------------------------------------------------------------------------------
	Estils d'editor web
-------------------------------------------------------------------------------------*/

.0_text_data_agenda
{
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666666;		
	font-weight: bold;
}

/*-------------------------------------------------------------------------------------
	Continguts
-------------------------------------------------------------------------------------*/
.article_separator
{
	border-bottom:thin;
	border-bottom-color:#666666;
	border-bottom-style:solid;
	width: 100%;
	display: block;
	text-align:center;
	margin-bottom: 10px;
	margin-top: 10px;
}

/*-------------------------------------------------------------------------------------
	Formulari
-------------------------------------------------------------------------------------*/
form
{
	padding-top:30px;
	padding-bottom:10px;
	padding-left:15px;
}

.item_form
{
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

.titol_item_form
{
	width:30%;
	float:left;	
}

.input_item_form
{
	width:69%;
	float:left;
}

.titol_taller_form
{
	width:69%;
	float:left;	
}

.input_taller_form
{
	width:15%;
	float:left;
}