/* -- [ generic styles ] ------------------------ */

body 
{
	background:url(images/background.jpg) repeat-x #fff;
	margin:0;
	padding:0;
	font:12px Arial, Tahoma, Verdana;
	color:#444;
	line-height:16px;
}
img 
{
	border:none;
}
a 
{
	text-decoration:none;
	outline:none;
	color:#193988;
}
a:hover 
{
	color:#000;
}
p,ul,ol,blockquote,h1,h2,h3,h4,h5 
{
	margin:0;
	padding:0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.left-img {
	float:left;
	border:1px solid #BDBDBD;
	padding:3px;
	margin:4px 7px 0 0;
	background:#f5f5f5;
}
.right-img {
	float:right;
	border:1px solid #BDBDBD;
	padding:3px;
	margin:5px 0 0 7px;
	background:#f5f5f5;
}

/* -- [ the container ] ------------------------ */

#container 
{
	width:800px;
	margin:0 auto;
}

/* -- [ header ] ------------------------ */

#header 
{
	width:800px;
	height:139px;
}
#logo 
{
	width:550px;
	height:100px;
	margin-top:17px;
	position:absolute;
}

/* -- [ your slogan or info ] ------------------------ */

#info 
{
	width:540px;
	height:70px;
	/* -- background:url(images/slogan-bg.jpg) no-repeat; 
	text-indent:-9999pt;   -- */
	margin:-10px 0px 50px 30px;
}
#info h1 
{
	font:18px Arial, Tahoma, Verdana;
	color: #5b5b5b;
}

/* -- [ main content ] ------------------------ */

#main 
{
	width:800px;
	margin-bottom:20px;
}

/* -- [ right ] ------------------------ */

#right 
{
	float:right;
	width:170px;
}
#current-page 
{
	width:250px;
	height:49px;
	font:16px Arial, Verdana;
	color: #8f8f8f;
	letter-spacing: -0.1em;
	font-stretch: extra-condensed;
}
#right h2 
{
	font:bold 14px Arial, Tahoma, Verdana;
	color:#121212;
	text-transform:uppercase;
	margin-bottom:10px;
}
#right blockquote 
{
	margin-bottom:15px;
}
#quick-contact 
{
	font-size:12px;
	width:143px;
	height:42px;
	margin-left: -4px;
}
#quick-contact2 
{
	font-size:12px;
	width:300px;
	height:42px;
	margin-left: -4px;
}
/* -- [ navigation ] ------------------------ */

#navigation 
{
	margin-top:15px;
	height:160px;
}
#navigation ul
{
	list-style:none;
}
#navigation li 
{
	margin-bottom:12px;
}
#navigation li a 
{
	height:15px;
	width:180px;
	display:block;
	text-indent:-9999pt;
}
#navigation li a:hover, a.selected 
{
	background-position:0 -16px !important;
	color: maroon;
}
#b-inici 
{
	background:url(images/inici-link.png) no-repeat;
}
#b-cavesivins 
{
	background:url(images/cavesivins-link.png) no-repeat;
}
#b-empresa
{
	background:url(images/empresa-link.png) no-repeat;
}
#b-contacte
{
	background:url(images/contacte-link.png) no-repeat;
}
#b-personalitzat
{
	background:url(images/personalitzat-link.png) no-repeat;
}

/* -- [ left ] ------------------------ */

#left 
{
	float:left;
	width:600px;
	margin-right:30px;
}
.content {/*the other pages not home*/
	background:#fff;
	padding:20px;
	width:558px !important;
	border:1px solid #929292;
	font-size:13px;
}
.content p
{
	margin-bottom:15px;
}
.content h2
{
	margin-bottom:15px;
	padding-bottom:2px;
	border-bottom:1px solid #acacac;
	font:20px Arial, Tahoma;
}
.content h3
{
	margin-bottom:15px;
	padding-bottom:2px;
	border-bottom:1px solid #acacac;
	font:18px Arial, Tahoma;
}
.content h4
{
	margin-bottom:15px;
	padding-bottom:2px;
	border-bottom:1px solid #acacac;
	font:16px Arial, Tahoma;
}
.content blockquote {
	background:url(images/blockquote.gif) no-repeat top left;
	padding:10px 0 10px 40px;
	font-style:italic;
	font-size: 1.5em;
}
.content ul {
	margin:10px 0 10px 30px;
	list-style:circle;
}
.content ol {
	margin:10px 0 10px 30px;
}
.work-image 
{
	border:1px solid #929292;
	display:block;
	margin-bottom:20px;
	width:556px;
	height:370px;
}

/* -- [ featured works ] ------------------------ */

#featured 
{
	height:398px;
	width:598px;
	background:#fff;
	border:2px solid #828282;
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

#featured-tabs 
{
	list-style:none;
	margin:20px 0 0 0;
	width:674px;
	position:relative;
}
#featured-tabs li 
{
	float:left;
	margin-right:14px;
}
#featured-tabs li a 
{
	display:block;
	width:60px;
	height:100px;
	border:1px solid #8E8E8E;
}
#featured-tabs li a:hover 
{
	border:1px solid #4E4E4E;
}
.tabs-selected 
{
	background:url(images/arrow-top.jpg) 22px 0 no-repeat !important;
	padding-top:12px;
	margin-top:-12px;
}
.featured-description 
{
	padding:10px;
	background:url(images/1px.png);
	color:#fff;
	width:250px;
	position:absolute;
	margin:350px 0 0 0;
	font-family:Helvetica, Arial;
	font-size: 1.3em;
	font-weight: 700;
}
.details-link 
{
	display:block;
	padding:5px 0 5px 0;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:url(images/1px.png);
	position:absolute;
	margin:350px 0 0 538px;
	font-family:Helvetica, Arial;
	font-size:11px;
	width:60px;
	text-decoration:none !important;
}
#featured a, #featured a:hover 
{
	text-decoration:underline;
	color:#fff;
}

/* -- [ contact form ] ------------------------ */

#contactform textarea 
{
	border:1px solid #6CA1A9;
	background:#fff;
	font:12px Arial, Tahoma, Verdana;
	padding:5px;
	color:#333;
	width:500px;
	height:50px;
}
#contactform .neus 
{
	background:#fff;
	margin-bottom:10px;
	color:#333;
	width:350px;
}
#contactform .neusfile 
{
	background:#fff;
	margin-bottom:10px;
	margin-top: 0px;
	color:#333;
	width:350px;
	height:20px;
}
#contactform .send 
{
	font:9px "small fonts", tahoma, arial, serif;
	padding:5px 10px 5px 10px;
	background: #ffd700;
	text-transform:uppercase;
	margin-top:50px;
	color:#000;
	border:1px solid #929292;
}
#contactform input 
{
	background:#fff;
	border:1px solid #6CA1A9;
	font:12px Arial, Tahoma, Verdana;
	padding:5px;
	margin-right:3px;
	color:#5E4435;
	display:block;
}
#contactform input.aa
{
	display: inline;
}

#contactform label 
{
	margin-bottom:2px;
	display:block;
}
#contactform file 
{
	margin-bottom:2px;
	display:block;
}
#contactform input:focus, #contactform textarea:focus 
{
	border:1px solid #477DC3;
}

/* -- [ footer ] ------------------------ */

#footer 
{
	width:780px;
}
#footer p 
{
	width:600px;
	border-top:1px solid #828282;
	padding:5px 0 10px 0;
	text-transform:uppercase;
	font-size:9px;
}

#footer a 
{
	text-decoration:none;
	color: maroon;
}

#footer a:hover 
{
	text-decoration:none;
	color: #eecb00;
}

/* -- [ ie6 hacks ] ------------------------ */

* html #main 
{
	width:860px;
}
* html #featured 
{
	background:#fff;
}
* html #featured-tabs 
{
	width:674px;
	position:absolute;
	margin-left:-1px;
}
* html #featured-tabs li
{
	margin-left:0;
}
* html .featured-description 
{
	background:#000;
}	
* html .details-link 
{
	background:#000;
	margin-left:546px;
}
* html .featured-big-pic 
{
	margin-bottom:-3px;
}


/*--------------------------------------------------------------Slider CSS-------------------------------------------------------*/
.homebox
{
	background:#fff;
	clear:both;
}
#slider1 {
    width: 598px; /* important to be same as image width */
    height: 398px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 598px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
	margin:0;
}
.slider1Image span {
    position: absolute;
	font-size:1.2em;
    padding: 10px 13px;
    width: 250px;
    background-color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #1f1f1f;
    display: none;
}
.clear {
	clear: both;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.img15 {
	margin-top: 15px;
	margin-left: 10px;
	text-decoration: none;
	border: none;
}
.right {
	right: 0;
	bottom: 0;
	width: 200px !important;
	height: 160px;
}
.right  strong
{
	display:block;
}
.right  strong.head
{
	border-bottom:1px solid #ccc;
	font-size:1.2em;
	margin-top:10px;
}
.right em
{
	font-style:normal;
	font-size:0.90em;
	margin-top:10px;
	display:block;
	font-weight: normal;
}
ul { list-style-type: none;}

.clear { clear: both } 

.head
{
	display:block;
	font-size:1.6em;
	font-family: Georgia, Arial;
}

#contenidor em {
	font-family:Georgia, Arial;
	font-size: 1em;
	color: black;
	line-height: 110%;
}
/*--------------------------------------------------------------End Slider CSS-------------------------------------------------------*/
/*---------------  Estils Terrabit --------------------*/

.CTEXT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: Black;
	text-decoration: none;
}

.CTEXTGris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #828282;
	text-decoration: none;
}

.CTEXTBold {

	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #11568C;
	text-decoration : none;
}

.NTEXTBold {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #11568C;
	text-decoration: none;
}

.NSUBTITOL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF7200;
}

.NTEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #828282;
	text-decoration: none;
}

/*  Taules de la Comanda */

#mataula {
	width: 550px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font: bolder 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #9c2828;
	margin-right: 2px;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4d6970;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffd17b;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #fff4df;
	color: #706960;
}

td.alt2 {
	background: #fffaf0;
	color: #797268;
}

td.alt3 {
	background: orange;
	color: #6d665d;
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}