#main {

	min-height: 830px;

}



#main>h2 { display:none; }


p.topo {
	float:left;
	position:absolute;
	top:0px;
	left:5px;}



/* jFlow amb obres destacades */

#jFlowSlide {

	/*border:5px solid #B73B55;*/

	margin: 0 auto;

}

#mySlides .jFlowSlideContainer {

	margin: 20px 30px;

	overflow: hidden !important;

}

#mySlides .jFlowSlideContainer h3, #mySlides .jFlowSlideContainer h4 {

	display: inline;

}

#mySlides .jFlowSlideContainer h3 { font-weight: bold;}

#mySlides .jFlowSlideContainer a { color: #3B3B3B; }

#mySlides .jFlowSlideContainer p img{

	/*border:10px solid #3B3B3B;*/

	background-color:#FFFFFF;

	/*padding:15px 20px;*/

	max-height:430px;

	margin-top:5px;

}



.jFlowPrev, .jFlowNext{ cursor:pointer; }



.jFlowControl {display:none;}



#myController {

	position:absolute; /* col.loquem absolutament per assegurar que se situa entre les linies grises sempre */

	top:550px;

	left:0;

	width:100%;	/* amb la posició per l'esquerra a 0, l'amplada al 100% i el text aliniat al centre assegurem que el conjunt es queda al centre */

	height: 40px;

	padding-top:10px;

	background: url(/docroot/art62/imgs/bgk_linia.gif) no-repeat 0;

	text-align:center;

	color:#AE2543;

	font-size:14px;

}

#myController span {

	color:#AE2141;

	font-weight: bold;

	font-size: 1.7em;

	margin-right:10px;

	cursor:pointer;

}

#myController span.jFlowSelected { color: #849299; }





#xtramain05 { padding: 1px; }



#xtramain05 ul {

	position: relative;

	clear: both;

	min-height: 305px;

/*	background: url(/docroot/art62/imgs/homeDestBg.gif) repeat-x top;  */

/*	background: url(/docroot/grup62infantiljuvenil/imgs/juvenil_colBottom.gif) no-repeat -308px 100%; */

	padding-bottom:4px;

	margin-left:-2px;

	width:511px;

}



#xtramain05 ul li ul li {



background: url(/docroot/art62/imgs/homeDestBg2.gif) repeat-x bottom; 

	width:481px;

	min-height:300px;

	margin-top:25px;

	padding:15px;

	border-right: 1px solid #C0CDD1 !important;

	border-left: 1px solid #C0CDD1 !important;

}





/* imatge */

#xtramain05>ul li p.imgLeft {

	left:17px;

	top:20px;

	float:left;

}

* html #xtramain05 ul li p.imgLeft {

	left:20px;

}

#xtramain05>ul li p.imgLeft img {

padding-right:20px;

display: block;

border-left: 1px solid #fff!important;

border-right:none !important;

border-top:none !important;

border-bottom:none !important;

}



/* dades */

#xtramain05> ul li h3, #xtramain05>h4, #xtramain05>h4 a{

  color:#007C97;

}

#xtramain05>ul li h3 {

	font-size:24px;

	margin-top: 0px;

	margin-bottom: 0px !important;

	color:#007C97;



}

#xtramain05> ul li h4 {

	margin-top: .3em !important;

	margin-bottom: 1em !important;

	font-size:14px;

	font-style:italic;

	font-weight:bold;

  color:#007C97;

}

#xtramain05>ul li p { /* frase marqueting */

	  text-align: left;

	  font-family:Arial, sans-serif;

	  font-size:12px;

	  



}

#xtramain05>* {

	     margin-left: 20px;

       margin-top:30px;

}

#xtramain06 li {

	position: relative;

	height: 170px !important;

	width: 500px;

	padding: 0 !important;

	margin: 0 !important;

	background: url(/docroot/art62/imgs/home_jsBg.gif) repeat-x;

}

#xtramain06 p.imgLeft {

	position: static;

	float: none;

	margin: 0 !important;

	padding: 0 !important;

}

#xtramain06 p.imgLeft img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100px;

	border: 0 !important;

	border-right: 3px solid #fff !important;

}

#xtramain06 h4, #xtramain06 h5, #xtramain06 p {

	position: absolute;

	left: 114px;

	top: 0;

	margin: 0 !important;

}

#xtramain06 h4 {

	top: 19px;

	font: 1.7em Arial, sans-serif;

	color: #fff;

}

#xtramain06 h4 a, #xtramain06 h5 a{

	color: #fff;

}

#xtramain06 h5 {

	top: 76px;

	font-size: 1.2em;

	color: #fff;

	font-style: italic;

}

#xtramain06 p {

	top: 114px;

	font-size: .9em;

}

#xtramain06 p+p {

	left: auto;

	right: 12px;

}







/* Destacats */

#xtramain02>div ul {

	margin-top:-16px;

	padding-left:20px;

	margin-left:-21px;

	padding-top:20px;

	width:489px;

	min-height: 1px;

	background: url(/docroot/art62/imgs/homeDestBg.gif) repeat-x top; 

	border: 1px solid #C0CDD1 !important;}

	

#xtramain02>div {

	margin-top:-7px;

	padding-left:20px;

	padding-top:0px;

	width:489px;

	min-height: 1px;

        background: transparent url(/docroot/art62/imgs/homeDestBg2.gif) repeat-x scroll center bottom;

	

}



	

*:first-child+html #xtramain02>div ul {

	padding-bottom: 2em;

}

#xtramain02>div ul:after {

	content: "";

	display: block;

	height: 1px;

	clear: both;

}

#xtramain02>div ul>li {

	position: relative;

	left: 0px;

	float: left;

	padding: 0;

	margin: 0 20px 20px 0;

	background: none;

	width: 220px;

}



#xtramain02>div ul>li>p.imgLeft {

	margin-right: 4px !important;

	margin-left: 0 !important;

	padding-right:7px;

}







#xtramain02>div ul>li>* {

	margin: 0 0 0 65px !important;

}





#xtramain02> h3 {

	text-indent:-9999px;

	clear: both;

	font: 1.5em Georgia, serif;

	color: #ffffff;

	width:511px;

	height:30px;

	background: url(/docroot/art62/imgs/h3BgNovedades.gif) no-repeat;}

	

	

#xtramain02>div ul>li>h4 {

	font-style: normal;

	padding-bottom:8px;

      

}

#xtramain02>div ul>li>h5 {

	font-size: .9em;

	font-style: italic;

}

#xtramain02>div ul>li>ul {

	margin-top: .5em !important;

}

#xtramain02>div ul>li>p {

	font-size: .9em;

}



#xtramain04 {

background: url(/docroot/art62/imgs/homeDestBg.gif) repeat-x 0 32px;

width:511px;

}



#xtramain04>h3 {

	text-indent:-9999px;

	clear: both;

	font: 1.5em Georgia, serif;

	color: #ffffff;

	width:511px;

	height:30px;

	background: url(/docroot/art62/imgs/h3BgTemadelmes.gif) no-repeat;

}



#xtramain04>div {

	margin-top:-7px;

	padding-left:20px;

	padding-top:0px;

	width:489px;

	min-height: 1px;

	background: transparent url(/docroot/art62/imgs/homeDestBg2.gif) repeat-x scroll center bottom;

	border: 1px solid #C0CDD1 !important;

}

*:first-child+html #xtramain04>div {

padding-bottom: 2em;

}

#xtramain04>div:after {

	content: "";

	display: block;

	height: 1px;

	clear: both;

}



#xtramain04 p {

	color:#fff;

	font: italic 1.4em Georgia, serif;

	text-align:right;

	line-height:1.4em;

	width:390px;

}



/* Llibre destacat */

#xtramain04>div>div {

	float: left;

	width: 200px;

        line-height:0.5em;

	margin-right:35px;

}

#xtramain04>div>div>h4 {

	font-size: 1.5em;

	line-height:0.4em;

	margin-top:25px;

	

}

#xtramain04>div>div>h5 {

       font-size: 1.2em;

	font-style: italic;

	margin: 0!important;

	line-height:0.1em;

}

#xtramain04>div>div>p.imgLeft {

	width: auto;

	margin-top: 15px !important;

margin-bottom: 15px !important;



}



/* La resta de llibres */

#xtramain04>div>ul {

	float: left;

        margin-top: 10px !important;

}

#xtramain04>div>ul>li {

	padding: 0 0 0 7px;

	margin: 0 20px 20px 0;

	background: none;

}



#xtramain04>div>ul>li>h4:before {

	content: '\BB ';

       color:#007C97;

}

#xtramain04>div>ul>li>h4 {

	font-style: normal;

	line-height:0.4em;

	margin-top:15px;

}

#xtramain04>div>ul>li>h5 {

	font-size: .9em;

	font-style: italic;

	line-height:0.1em;

       padding-left: 10px;

}

#xtramain04>div>ul>li>ul {

	margin-top: .5em !important;

}

#xtramain04>div>ul>li>p {

	font-size: .9em;

}





/* Bloc de l'editor */



.xtradiv {

padding-top:20px;

}



.xtradiv>div {

	

	padding-left:20px;

	padding-top:20px;

	width:228px;

	min-height: 1px;

	background: url(/docroot/art62/imgs/homeDestBg.gif) repeat-x top; 

	border: 1px solid #C0CDD1 !important;

}

.xtradiv>h4  {

/* text-indent:-9999px; */

font: 1.5em Georgia, serif;

color: #ffffff;

height:30px;

/*width:260px; */

margin:0px;

/*position:relative; */

/* background: url(/docroot/art62/imgs/h3BgDelaEditora.gif) no-repeat;*/

}



.xtradiv>h3 {

	font-style: normal;

	line-height:0.1em;

	margin-top:15px;

}

.xtradiv>p {

	font-size: .9em;

	line-height:0.1em;

}





/* With JS enabled */

.JS-container {

	position: relative;

}

.JS-container li {

	display: none;

	position: relative;

	width: 335px !important;

	left: 163px !important;

}

#JS-menu {

	position: absolute;

	left: 0;

	top: 0;

	width: 170px;

}

#JS-menu img {

	max-width: 45px;

	cursor: pointer;

	border: 2px solid #a3c290;

	margin-bottom: 5px;

}

* html #JS-menu img {

	width: 45px;

}