/*  ============================
FORMACIO - formacio.css

COLORES:
	naranja-claro:	#ec761c
	
===============================*/

/* === Comun == */
a.colored:link{
	color:#ec761c;
}

/* === Base == */
.wrapper{
	height:705px;
}

/* === Header == */
.header{
	background-image: url("../img/formacio/header.jpg"); /* ========== IMAGEN CABECERA  ============ */
	height:114px;
}
#logo-interior{
	float:left;
	margin-left:16px;
	margin-right:36px;
	margin-top:28px;
	display:inline;
}
#inici{
	float:right;
	font-size:10px;
	margin-right:30px;
	margin-top:75px;
	display:inline;
}
#inici a{
	color:white;
	text-decoration:none;
}
#inici a:hover{
	color:white;
}

/* === Content == */
.content{
	background-image: url("../img/comun/bginterior.jpg");
	height:591px;
}
.sect-content{
	float:left;
	font-size:12px;
	line-height:20px;
	height:532px;
	width:680px;
	padding-left:27px;
	color:#81725e;
}
.sect-main{
	padding-left:0;
	width:730px;
}
.sect-main-desc{
	line-height:18px;
	padding-left:40px;
	text-align:justify;
	width:660px;
}
.tornar{
	float:right;
	width:100px;
}
.tornar a{
	color:#ec761c;
	font-size:18px;
	text-decoration:none;
}
.title{
	float:left;
}

/* === Menu == */
#menu{
	color:#373026;
	margin-left:20px;
	margin-top:55px;
	float:left;
	height:26px;
	font-size:15px;
}
#menu li{
	border-right:1px solid white;
}
#menu a{
	color:white;
}
#menu a:hover{
	color:#373026;
}
#menu li.last{
	border:none;
}

/* === Submenu == */
#submenu{
	float:left;
	height:483px;
	margin-left:25px;
	margin-top:50px;
	width:175px;
	display:inline;
}
.submenu-title{
	font-size:16px;
	margin-bottom:35px;
	margin-top:;
	font-weight:bold;
}
.submenu{
	color:#ec761c;
	font-size:13px;
	width:150px;
}
.submenu li{
	margin-bottom:15px;
}
.submenu a{
	color:#81725e;
	text-decoration:none;
}
.submenu a:hover{
	color:#ec761c;
}

/* === Scrollable == */
div.scrollable-submenu{
	background-image: url("../img/comun/bgmenu_scr.gif");
	background-repeat:repeat-x;
	padding-left:25px;
	padding-top:50px;
	margin:0 !important;
}
.scrollable-content{
	background-image: url("../img/comun/bg_scr.png");
	height:auto;
	background-repeat:repeat-y;
	background-color:transparent;
}
.scrollable-content .sect-content{
	height:auto;
	background-image: url("../img/comun/bgcontent_scr.gif");
	background-repeat:repeat-x;
	padding-right:20px;
	width:682px;
}
.scrollable-content #direccio{
	background-image: url("../img/comun/footer_scr.jpg");
	background-repeat:no-repeat;
	padding-top:34px;
	padding-bottom:16px;
	background-position:left top;
}
.wrapper{background-color:transparent;height:auto;}

/* === Cursos == */
.curs{background-color:#FEA736;height:20px;clear:both;font-size:16px;font-weight:bold;margin-bottom:10px;padding-left:10px;}
.curs .llegir{font-size:12px;margin-right:10px;}
.curs-content{width:630px;display:none;}
.curs-content span{
	background-color:#B6ADA4;
	color:#493F33;
	display:block;
	float:left;
	margin-right:10px;
	padding-right:5px;
	text-align:right;
	width:130px;
	margin-bottom:5px;
	clear:right;
}
.curs-content p, .curs-content div.ul{
	border: 1px solid #B6ADA4;
	width:400px;
	display:block;
	float:left;
	margin-bottom:5px;
}
.curs-content ul{list-style:disc;list-style-position:inside;padding-left:5px;}
.curs-content ul ul{border:none;padding-left:10px;}