*{
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }


p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}

 
#midlink {
   width:1000px; 
   height:50px; 
   position:relative; 
   top:10px;
   margin-left:auto;
   margin-right:auto;

   }
#midlink ul {padding:0; margin:0; list-style:none;}
#midlink ul li {float:left; font-size:12px; line-height:36px; color:#fff;}
#midlink ul li a {font-size:11px; line-height:40px; color:#fff; text-decoration:none; padding:0 10px; font-weight:bold;}
#midlink ul li a:hover {color:#335;}
#midlink ul li a.chosen {color:#000;}

#showcase {width:1025px; height:auto;}


.div_principal{
   width:1000px;
  /* border:solid #000000 1px;*/
   text-align:left;
   position: relative;
   top:50px;
   margin-left:auto;
   margin-right:auto;
   background:#ffffff;
 border:1px solid #ddd;
}

a, a:visited {
   color:#048; 
   text-decoration:none;
   }
a:hover {
   text-decoration:underline;
   }
   


p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}



.elementoVisible {display:block;}
.elementoOculto {display:none;}
.linkContraido {
	cursor: pointer;
   
}
.linkExpandido {
	cursor: pointer;
}



/*PROPIES DEL SUC*/

/*TOOLTIPS*/

p#vtip { 

display: none;
position: absolute; 
padding: 10px; 
left: 5px; font-size: 13px;
background-color: white;
border: 1px solid #a6c9e2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 9999 ;
}
*p#vtip #vtipArrow { 
display:none !important;
/*position: absolute; top: -10px; left: 5px ;*/
}


/*ESTILS GENERALS*/

.red{color:green; font-size:15px; font-weight:bold; }
.green{color:#77bb75;font-size:12px; font-weight:bold;}
.float_l{float:left;}
.float_r{float:right;}
.bold{font-weight:bold;}


.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}
.p35{padding:35px}
.p40{padding:40px}
.p45{padding:45px}
.p50{padding:50px}



.pl5{margin:0 5px 0 5px}
.pl10{margin:0 10px 0 10px}
.pl15{margin:0 15px 0 15px}
.pl20{margin:0 20px 0 20px}
.pl25{margin:0 25px 0 25px}
.pl30{margin:0 30px 0 30px}
.pl35{margin:0 35px 0 35px}
.pl40{margin:0 40px 0 40px}
.pl45{margin:0 45px 0 45px}
.pl50{margin:0 50px 0 50px}
.pl55{margin:0 55px 0 55px}
.pl60{margin:0 60px 0 60px}
.pl80{margin:0 80px 0 80px}
.pl85{margin:0 85px 0 85px}




.pv5{margin:5px 0 5px 0}
.pv10{margin:10px 0 10px 0}
.pv15{margin:15px 0 15px 0}
.pv20{margin:20px 0 20px 0}
.pv35{margin:25px 0 25px 0}
.pv30{margin:30px 0 30px 0}
.pv45{margin:35px 0 35px 0}
.pv40{margin:40px 0 40px 0}
.pv45{margin:45px 0 45px 0}
.pv50{margin:50px 0 50px 0}


.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}
.m35{margin:35px}
.m40{margin:40px}
.m45{margin:45px}
.m50{margin:50px}


.ml5{margin:0 5px 0 5px}
.ml10{margin:0 10px 0 10px}
.ml15{margin:0 15px 0 15px}
.ml20{margin:0 20px 0 20px}
.ml25{margin:0 25px 0 25px}
.ml30{margin:0 30px 0 30px}
.ml35{margin:0 35px 0 35px}
.ml40{margin:0 40px 0 40px}
.ml45{margin:0 45px 0 45px}
.ml50{margin:0 50px 0 50px}



.mv5{margin:5px 0 5px 0}
.mv10{margin:10px 0 10px 0}
.mv15{margin:15px 0 15px 0}
.mv20{margin:20px 0 20px 0}
.mv25{margin:25px 0 25px 0}
.mv30{margin:30px 0 30px 0}
.mv35{margin:35px 0 35px 0}
.mv40{margin:40px 0 40px 0}
.mv45{margin:45px 0 45px 0}
.mv50{margin:50px 0 50px 0}



.clear {clear: both; }
.border{border:solid 1px red;}
.noborder{border:0 !important;}


/*ESTILS ESPECIFICS*/

#formulari_seccio div{
width:150px;
float:left;
padding:8px;
}

#dades_generals{margin:0; position:relative;}

/*ICONES INICI*/

#icones_inici div{ float:left;}
#icones_inici span{height:130px;}
#icones_inici{width:100%;padding:20px;float:left;}
#icones_inici_ppal{margin:20px;width:99.8%;}
#icones_inici a{font-size:16px; color: #333333; float:left;}


/*TAULA SECCIONS*/
#taula_seccions {
	border-top:1px solid #666666;
	float:left;
}
#taula_seccions td{ width:100%;  }
#taula_seccions th{font-weight:bold;padding:5px 0px 15px 10px; font-size:14px;}
#taula_seccions img{margin: 0 0 0 0; }
#taula_seccions .centrat{padding:0 0 0 35px; }
#taula_seccions{margin: 0; cursor: move; width:100%;}

#taula_seccions .border_taules{float:left;border-bottom:dotted 1px #999999; padding:10px 0 0 0;  width:100%; height:30px;}
#taula_seccions .border_taules:hover{background-color: #dcfcbd;}
#taula_seccions .border_taules div{height:20px;float:left; width:14%;text-align:center;}
#taula_seccions .border_taules .nocentrat{height:20px;float:left; text-align:left; width:200px;}

#taula_seccions_titols .ample {text-align:left;  width:200px;}

#taula_seccions .border_taules a{color:#006600; font-size:13px;}
#taula_seccions_titols .border_taules div{height:25px;float:left; text-align:center;}
#taula_seccions_titols div {width:14%; font-weight:bold;}
/*
#taula_seccions .border_taules .ample{height:20px;float:left; width:39%;}
#taula_seccions_titols .ample {width:39%;}
#taula_seccions_titols .petit {width:5%;}
*/
#taula_seccions_titols {
	width:100%;
}


/*ENLLA�OS ICONES*/

.enllassos_icones{float:right;}
.enllassos_icones div{
	width:70px;
	height:70px;
	float:left;
	text-align:center;
	margin:15px;
	font-size:16px;
}

.enllassos_icones div:hover{
	margin:5px 10px 0 10px;
	border:solid 1px #cccccc;
}

.enllassos_icones a{
	text-decoration:none;
	color:#000000;
}


/*LLEGENDA*/

#llegenda{margin:20px 0 0 0;  padding-bottom:10px;font-size:10px;  width:100%;}
#llegenda img{width:12px; height:12px; border:0;}
#llegenda .imatges{border:dotted 1px #999999; padding:2px; }
#llegenda .titols_ll{padding:5px 15px 5px 5px; }


/*DOCK SUC*/
#fixat {
	max-width:320px;
	padding:0 5px 5px 5px;
	height:90px; 
	border:solid 2px  #090;
	position:fixed; 
	bottom:0; 
	right:0;
	background:url(../imatges/bg-content-box.gif) ;
	cursor: move;
	margin-right:15px;
	z-index:999999;
}


/*MANUALS*/
#contenidor_manuals{
	min-width:1160px;
	padding: 10px 0 0 220px;
	margin: 0 25px 0 20px;
}


/*MINIWEB*/
#miniweb{width:450px; height:369px; background:url(../imatges/miniweb/fons_miniweb.jpg) no-repeat;margin:50px 150px 0 0; overflow:hidden;}
#contenedor_miniweb{width:400px; height:216px; float:right; margin:55px 28px 0 0;}


/*FORMAT*/
#format_estructura{ min-width:1200px; height:500px; background:url(../imatges/miniweb/flecha.png) no-repeat center; }
#format_estructura select{ width:250px; height:30px; border:none;background-color:#e1e1e1;}

#format_colors{height:250px;}

#contenidor_format_estructura {background:url(../imatges/miniweb/fons_miniweb2.png) no-repeat; width:450px;height:450px;}

.capa_de_ample{padding:10px 0 5px 25%;}
.capa_no_ample{padding:10px 0 5px 25px;}

#menus_format select{ width:250px; height:30px; border:none;background-color:#e1e1e1; font-size:14px; color: #333333; padding:5px;}
#menus_format{padding:20px;}
#menus_format img{cursor: pointer; padding-left:5px;}

#imatges_format input{ border:solid 1px white;font-size:12px; }
#contenedor_imatges{height:100px; padding:20px; border-bottom:solid 1px #CCCCCC;}
#contenedor_imatges img{ padding:5px; border:dotted 1px  #666666; margin-top:-20px; }
#contenedor_gran_imatges{ float:left;}
#imatge_web{width:450px; height:500px; background:url(../imatges/miniweb/fons_miniweb3.png) no-repeat;margin:0 150px 0 0; overflow:hidden; float:right;}

.titols{padding:10px 5px 0 0; float:left; font-weight:bold;}
.elements{padding:5px 20px 0 0; float:left; font-size:6px;}



/*EDITA PRODUCTE*/
#avis{
	text-align:center;
	color:#ffffff;
	font-size:20px;
	z-index:90;
	margin:180px auto auto 700px;
	float:left;
	position:absolute;
	display:none;
	background-color:#999999;
	border:solid 1px green;
	width:250px;
	height:100px;
			}
			
			

/*ADMIN_BOXES*/
 #llista_boxes {
      display:table-row;
	  font-family:Arial, Helvetica, sans-serif;
      }
   
   #llista_boxes ul{
	  padding:5px 0 5px 0;
      }
   
   #llista_boxes span{
      margin-left:5px;
   }
   #llista_boxes li{
      height:20px;
      float:left;
      list-style:none;
      border-bottom:1px solid #BBBBBB;
      font-size:9px;
      font-weight:bold;
   }
   #llista_boxes li a{
      margin-left:5px;
      text-decoration:none;
      color:#fff;
      
   }
   
   #llista_boxes span{
      color: #999999;
      
   }
   
   #llista_boxes_b{
      display:none;
      background-color:#E2E3DA;
      margin:10px auto auto 10px;
      position:absolute;
      height:50px;
	  width:100px;
      top:20px;
      border:1px solid #BBBBBB;
      border-right:1px solid #000000;
      border-bottom:1px solid #000000;
   }
   
   #llista_boxes_b li{
      background-color:#E2E3DA;
      height:20px;
      list-style:none;
      font-size:12px;
      font-weight:bold;
   
   }

   #llista_boxes_b li a{
	  font-family:Arial, Helvetica, sans-serif;
      margin-left:5px;
      text-decoration:none;
      color:#000000;
	  font-size:12px;
      
   }
#supercapa {
	margin:0px auto !important;
	border:1px solid black;
	width:400px;
	margin:0px auto;
	position:fixed;
	z-index:9999;
	left:40%;
	top:50%;
	padding:20px;
	background:#F7F7F4;
	display:none;
}


.nocurrent{text-shadow: 0px -1px 1px #374683;}
.nocurrent_complements{text-shadow: 0px -1px 1px #374683;}
#main-content h3 {text-shadow: 0px 1px 0px #ffffff;}

#boto_directe{
	margin:10px;
	width:60px !important;
	height:40px;
	border:solid 1px black;
	padding:20px ;
	font-size:20px;

}

#boto_directe:hover{
	border:solid 1px #bbbbbb;
}