.PDI{
	font-weight:700;
	color:rgb(0,118,114);	
}

.Snegreta,.Snegretacursiva{
	font-family:arial !important;
	font-weight:bold;
}

body{
	margin:0;
}

.selected{
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}

#mframe{
  position:absolute;
  z-index:9000;
  background-color:#000;
}

#multimediabox{
  position:absolute;
  z-index:9001;
  background-color:rgb(0,168,134);
  margin:0 auto 0 auto;
  border-radius: 5px;
  border:5px solid #FFFFFF;
  width:400px;
  height:200px;
}

#imagen{
	overflow:hidden;
	height:100%;
}

body{
	margin:0px;
}

#audio li,#video li,#link li,#videoinicial li,#activitatinicial li,#activitat li,#imatge li,#angles li,#text li,#diversitat li,#avaluacio li,#programacio li{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	list-style: none;
}

.R1llistabolitxe ul{
	margin-top:10px;
}

#orientaciones,#solucions,#audio,#video,#link,#videoinicial,#activitatinicial,#activitat,#imatge,#angles,#text,#diversitat,#avaluacio,#programacio{
	position:relative;
	width:400px;
	margin-left:136px;
	top:7px;
	left:-18px;
	background-color:rgb(0,168,134);
	border-radius: 5px;
	z-index:100;
}

#orientaciones .customScrollBox,#solucions .customScrollBox,#audio .customScrollBox,#video .customScrollBox,#link .customScrollBox,#videoinicial .customScrollBox,#activitatinicial .customScrollBox,#activitat .customScrollBox,#imatge .customScrollBox,#angles .customScrollBox,#text .customScrollBox,#diversitat .customScrollBox,#avaluacio .customScrollBox,#programacio .customScrollBox{
	position:absolute;
	height:100%;
	width:100%;
	overflow:hidden;
}

#orientaciones .customScrollBox .container,#solucions .customScrollBox .container{
	position:relative;
	width:380px;
	float:left;
}

#video .customScrollBox .container,#link .customScrollBox .container,#videoinicial .customScrollBox .container,#activitatinicial .customScrollBox .container,#activitat .customScrollBox .container,#imatge .customScrollBox .container,#angles .customScrollBox .container,#text .customScrollBox .container,#diversitat .customScrollBox .container,#avaluacio .customScrollBox .container,#programacio .customScrollBox .container{
	position:relative;
	max-width:380px;
	float:left;
}

#orientaciones .customScrollBox .container .content,#solucions .customScrollBox .container .content{
	font-size:12px;
	line-height:20px;
	padding-top: 5px;
	padding-bottom:5px;
}

#audio .customScrollBox .container .content,#video .customScrollBox .container .content,#link .customScrollBox .container .content,#videoinicial .customScrollBox .container .content,#activitatinicial .customScrollBox .container .content,#activitat .customScrollBox .container .content,#imatge .customScrollBox .container .content,#angles .customScrollBox .container .content,#text .customScrollBox .container .content,#diversitat .customScrollBox .container .content,#avaluacio .customScrollBox .container .content,#programacio .customScrollBox .container .content{
	font-size:12px;
	line-height:20px;
	padding-top: 1px;
	padding-bottom:1px;
}

#orientaciones .dragger_container,#solucions .dragger_container,#audio .dragger_container,#video .dragger_container,#link .dragger_container,#videoinicial .dragger_container,,#activitatinicial .dragger_container,#activitat .dragger_container,#imatge .dragger_container,#angles .dragger_container,#text .dragger_container,#diversitat .dragger_container,#avaluacio .dragger_container,#programacio .dragger_container{
	margin-top:4px;
	height:98%;
	width:3px;
	border-radius:2px;
	background-color:white;
	position:absolute;
	right:12px;
	top:0px;
	margin-top:2px;
	margin-right:6px;
}

#orientaciones .dragger,#solucions .dragger,#audio  .dragger,#video  .dragger,#VI  .dragger,#extern  .dragger{
	width:12px !important;
	height:12px !important;
	border-radius:6px;
	background-color:white;
	position:absolute;
	right:-4px;
	top:-2px;
	cursor:pointer;
}


.Rcursiva,.Scursiva,.Snegretacursiva{
	font-style:italic;
}

.Scursiva,.Snegretacursiva{
	font-family:arial !important;
}

.Rdestacatcolor{
	color:rgb(0,118,114);
}

p,li:not([.unitat]){
	font-family:arial;
}

.content{
	font-family:arial;
}

.Rcursiva{
    font-family:arial !important;
}

.Rphonetic{
	font-family:phonetic;
}

.Rphonetic,.Sphonetic{
	font-family:Phonetic;
}

.Versaleta
{
	font-variant:small-caps;
}

#orientaciones .content>*:not([class='ootitle']):first-child,#solucions .content>*:not([class='sstitle']):first-child{
	margin-top:0px;
	padding-top:0px;
}

#orientaciones .content>*:first-child .Snumero p,#solucions .content>*:first-child .Snumero p{
	margin-top:0px;
	padding-top:0px;
}


.Rtextentrat{
	position:relative;
	margin-left:28px;
}

.R1llistabolitxe{
	position:relative;
	margin-left:-12px;
	width:315px;
}

.Rtextentrat{
	width:335px;
}

.R2llistaguio,.R2llistaA,.R2llistanumeros{
	width:300px;
}

.Rtextentrat2{
	position:relative;
	margin-left:36px;
	width:320px;
}

.Rreferencia{
	position:relative;
	text-align:right;
	font-size:10px;
	right:0px;
	width:350px;
	
}

.content li{
	margin-bottom:8px;
}

.bocata a:hover{
	color:white !important;
}
	
.content ul ul{
	/*margin-top:12px;*/
}

.content ol, ul ol{
	/*margin-top:6px;*/
	margin-bottom:12px;
}

ul ul li.R2llistanumeros,ul ul li.R2llistaguio,ul ul li.R2llistaA, ul ol li.R2llistanumeros,ul ol li.R2llistaguio,ul ol li.R2llistaA,ol ol li.R2llistanumeros,ol ol li.R2llistaguio,ol ol li.R2llistaA{
	position:relative;
	margin-left:-21px !important;
}

.infotext{
	left: 29px;
    position: relative;
    top: -21px;
	width:308px;
}

p.R2llistanumeros,p.R2llistaA{
	position:relative;
	left:32px;
}

li.R2llistanumeros,li.R2llistaA{
	position:relative;
	left:3px;
}

.R2llistanumeros{
	width:300px;
}

.content p{
	clear:both;
}

.R2llistaguio{
	position:relative;
	margin-left:8px;
}

.Sllista10{
	left: 16px;
    padding: 10px;
    position: relative;
	clear:both;
	margin-top:10px;
}

.Sllista10 p{
	left:15px !important;
}

.STllista{
	position:relative;
	right:26px;
}

.R3llistanumeros,.R3llistaguio,.R3llistaA{
	position:relative;
	margin-left:18px;
	width: 307px;
}

li ul .R3llistanumeros,li ul .R3llistaguio,li ul .R3llistaA{
	position:relative;
	margin-left:18px;
	width: 260px;
}

.Rentrada{
    width:87%;
	font-weight: 700;
	margin-left:15px;
	position:relative;
	left:15px;
}

.R2llistaA,.SllistaA{
	list-style-type:upper-alpha;
}

.SllistaA{
	margin-left:53px;
	/*font-weight:bold;
	color:rgb(0,118,114);	*/
}

.Rreferenciacursiva{
	font-family:arial !important;
	font-style:italic;
}

.Rsuperindex,.Rsubindex{
	font-size:xx-small;
}

.STseccio,.STtext,.STllista{
	margin-left:28px;
	width:328px;
}

.STseccio{
	font-weight:bold;
}

.Rsuperindex{
	vertical-align:top;
}

.Rsubindex{
	vertical-align:bottom;
}

.R2llistaguio,.Rllistaguio,.R3llistaguio,.STllista{
	list-style:none;
}

/*.Rllistaguio:before ,.R2llistaguio:before ,.R3llistaguio:before ,.STllista:before{
	content: "-";
	position:relative;
	left:-15px;
}*/

.llistaguio ,.R2llistaguio ,.R3llistaguio,.STllista{
	list-style-image: url("../icones/less.png");
}

/*div.orientacions *{
	width:340px;
}*/

#orientaciones a img,#solucions a img{
	border:none;
}

#orientaciones img:not([id]),#solucions img:not([id]),a[class] img{
	position:relative;
	top:4px;
	left:2px;
	width:16px;
	height:16px;
	margin-right:2px;
}

img[class='imatgeanclada']{
	width:auto;
	height:auto;
}

.Sllista{
	position:relative;
	left:16px;
	padding:10px;
	clear:both;
	margin-top: 10px;
}

 
.Sllista .Snumero:first-child, .Sllista10 .Snumero:first-child{
	margin-right:5px;
}

.delete{
	display:none;
	margin:0px;
	height:0px;
}

.sllistacontent{
	 float: left;
    width: 372px;
}

.columnes{
	margin-left: 53px;
    position: relative;
    top: -4px;
	line-height: 12px;
}

.Sentrat{
	position:relative;
	margin-left:53px;
	width:315px;
}

.Slletracolor{
	font-weight: bold;
	font-size:12px !important;
}

.Snumero{
	background-color:black;
	color:white;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 5px 8px 4px 7px;
	font-weight: 700;
	font-size:11px !important;
	width:8px;
	height:14px;
}

.Snumero p{
	 left: 18px;
    position: absolute;
    top: 1px;
}

.Sseccio,.Rseccio{
    position:relative;
	text-transform:uppercase;
	font-weight: bold;
	font-size:13px !important;
	max-width:360 !important;
}

li.SllistaA{
	margin-left: 32px;
    width: 290px;
}

div.SllistaA{
    width: 290px;
}

.Sseccio{
	margin-left:53px;
	width: 318px;
}

.Rseccio{
	margin-left:29px;
}

.Rnegreta,.Rnegretacursiva{
	color:#FFFFFF;
	font-weight: bold;
	font-family:arial !important;
}

.Rnegretacursiva{
	font-style:italic;
}

.SIpregunta,.SIresposta{
	margin-left:53px;
	width: 314px;
}

.SIpregunta{
	font-weight:700;
	color: #A0D7F5;
	margin-bottom:2px;
}

.SIresposta{
	margin-top:0;
}

.columna{
	bottom:25px;
	float:left;
	margin-right:15px;
}

.para-style-override-11 .Snumero p{left:15px;}