/* CSS Document */

*{
margin:0;
padding:0;
}

body {
	background-color: #d6cfcf;
	font-family:Arial, Helvetica, sans-serif;
}

.pr_contenidor
{	
	border:10px solid #333; 
 	width:950px;
 	height:100%;
	margin:0 auto;
	margin-top:15px;	
 	background-color:#FFF;
}

.pr_capcalera
{
 	width:950px;
 	height:100px;
	/*background-color:#FFF;*/
	background-image:url(../imatges/prcapcalera.png);
}

.pr_botonera
{
 	width:950px;
 	height:43px;
	/*background-color:#FFF;*/
	background-image:url(../imatges/prbottonera.png);
}

.pr_productes_btn
{
	position:absolute;
	width:130px;
	height:30px;
	margin-left:220px;
	margin-top:7px;
	cursor:pointer;
	font-weight: bold;
	line-height: 29px;
	color:#333;
	font-size:15px;
	text-align:center;
	text-decoration:none;
}

.pr_productes_btn a {
	text-decoration:none;
	color:#333;
}

.pr_comandes_btn
{
	position:absolute;
	width:130px;
	height:30px;
	margin-left:373px;
	margin-top:7px;
	cursor:pointer;
	font-weight: bold;
	line-height: 29px;
	color:#333;
	font-size:15px;
	text-align:center;
	text-decoration:none;
}

.pr_comandes_btn a {
	text-decoration:none;
	color:#333;
}

.pr_documents_btn
{
	position:absolute;
	width:130px;
	height:30px;
	margin-left:526px;
	margin-top:7px;
	cursor:pointer;
	font-weight: bold;
	line-height: 29px;
	color:#333;
	font-size:15px;
	text-align:center;
	text-decoration:none;
}

.pr_documents_btn a {
	text-decoration:none;
	color:#333;
}

.pr_dades_btn
{
	position:absolute;
	width:130px;
	height:30px;
	margin-left:680px;
	margin-top:7px;
	cursor:pointer;
	font-weight: bold;
	line-height: 29px;
	color:#333;
	font-size:15px;
	text-align:center;
	text-decoration:none;
}

.pr_dades_btn a {
	text-decoration:none;
	color:#333;
}

.pr_logout_btn
{
	position:absolute;
	width:70px;
	height:30px;
	margin-left:835px;
	margin-top:7px;
}

.pr_logout_icon
{
	height:30px;	
	width:34px;
	float:left;
	background-image:url(../imatges/button_logout.png);
}

.pr_logout_text
{
	height:30px;	
	width:36px;
	float:left;
	font-weight: bold;
	line-height: 28px;
	font-size:12px;
	text-align:center;
}

.pr_logout_text a {
	text-decoration:none;
	color:#FFF;
}

.pr_cos
{
 	overflow: hidden;
	width:100%;
	height:100%;
	background-color:#FFF;
}

.pr_menu
{
	float:left;
	width:204px;
	height:auto;
	background-color:#FFF;
}

.pr_separador
{
	float:left;
	width:3px;
	height:inherit;
	background-color:#333;
}

.pr_body
{
	float:left;
	width:536px;
	height:auto;
	background-color:#FFF;
}

.pr_articles1
{
 	float:left;
	width:50%;
	height:100%;
	background-color:#CCC;
}

.pr_articles2
{
	float:right;
	width:50%;
	height:100%;
	background-color:#CCC;	
}


.pr_article
{ 
	width:95%;
	height:45px;
	background-color:#033;
	margin-left:6px;
	margin-top:10px;
}

.pr_articles_top
{
	height:50px;
	width:100%;
	background-color:#963;
}

.pr_buscador
{
	width:204x;
	height:20px;
	background-image:url(../imatges/prbuscadordown.png);
	font-size:13px;
}

.pr_panell_buscador1
{
	width:204px;
	height:270px;
	background-color:#EEE;
	/*display:none;*/
}

.pr_panell_buscador2
{
	width:204px;
	height:auto;
	background-color:#EEE;
	/*display:none;*/
}


.pr_buscador_end
{
	width:204px;
	height:2px;
	background-color:#CCC;
}

.pr_empresa
{
	position:relative;
	width:370px;
	height:80px;
	left:42px;
	top:8px;
}

.pr_logo_empresa
{
	float:left;
	background-image:url(../imatges/logo.png);
	height:75px;
	width:75px;
	margin-left:8px;
	margin-top:0px;
	background-position:center;
	border:2px #FFF solid;
	display:inline;
}

.pr_dades_empresa
{
	float:left;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.pr_nom_empresa
{
	margin-top:7px;
	margin-left:2px;
	margin-bottom:4px;
	font-weight:bold;
	font-size:12px;	
	width:280px;
	text-align:center;
}
.pr_adr_empresa
{
	float:left;
	margin-left:10px;
}

.pr_poble_empresa
{
	float:left;
	margin-left:20px;
	display:inline;
}

.pr_pais_empresa             	
{
	clear:left;
	float:left;
	margin-left:20px;
	display:inline;
}

.pr_cap_linia
{
	margin-top:1px;
	margin-left:20px;
	margin-bottom:2px;
	clear:both;
	height:10px;
}

.pr_telf_empresa	
{
	float:left;
	height:10px;
}

.pr_nif_empresa 	                                        	
{
	float:left;
	height:10px;
}
    
.pr_mail_empresa 	                                        	
{
	float:left;
	margin-left:50px;
	height:10px;
}

.pr_fax_empresa
{
	float:left;
	margin-left:53px;
	height:10px;
}   
	
.art_buscador
{
	background-color:#999; 
	height:20px; 
	width:100%; 
	margin-bottom:10px;
	margin-top:1px;
	font-weight:bold; 
	color:#EEE;
}

.art_buscador_tmp
{
	background-color:#FC4; 
	height:20px; 
	width:100%; 
	margin-bottom:10px;
	margin-top:1px;
	font-weight:bold; 
	color:#555;
}


.art_txt_buscador
{
	font-size:11px;
	text-align:right; 
	width:78px;
	float:left;
}

.art_in_buscador
{
	margin-left:60px;
}

.art_input_buscador
{
	font-size:11px;	
	float:none;
	width:95px;
}

.art_input_buscador2
{
	font-size:11px;	
	float:none;
	width:95px;	
}

.art_inputch_buscador
{
	margin-left:15px;
	text-align:left;
	width: 1em;
}

.art_select_buscador
{
	font-size:11px;		
	width:150px;
}

.art_img_cist
{
	background-image:url(../imatges/button_cistella.png);
	width:22px;
	height:22px;
	margin-top:1px;
	margin-left:15px;
	float:left;
}

.art_txt1_cist
{	
	float:none;
	font-size:11px;
	margin-top:30px;
	padding-top:6px;
	padding-bottom:6px;
	margin:0 auto;
	margin-left:45px;
	text-align:left;
}

.art_txt2_cist
{	
	font-size:11px;
	margin:0 auto;
	margin-top:10px;
}

.art_txt3_cist
{	
	clear:left;
	margin-top:5px;
	font-size:10px;
	width:204px;
	text-align:left;
	height:auto;
	padding-bottom:6px;
}

.art_txt4_cist
{
	font-family:Arial, Helvetica, sans-serif;
	margin-left:3px;
	text-align:right;
	float:left;
	width:30px;
	height:auto;
	display:inline;
}

.art_txt5_cist
{
	text-align:left;
	float:left;
	width:120px;
	height:auto;
	color:#003;
	display:inline;
}

.art_txt6_cist
{
	float:left;
	margin-left:5px;
	width:53px;
	height:auto;
	display:inline;
}

.art_butt_conf
{	
	background-image: url(../imatges/button_conf.png);	
	width:164px;
	height:36px;
	margin:0 auto;
	margin-top:10px;
}

.art_butt_conf2
{	
	position:relative;
	margin-left:10px;
	padding-top:10px;
	text-align:left;
}

.art_butt_conf2 a
{	
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#EEE;
}


.art_articles_top
{
	text-align:center;
	height:22px;
	width:530px;
	background-color:#FFF;
}

.art_articles_bottom
{
	clear:both;
	height:50px;
	width:530px;
	background-color:#FFF;
	position:inherit;
}

.art_val_stock_txt
{
	font-size:11px;
	float:left;
	width:70px;
	height:17px;
	margin:1px;
}


.art_val_stock_txt2
{
	font-size:11px;
	float:left;
	width:70px;
	height:17px;
	margin:1px;
}

.art_val_stock_foto
{
	float:left;
	width:13px;
	height:13px;
	margin:1px;
}

.pr_tornar
{
	margin:0 auto;
	margin-top:10px;
	background:url(../imatges/button_tornar.png) no-repeat;
	width:90px;
	height:26px;
	cursor:pointer;	
}

.pr_tornar2 
{
	padding-top:3px;
	margin-left:30px;
	width:80%;
}

.pr_tornar2 a
{
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#333;
}

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
  width:130px;
}

.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width:130px;
  height:30px;
  font-weight: bold;
  color:#333;
  font-size:15px;
  text-align:center;
  text-decoration:none;
  line-height: 29px;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  display: block;
  font-weight: bold;
  line-height: 29px;
  color:#333;
  font-size:15px;
  text-align:center;
  text-decoration:none;
}

.nav li a:hover {
  color: #333;	
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  color: #333;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #666;
  color: #CCC;	
  font-size:12px;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}

.nav ul {
  background: #565656;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width:131px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 30px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #000;
  border-bottom: 0;
  width:130px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

.pr_peupag
{
	border:4px solid #999; 
 	width:812px;
 	height:auto;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
 	background-color:#d6cfcf;
	color:#666;
	font-size:10px;
}

.pr_index_msg
{
	text-align:center;
	line-height: 29px;
	border:2px solid #AAA; 
 	width:800px;
 	height:40px;
	margin:0 auto;
	font-size:11px;
	color:#600;
}

.pr_aux_sepr
{
	clear:both;
	height:7px;
}

.redborder { border: 2px solid #6F0000; }

.pr_panell_recom
{
	width:190px;
	height:350px;
	margin:0 auto;
}

.pr_panell_art_recom
{
	width:187px;
	height:30px;
	margin-left:0px;
	margin-top:5px;
	border:1px solid #999;
}

.pr_panell_buscador3
{
	width:204px;
	height:330px;
	background-color:#EEE;
	/*display:none;*/
}

.recom_txt
{
	width:170px;
	height:26px;
	float:left;
	margin-left:0px;
	font-size:10px;
	display:inline;
}

.recom_txt1
{
	width:105px;
	height:25px;
	float:left;
	margin:1px;
	font-size:10px;
	line-height:12px;
	display:inline;	
}

.recom_txt1 a 
{
	color:#003;
}

.recom_txt1a
{
	width:105px;
	height:12px;
	font-size:10px;
	line-height:12px;
}

.recom_txt1b
{
	width:105px;
	height:12px;
	font-size:10px;
	line-height:12px;
}

.recom_txt2
{
	width:50px;
	height:20px;
	float:left;
	margin:1px;
	margin-top:5px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
}
.recom_buttons_add
{
	width:24px;
	height:25px;
	float:left;
	margin-left:1px;
	margin-top:2px;
	background-image:url(../imatges/artadd.png);
	cursor:pointer;
	display:inline;
}

.recom_valors_stock
{
	float:left;
	margin-top:1px;
	margin-right:0px;
	width:10px;
	height:30px;
	display:inline;
}

.recom_img_stock
{
	margin:0 auto;
	width:14px;
	height:13px;
	background-position:center; 
}

.art_buttons_ofe1
{
	/*float:none;*/
	cursor:pointer;
	width:14px;
	height:14px;
	margin-top:0px;
	margin-left:0px;	
	background:url(../imatges/estrella_oferta2.png) no-repeat;
	background-position:center; 
}

.art_buttons_ofe2
{
	/*float:none;*/
	width:14px;
	height:14px;
	margin-top:0px;
	margin-left:0px;
	/*background:url(../imatges/boto_oferta2.png) no-repeat;*/
}

.pr_mail_btn
{
	float:left;
	position:absolute;
	margin-left:30px;
	margin-top:12px;
	height:20px;
	width:100px;
}

.pr_mail_imatge
{
	margin-top:0px;
	float:left;
	height:15px;
	width:20px;
	background:url(../imatges/mail.png);	
}

.pr_mail_txt
{
	margin-top:0px;
	margin-left:8px;
	float:left;
	height:15px;
	width:70px;	
}

.pr_mail_txt a  {
	color:#CCC;
	font-size:11px;
}

.pr_doc_cont {
	clear:both;
	height:auto;
	overflow:hidden;
	padding-bottom:10px;
	padding-top:10px;
}

.pr_docu_conttxt{
	padding-bottom:15px;
	height:auto;
}

.pr_docu_txt{
	margin-left:15px;
	margin-top:5px;
	padding-bottom:10px;
	float:left;
	height:auto;
	width:145px;
	font-size:10px;
	text-align:left;
	text-decoration:underline;
	display:inline;
}

.pr_docu_img{
	margin-top:3px;
	margin-left:0px;
	float:left;
	height:23px;
	width:24px;
	cursor:pointer;
	display:inline;	
	font-size:11px;
}

.pr_docu_img a{
	border:0px;	
	border-style: none
}

.pr_stock_verd{
	height:13px;
	width:13px;
	background:url(../imatges/artstockverd.png) no-repeat;
	background-position:center; 
}

.pr_stock_vrmll{
	height:13px;
	width:13px;
	background:url(../imatges/artstockvermell.png) no-repeat;
	background-position:center; 	
}

.pr_stock_negr{
	height:13px;
	width:13px;
	background:url(../imatges/artstockblau.png) no-repeat;
	background-position:center; 
}

.pr_stock_groc{
	height:13px;
	width:13px;
	background:url(../imatges/artstockgroc.png) no-repeat;
	background-position:center; 
}

.pr_art_rmv{
	height:13px;
	width:13px;
	background:url(../imatges/delete2.png) no-repeat;
	margin-left:12px;
	cursor:pointer;
}