/*************************************************************************************************/
/*                                                                                               */
/*	estils.css                                                                                   */
/*                                                                                               */
/*	estils de 'DO IT'                                                                            */
/*                                                                                               */
/*************************************************************************************************/

/*************************************************************************************************/
/*	reset estils                                                                                 */
/*************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: none;
}

input, textarea {
	margin: 0;
	padding: 0;
}

hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
}

/*************************************************************************************************/
/*	estils generals                                                                              */
/*************************************************************************************************/

* {
	outline-style: none;
	margin: 0;
	padding: 0;
}

html {
	background: #ffffff url(../img/fdo_diagonal.gif) repeat top left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}

h1 { font-size: 28px; font-weight: bold; line-height: 110%; padding-bottom: 5px;}
h2 { font-size: 18px; line-height: 130%; font-style: italic; padding-bottom: 15px;}
h3 { font-size: 18px; font-weight: bold; line-height: 110%; }
h4 { font-size: 16px; line-height: 130%; padding-bottom: 25px; color: #3d4b58;}


body {
	width: 100%;
	margin: 0;
	color: #333333;
}

.nofloat {
	clear: both;
}

.notext {
	text-indent: -3000000px;
}

.flotant {
	float: left;
}

.flotant_r {
	float: right;
}

a, a:hover, a:visited, a:link, a:active {
	text-decoration: none;
}



.negrita,  { font-weight: bold; }

.italica { font-style: italic; }




/*************************************************************************************************/
/*	COLORS                                                                                       */
/*	                                                                                             */
/*	INICI: Blau #0092ce                                                                          */
/*	EMPREN: Groc #febb2e                                                                         */
/*	TREBALLA: Taronja #f37735                                                                    */
/*	INVESTIGA: Lila #ED008C                                                                     */
/*	ESTUDIA: Verd #6AB747                                                                     */
/*************************************************************************************************/

.inici {color: #0092ce;}
.empren {color: #febb2e;}
.treballa {color: #f37735;}
.investiga {color: #ED008C;}
.estudia {color: #6AB747;}



/*************************************************************************************************/
/*	wrapper                                                                                      */
/*************************************************************************************************/

#wrapper {
	width: 950px;
	margin: 0 auto;
}

/*************************************************************************************************/
/*	header                                                                                       */
/*************************************************************************************************/

#header {
	width: 890px;
	height: 65px;
	padding: 0 30px 0 30px;
	background: url(../img/barra_sup.gif) no-repeat top center;
}

#header_l {
	float: left;
	width: 445px;
	padding-top: 30px;
}

#header_r {
	float: right;
	width: 445px;
	text-align: right;
}

#menu_idiomas {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 8px 0 0 0;
	text-align: right;
	color: #ffffff;
	height: 22px;
}

#menu_idiomas ul li {
	display: inline;
}

#menu_idiomas ul li a {
	font-size: 11px;
	padding: 0 0 0px 15px;
	color: #cccccc;
	text-decoration: none;
}

#menu_idiomas ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}

.header_logo_bcnactiva, .header_logo_bcnactiva a{
	text-indent: -3000000px;
	background: url(../img/logo_bcn_activa_off.gif) no-repeat top left;
	width: 151px;
	height: 35px;
	float: left;
}

.header_logo_bcnactiva a:hover{
	background: url(../img/logo_bcn_activa_on.gif) no-repeat top left;
}


/*************************************************************************************************/
/*	BANNER SUPERIOR                                                                              */
/*************************************************************************************************/

#banner_flash {
	width: 100%;
	height: 256px;
}


/*************************************************************************************************/
/*	MENU                                                                                         */
/*************************************************************************************************/

#menu {height: 40px;}

#menu_l {
	height: 24px;
	padding: 16px 0 0 0;
	float: left;
}

#menu_l ul li {
	display: inline;
}

.menu_l_opc_inici a, .menu_l_opc_empren a, .menu_l_opc_treballa a, .menu_l_opc_investiga a, .menu_l_opc_estudia a, .menu_l_opc_inici_on, .menu_l_opc_empren_on, .menu_l_opc_treballa_on, .menu_l_opc_investiga_on, .menu_l_opc_estudia_on{
	width: 81px;
	height: 20px;
	font-size: 15px;
	line-height: 16px;	
	float: left;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 0 0 6px;
	margin-right: 2px;
}


.menu_l_opc_inici a{background-color: #0092ce;}
.menu_l_opc_empren a{background-color: #febb2e;}
.menu_l_opc_treballa a{background-color: #f37735;}
.menu_l_opc_investiga a{background-color: #ED008C;}
.menu_l_opc_estudia a{background-color: #6AB747;}

.menu_l_opc_inici a:hover, .menu_l_opc_inici_on{color: #0092ce; background-color: #ffffff;}
.menu_l_opc_empren a:hover, .menu_l_opc_empren_on{color: #febb2e; background-color: #ffffff;}
.menu_l_opc_treballa a:hover, .menu_l_opc_treballa_on{color: #f37735; background-color: #ffffff;}
.menu_l_opc_investiga a:hover, .menu_l_opc_investiga_on{color: #ED008C; background-color: #ffffff;}
.menu_l_opc_estudia a:hover, .menu_l_opc_estudia_on{color: #6AB747; background-color: #ffffff;}

#menu_r {
	padding: 20px 30px 0 0;
	text-align: right;
}

#menu_r ul li {
	display: inline;
}

#menu_r ul li a {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0px 15px;
	color: #333333;
	text-decoration: none;
}

#menu_r ul li a:hover {
	color: #0092ce;
	text-decoration: none;
}




/*************************************************************************************************/
/*	content                                                                                      */
/*************************************************************************************************/


#content {
	width: 890px;
 	background: #ffffff;
 	padding: 30px;
 	margin-bottom: 30px;
}


#content_l {
	float: left;
	width: 415px;
	margin-right: 30px;
}

#content_r {
	float: right;
	width: 445px;
}

#content_r_txt {
	float: right;
	width: 430px;
	margin-top:36px;
}

#content_l p, #content_r_txt p{
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 15px;
}

#content_l a, #content_l a:visited, #content_l a:link, #content_l a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}

#content_l a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #0092ce;
}

.mod_link, .mod_link a, .mod_link a:visited, .mod_link a:link, .mod_link a:active {
	font-size: 12px !important;
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}

.mod_link a:hover {
	font-size: 12px !important;
	font-weight: bold;
	text-decoration: underline;
	color: #0092ce;
}


dl.credits dt { margin-top:20px; margin-bottom:10px; font-size: 14px;  border-bottom: 1px #cccccc dotted; padding-bottom:6px}
dl.credits dd { margin-left:50px;}

#content_contacte { font-size: 14px; line-height: 20px;	padding-bottom: 15px;}
#content_contacte a {	font-weight: bold;	text-decoration: underline;	color: #333333;}
#content_contacte a:hover {	color: #0092ce;}

.formulari { margin-top:20px; padding:20px; background: #ffffff url(../img/fdo_diagonal_destacats.gif) repeat top left;}
.formulari label{width: 140px; margin-right: 5px; display: inline; float: left;  color: #545454;text-decoration:none}
.formulari input, .formulari select {width: 320px; background-color: #fff; padding: 1px; border: 1px solid #ccc; float: left; margin: 0 0 3px 10px; font-size:0.9em}
.formulari p{padding: 5px 20px 0 0 ; clear:both}
.formulari p label.butlleti {  width:600px; margin:15px 0}
.formulari select.llarg {width: 420px;}

.formulari_boto { margin-left:155px; margin-top:10px}
.formulari_boto a{color: #ad1e70;  border: 1px solid #ccc;  font-weight: bold;  padding: 4px 8px; background-color: #fff; font-size:12px; text-decoration:none!important}
.formulari_boto a:hover{color: #fff !important;  background-color: #0092ce; text-decoration: none !important; }
.formulari input.radio { float: left; margin: 0 0 0 10px; width:20px; background:none; border:none; }
.formulari p label.formulari-radio-txt { text-align:right;}

/*************************************************************************************************/
/*	Destacats                                                                                    */
/*************************************************************************************************/

.destacat{
	width: 445px;
	background: #ffffff url(../img/fdo_diagonal_destacats.gif) repeat top left;
	margin-bottom: 30px;
}



.destacat_capsal{
	width: 435px;
	background-color: #dddddd;
	padding: 3px 5px 3px 5px;
	border-bottom: 2px solid #ffffff;
	height: 16px;
}

.destacat_capsal_l{
	float: left;
	width: 335px;
}

.destacat_capsal_r{
	float: right;
	width: 100px;
}

.destacat_capsal h2, .destacat_capsal h3{
	padding: 0;
	/*font-style: normal;*/
	line-height: 100%;
	display: inline;
	/*font-weight: normal;*/
}

.destacat_capsal h2, .destacat_capsal h2 a{
	font-size: 15px;
	font-weight: bold;
}

.destacat_capsal h3{
	font-size: 11px;
}

.destacat_capsal p{
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	float: right;
	text-align: right;
	padding-top: 3px;
}

.destacat_capsal a, .destacat_capsal a:visited, .destacat_capsal a:link, .destacat_capsal a:active {
	text-decoration: none;
	color: #333333;
}

.destacat_capsal a:hover {
	text-decoration: none;
	color: #0092ce;
}



.destacat_fila {
	border-bottom: 2px solid #ffffff;
	width: 445px;
	height: 105px;
}

.destacat_foto{
	float: left;
	margin-right: 5px;
}
.destacat_logo{
	float: left;
	border: 1px solid #dedede;
	margin-right: 5px;
}
/*.destacat_txt{
	float: left;
	width: 250px;
	height: 80px;
	padding: 5px;
}*/
.destacat p{
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 15px;
	
}

.destacat_fila a, .destacat_fila a:visited, .destacat_fila a:link, .destacat_fila a:active {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

.destacat_fila a:hover {
	color: #0092ce;
	font-weight: bold;
	text-decoration: underline;
}

.destacat_txt_inici {font-weight: bold; font-size: 16px !important; color: #0092ce !important;}
.destacat_txt_empren {font-weight: bold; font-size: 16px !important; color: #febb2e !important;}
.destacat_txt_treballa {font-weight: bold; font-size: 16px !important; color: #f37735 !important;}
.destacat_txt_investiga {font-weight: bold; font-size: 16px !important; color: #ED008C !important;}
.destacat_txt_estudia {font-weight: bold; font-size: 16px !important; color: #6AB747 !important;}

.destacat_titol{
	font-size: 14px !important;
	font-weight: bold;
	padding-top: 5px;

}

.destacat_pais{
	font-size: 11px !important;
	font-weight: bold;
	padding-bottom: 5px;

}

.destacat_mesinfo{
	font-size: 10px !important;
	font-weight: bold;
}

.destacat_link p{font-size: 14px !important; padding-top: 5px;}

.destacat_link p a, .destacat_link p a:hover{text-decoration: none !important; font-weight: normal !important;}


/*************************************************************************************************/
/*	footer                                                                                       */
/*************************************************************************************************/

#footer {
	width: 890px;
	height: 200px;
	background: #ffffff;
	clear: both;
	margin-bottom: 30px;
	padding: 20px 30px 20px 30px;
}


#footer-credits {
	width: 890px;
	height: 30px;
	background: #ffffff;
	clear: both;
	margin-bottom: 30px;
	padding: 20px 30px 20px 30px;
}

#footer_l {
	width: 230px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #0092ce;
}

#footer_l p {
	margin-bottom: 10px;
}

#footer_l ul li {
	display: inline;
	margin-bottom: 10px;
}

#footer_l ul li a {
	font-size: 11px;
	padding: 0 7px 0 0;
	color: #333333;
	text-decoration: none;
}

#footer_l ul li a:hover {
	color: #0092ce;
	text-decoration: none;
}



#footer_r {
	width: 660px;
	float: right;
}

#footer_r ul {
	margin-bottom: 10px;
	border-bottom: 1px #cccccc dotted;
	height: 90px;
}

#footer_r li {
	float: left;
}



.footer_r_txt{
	color: #9d9d9d;
	font-size: 11px;
	width: 95px;
}

/*#footer_r img{
	float: left;
	margin-right: 20px;
}*/

/*************************************************************************************************/
/*	logos footer                                                                                       */
/*************************************************************************************************/

.footer_logos a{
	text-indent: -3000000px;
	margin-right: 20px;
	float: left;
}

.btn_bcnactiva a{
	background: #ffffff url(../img/peu/logo_bcn_activa_off.jpg) no-repeat top left;
	width: 215px;
	height: 77px;
}

.btn_bcnactiva a:hover{
	background: #ffffff url(../img/peu/logo_bcn_activa_on.jpg) no-repeat top left;
}

.btn_european a{
	background: #ffffff url(../img/peu/logo_european_off.jpg) no-repeat top left;
	width: 204px;
	height: 48px;
}

.btn_european a:hover{
	background: #ffffff url(../img/peu/logo_european_on.jpg) no-repeat top left;
}

.btn_recerca a{
	background: #ffffff url(../img/peu/logo_recerca_off.jpg) no-repeat top left;
	width: 113px;
	height: 49px;
}

.btn_recerca a:hover{
	background: #ffffff url(../img/peu/logo_recerca_on.jpg) no-repeat top left;
}