/* ----------------------------------------------------------------------------
 DISFRESSES BARQUET CSS
 Creat per Humbert Codina i Alberto Gil
 Propietat de Totbits Solutions S.L.
 Tots els drets reservats
---------------------------------------------------------------------------- */
* { font: 10px Verdana; }
a { text-decoration: none; }
a img { border: 0px; }
strong{ font-weight:bold;}
em{font-style:italic;}
ul { font-size:13px; list-style-image: url('star.gif'); }
body { 
	text-align: center; padding: 0px; margin: 0px; 
	background: #900 url('background.jpg') repeat-x fixed top; }	
#body { text-align: center; margin: auto; margin-top: 0px; width: 830px; position: relative; }
	
/* ----------------------------------------------------------------------------
 HEADER
---------------------------------------------------------------------------- */
#header { background: url('header.jpg') 1px; height: 140px; position: relative; 
			/*border-bottom: 2px solid #000; */
			}
#header div.info { position: absolute; right: 30px; top: 55px; color: #FFF; }
#header h1 { position: absolute; left: 245px; top: 80px; color: #FFF; font-weight: bold; }

#menu { position: absolute; right: 0px; bottom: -2px; width:560px; }
#menu a { display: block; float: left; color: #FFF; width: 99px; height: 30px; margin-right: 4px;  }
#menu a span {display: none;}

#menu a.disfresses { background: url('menu_disfresses.png') no-repeat top center; }
#menu a.disfresses:hover { background-image: url('menu_disfresses_h.png'); }
#menu a.disfresses_sel { background: url('menu_disfresses_s.png') no-repeat top center; margin-top: 2px }

#menu a.quisom { background: url('menu_quisom.png') no-repeat top center; }
#menu a.quisom:hover { background-image: url('menu_quisom_h.png'); }
#menu a.quisom_sel { background: url('menu_quisom_s.png') no-repeat top center; margin-top: 2px }

#menu a.onsom { background: url('menu_onsom.png') no-repeat top center; }
#menu a.onsom:hover { background-image: url('menu_onsom_h.png'); }
#menu a.onsom_sel { background: url('menu_onsom_s.png') no-repeat top center; margin-top: 2px }

#menu a.contacte { background: url('menu_contacte.png') no-repeat top center; }
#menu a.contacte:hover { background-image: url('menu_contacte_h.png'); }
#menu a.contacte_sel { background: url('menu_contacte_s.png') no-repeat top center; margin-top: 2px  }

#menu a.ofertes { background: url('menu_ofertes.png') no-repeat top center; }
#menu a.ofertes:hover { background-image: url('menu_ofertes_h.png'); }
#menu a.ofertes_sel { background: url('menu_ofertes_s.png') no-repeat top center; margin-top: 2px  }

/* ----------------------------------------------------------------------------
 CONTENT
---------------------------------------------------------------------------- */
#content { padding: 20px 10px; background: #FFF url('content.gif') no-repeat bottom left; 
		margin:auto; border-top: 2px solid #000;
		border-left:2px solid #0a3f75;
		border-right:2px solid #5590a0;
		padding-bottom:50px;
		text-align:left;
		width:738px; _width:762px;
		}
				
#content h2 { 
	font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px; padding-left:20px; color: #900; 
	border-bottom: 1px dotted #900;
}
#content #langs{text-align:right;margin-top:-10px;}
	#content #langs a{
		font-size:10px;	color:#666;
		text-transform:uppercase;font-family:"Trebuchet MS", Arial;
	}
/* DISFRESSES -------------------------------------------------------------- */
#disfresses { position: relative; }
#content_right { color: #300; padding: 0px 0px 0px 0px;  text-align:center; position:absolute; right:0px;  
}
#content_right h1 { font-size: 18px; font-weight: bold; margin: 0px; color: #900; text-align:left;}
#content_right #menu_dis{ border-bottom: 1px dotted #900; text-align:left;}
#content_right ul.menu { padding: 10px 0px 5px 0px;  }
#content_right ul { padding-left: 15px; margin-left:15px; list-style-image: url('star.gif'); }
#content_right ul li { margin-top: 2px; padding: 2px; }
#content_right ul a { font-size:12px; color: #1f5581; font-weight:bold;}
#content_right ul a:hover { color:#6d9200;}
#content_right ul li a.sel { color:#a40c01;}
#content_right ul.submenu{margin:5px 0 0 0px;}
#content_right img{margin:auto;}

#content_left #introtext{ margin-top:30px;}
  #content_left #introtext p{ width:380px;	font-size:12px !important; 	margin:15px 40px 15px 40px; color:#333; }
  #content_left #introtext font { font-size:12px !important; }
  #content_left #introtext strong  { color: #1f5581; font-size:12px !important; }
  #content_left #introtext strong *{ color: #1f5581; font-size:12px !important; }
  #content_left #introtext em{ font-style:italic; font-weight:bold; color:#6d9200; }

#content_left p{
	/*width:450px;*/
	width:440px;
	font-size:11px;
	margin:0 0 0 15px;
	line-height:18px;
}
	#content_left p strong{	font-size:11px;	color:#333;	}

#content_left .disfressa { float: left; margin: 5px 10px 15px 5px; padding: 0px;  width:125px; }
#content_left .disfressa h3 { margin: 0px; text-align:center; margin-bottom: 4px; font-size: 12px; font-weight:bold; color:#666;}
#content_left .thumbnail {
	float:left;
	background: url('shadowAlpha.png') no-repeat bottom right !important;
	margin: 8px 0 0 8px !important;
	margin: 8px 0 0 5px;
	clear: right;
}
#content_left .thumbnail a{
		display: block;
		position: relative;
		border: 1px solid #a9a9a9;
		margin: -6px 6px 6px 0px;
		background-color: #fff;
		/* width:115px; */
		text-align:center;
}
#content_left .navigator { clear: both; font-size: 14px; color:#a40c01; font-weight: bold; }
#content_left .navigator .txt { font-size:11px; color:#a40c01; font-weight:bold;}
#content_left .navigator a {font-size: 11px; color:#a40c01; font-weight: bold; color: #1f5581; }
#content_left .navigator a:hover { color:#6d9200; }
/* ----------------------------------------------------------------------------
 FOOTER
---------------------------------------------------------------------------- */
#footer { position: relative; width:761px; margin:auto;}
#footer div.contacte { background: #0a3f75; padding: 10px 10px; text-align: center; border-top: 4px solid #400; color: #FFF; }
#footer div.info { background: #400; height: 25px;  padding: 5px 10px; }
#footer div.info a.sitemap, #footer a.css, #footer a.xhtml { padding-left: 15px; }
#footer div.info a.sitemap { background: url('sitemap.gif') no-repeat center left; color: #3BA5CF; }
#footer div.info a.css { background: url('css.gif') no-repeat center left; color: #F90; }
#footer div.info a.xhtml { background: url('xhtml.gif') no-repeat center left; color: #80C43D; }
#footer div.info div.firma { position: absolute; right: 10px; bottom: 5px; color: #CCC; }
#footer div.info div.firma a { color: #FFF; }
/* ----------------------------------------------------------------------------
 EMPRESA
---------------------------------------------------------------------------- */
#quisom{margin:40px 30px 40px 10px; font-size:12px !important;}
#quisom font{font-size:12px !important;line-height:18px;padding:0px 0 6px 0;}
#quisom p{font-size:12px  !important;line-height:18px;padding:0px 0 6px 0;}
#quisom strong{font-size:12px  !important;}
#quisom img{margin-right:20px; padding-bottom:100%;}
/* ----------------------------------------------------------------------------
 CONTACTE
---------------------------------------------------------------------------- */
#contacte{ padding:0 30px 0 30px; }
#contacte #texte p{ font-size:13px; }
#contacte #formulario{ margin-left:75px; }
#contacte table{ width:500px; }
#contacte input { border: 1px solid #666; font-size: 12px; padding: 3px; }
#contacte h3, td.descr { text-align: right; font-weight: bold; font-size: 12px; color:#1f5581;}
#contacte h3 {text-align: left; }
#contacte td.descr{ vertical-align:top; padding-right:15px; }
#contacte textarea { width: 100%; border: 1px solid #666; height: 100px; }
/* ----------------------------------------------------------------------------
 MAPA
---------------------------------------------------------------------------- */
#mapa{	text-align:center;	padding-top:2px;
		}
	#mapa .text{
		text-align:left;
		float:left;
		width:350px;
		margin-left:25px;
	}
		#mapa .text p, ul, li{
			font-size:13px;		
			margin:4px;
		}
		#mapa ul{	
			margin-left:25px;
			margin-bottom:30px;
		}
	#mapa .address{
		text-align:right;
		float:right;
		width:200px;
		font-weight:bold;  color:#1f5581;
		margin:20px 25px;
		font-size:13px;
	}

/* ----------------------------------------------------------------------------
	MINI_BOX
---------------------------------------------------------------------------- */
/*
#mini_box			{padding:10px;}
#mini_box h3.title	{color:#666666; font-size:20px; font-weight:bold; margin:0 0 4px; text-align:center;}
#mini_box div.line	{border-bottom:1px dotted #CCCCCC; height:1px; margin-bottom:10px; overflow:hidden;}
#mini_box table.box_image_txt				{}
#mini_box table.box_image_txt tr td.col1	{padding-left:73px; padding-top:20px; width:50%;}
#mini_box table.box_image_txt tr td.col1 div.thumbnail	{ background: transparent url('/css/shadowAlpha.png') no-repeat right bottom   !important; clear:right; float:left;}
#mini_box table.box_image_txt tr td.col2	{padding-left:10px; width:50%;}
#mini_box table.box_image_txt tr td.col2 p.txt	{color:#333; font-weight:bold;}

*/


a.probox	{color:#1F5581; font-weight:bold;}
a.probox:hover	{color:#6D9200;}


#ajax_dialog_click_button	{color:#1F5581; font-weight:bold; cursor:pointer;}
#ajax_dialog_click_button:hover	{color:#6D9200;}

/*///////////////////////////////////////////////////////////////////
/////////////////////////OFERTES////////////////////////////////////
////////////////////////////////////////////////////////////////////*/
#content_full #introtext{ margin-top:30px;}
  #content_full #introtext p{ width:380px;	font-size:12px !important; 	margin:15px 40px 15px 40px; color:#333; }
  #content_full #introtext font { font-size:12px !important; }
  #content_full #introtext strong  { color: #1f5581; font-size:12px !important; }
  #content_full #introtext strong *{ color: #1f5581; font-size:12px !important; }
  #content_full #introtext em{ font-style:italic; font-weight:bold; color:#6d9200; }