body {
 text-align: center;
 margin: 0px;
 scrollbar-face-color: #ECECEC; 
 scrollbar-highlight-color: Black;
 scrollbar-shadow-color: Black; 
 scrollbar-3dlight-color: White;
 scrollbar-arrow-color: Black; 
 scrollbar-track-color: #DEDEDE;
 scrollbar-darkshadow-color: #939393;
 background-image: url(../grafic/assets/background_home.gif);
 background-color: White;
 background-position: top;
 background-repeat: repeat-x;
}

#wrapper {
margin: 0 auto;
background-image: url(../grafic/assets/wrapper_bg.gif);
background-repeat: repeat-y;
text-align: left; /* re-align the text to the left after the above hack */
width: 780px;
}

#container {
width: 760px;
background-color: white;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 35px 10px 10px 10px;
text-align: left;
                }

#header {
			margin-bottom: 5px;
         color: #000033;
			border-bottom: 1px solid #FF0033;
			width: 481px;
			font-family: "Trebuchet MS";
			font-size: 18px;
			font-weight: bold;
                }

#contentblock {   background-color: #fff;                 }

                #content {
                        padding: 0px 10px 10px 15px;
                        margin-right: 210px;
                        background-color: #fff;
                }

#footer {
clear: both;
padding: 5px;
margin-top: 15px;
background-color: #000000;
border-top: 5px solid #006699;
text-align: center;
font-family: "Trebuchet MS";
font-size: 11px;
color: White;
                }

#logo {width: 147px; float: left; clear: none; background: white; height: 45px; background-image: url(t_logo.gif); background-position: left top; background-repeat: no-repeat;}

#sidebar h2.fonts 
  {        background: transparent url(imatge_fons_fonts.gif) top left no-repeat;
        margin: 0;
        border: 0;
        padding: 0;
        padding-top: 32px;
        overflow: hidden;
        height: 0px !important; /* for most browsers */
        height /**/:32px; /* for pre 6.0 IE Win */
        }


#sidebar h2.custom  {        background: transparent url(imatge_fons_custom.gif) top left no-repeat;
        margin: 0;
        border: 0;
        padding: 0;
        padding-top: 32px;
        overflow: hidden;
        height: 0px !important; /* for most browsers */
        height /**/:32px; /* for pre 6.0 IE Win */
        }

#sidebar h2.articles   {        background: transparent url(imatge_fons_articles.gif) top left no-repeat;
        margin: 0;
        border: 0;
        padding: 0;
        padding-top: 32px;
        overflow: hidden;
        height: 0px !important; /* for most browsers */
        height /**/:32px; /* for pre 6.0 IE Win */
        }

#sidebar h2.shoppe   {        background: transparent url(imatge_fons_shoppe.gif) top left no-repeat;
        margin: 0;
        border: 0;
        padding: 0;
        padding-top: 32px;
        overflow: hidden;
        height: 0px !important; /* for most browsers */
        height /**/:32px; /* for pre 6.0 IE Win */
        }




/* ENLACES */
        
.nav a:link,.nav a:visited {
        font-family: "Trebuchet MS";
		  font-size: 15px;
		  font-weight : bold; 
        text-decoration : none;
        color: #c30;
        background: transparent; 
        }

.nav a:hover {
        font-family: "Trebuchet MS";
		  font-size: 15px;
		  font-weight : bold; 
        text-decoration : underline;
        color: #FEFEFE;
        background: transparent; 
        }

.nav a:active {
        font-family: "Trebuchet MS";
		  font-size: 15px;
		  font-weight : bold; 
        text-decoration : none;
        color: #526968;
        background: transparent;
        }
		  
#footer a:link, a:visited {
        font-family: "Trebuchet MS";
		  font-size: 11px;
		  font-weight : bold; 
        text-decoration : none;
        color: #c30;
        background: transparent; 
        }

#footer a:hover {
        font-family: "Trebuchet MS";
		  font-weight : bold; 
        text-decoration : none;
        color: #FEFEFE;
        background: transparent;
		border-bottom-color: White;
		border-bottom-style: solid;
		border-bottom-width: 2px;
        }

#footer a:active {
        font-family: "Trebuchet MS";
		  font-size: 11px;
		  font-weight : bold; 
        text-decoration : none;
        color: #526968;
        background: transparent;
        }


.vin a:link,.vin a:visited {
        font-family: "Trebuchet MS";
		  font-size: 15px;
		  font-weight : bold; 
        text-decoration : none;
        color: #FFCC33;
        background: transparent; 
        }

.vin a:hover {
        font-family: "Trebuchet MS";
		  font-size: 15px;
		  font-weight : bold; 
        text-decoration : underline;
        color: #006699;
        background: transparent; 
        }

.vin a:active {
        font-family: "Trebuchet MS";
		  font-size: 15px;
		  font-weight : bold; 
        text-decoration : none;
        color: #666699;
        background: transparent;
        }
		  
.mail a:link,.mail a:visited {
        font-family: "Trebuchet MS";
		  font-size: 12px;
		  font-weight : bold; 
        text-decoration : none;
        color: #FF3300;
        background: transparent; 
        }

.mail a:hover {
        font-family: "Trebuchet MS";
		  font-size: 12px;
		  font-weight : bold; 
        text-decoration : underline;
        color: #000033;
        background: transparent; 
        }

.mail a:active {
        font-family: "Trebuchet MS";
		  font-size: 12px;
		  font-weight : bold; 
        text-decoration : none;
        color: #666699;
        background: transparent;
        }


/*TIPOGRAFIA*/
h1, h2, h3, h4, h5, h6  {
        font-family: "Trebuchet MS", "verdana", "lucida", "arial", "helvetica", sans-serif;
        font-weight: normal;
        margin-top: 1em;
        margin-bottom: 2px;
        letter-spacing: 1px;
        }

h1, h2{
        font-family: "Trebuchet MS", "verdana", "lucida", "arial", "helvetica", sans-serif;
        font-weight: normal;
        margin: 0;
		  display: block;
        }


p       {
        line-height: 130%;
        text-align: justify;
        margin-top: 5px;
        margin-bottom: 1em;
        font-family: "Trebuchet MS", "verdana", "lucida", "arial", "helvetica", sans-serif;
        padding: 20px;
        font-size: 13px;
    }
	 
hr			{
			background-color: transparent;
			width: 350px;
			height: 1px;
			margin-left: auto;
			margin-right: auto;
			border: 1px dotted Red;
	}
	 
.small {
	font-family: "Verdana";
	font-size: 10px;
	color: White;
}

.textingles {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #006699;
	font-style: italic;
}

.textcontacto {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000033;
	font-style: normal;
}

.textcorpora {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #006699;
	font-style: normal;
	font-weight: bold;
}


/*NUEVOS*/


#tdmenu {
	border: 1px solid White;
	background-image: url(../grafic/assets/menu_bg.png);
	padding-right: 10px;
}

#tdmenuprinc {
	height: 45px;
	border-top: 1px solid White;
	background-image: url(../grafic/assets/menu_pr_bar.gif);
	padding-bottom: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
}

#bordecabeceraflash {
	border-top: 1px solid White;
	border-left: 1px solid White;
	border-right: 1px solid White;
}

#bordegris {
	border: 1px solid #4B4B4B;
	padding: 0px;
}

#borderupbottom {
	border: 1px solid #CCCCCC;
	padding: 0px;
}

#bordeblanco {
	border: 1px solid #FFFFFF;
	margin-top: 2px;
	}

.buttonscontainer {width: 230px;}

.buttons a {color: #FFFFFF;
background-color: #000033;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #FFCC00;
font: 12px "Trebuchet MS, sans-serif";
font-weight: normal;
text-decoration: none;
text-align: left;
margin-top: 1px;}

.buttons a:hover {border-left: 10px solid #FF3300;
text-decoration: none;
font: 12px "Trebuchet MS, sans-serif";
color: #FFFFFF;}

.buttonspro a {color: #000033;
background-color: #FFCC00;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #FF3300;
font: 12px "Trebuchet MS, sans-serif";
font-weight: normal;
text-decoration: none;
text-align: left;
margin-top: 1px;}

.buttonspro a:hover {border-left: 10px solid #000033;
text-decoration: none;
font: 12px "Trebuchet MS, sans-serif";
color: #000033;}

.big {border-left: 2px solid #FF3300;
text-decoration: underline;
font: bold 15px "Trebuchet MS, sans-serif";
color: #000033;}


#separacabecera {
	border-bottom: 5px solid rgb(220, 220, 231);
}

#degramenu {
	background: url(../grafic/assets/degramenu.gif) repeat-x;
}

#degratexto {
	background: url(../grafic/assets/degratexto.gif) repeat-x;
}

#ingles { border-left: 1px dashed #FF3300;  font-style: italic;  color: #006699;   }

/*CONTACTAR*/

#contentcontact {
	width: 760px;
	height: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 3px;
	border-color: #006699;
	border-style: solid;
	background-attachment: fixed;
	background-image: url(../grafic/assets/logo-vector-ACB.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: White;
	text-align: left;
}

#leftcontact {
	float: left;
	width: 300px;
	border-bottom: 20px solid #006699;
	padding-top: 10px;
	padding-left: 10px;
	}
	
#formulcontact {
	width: 400px;
	height: 600px;
	border: 2px solid #006699;
	background-color: #FFCC33;
	margin: 10px 0 180px 20px;
}

#casillerocontact {
	width: 300px;
	height: 200px;
	text-align: center;
	font-family: "Trebuchet MS, verdana, lucida, arial, helvetica, sans-serif";
   font-size: 13px;
	color: White;
	background-image: url(../grafic/assets/sigue_bg.gif);
	border: 2px solid #CCCCCC;
	margin: 20px 50px 20px 50px;
	padding-top: 5px;
}

input.small {
	width: 180px;
	font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif";
	font-size: 9px;
	color: Black;
	background-color: #FFCC33;
	border: 1px solid #999999;
	}
	
.textarea {
	width: 150px;
	font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif";
	font-size: 10px;
	color: #000000;
	background-color: #F5F5F5;
	border-color: white;
	border: 1px solid #999999;
	}
	
.send{
   font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif";
	font-size: 11px;
	font-weight: lighter;
	line-height: 22px;
	color: white;
	background-color: #003466;
	border: 1px solid #006699;
	}
	
.listapar{
   font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif";
	font-size: 11px;
	font-weight: lighter;
	line-height: 22px;
	color: white;
	background-color: #00AACC;
}

#listacontact{
	font-family: "Trebuchet MS";
	font-size: 15px;
}

#tablesombra {
	float: left;
	margin-right: 35px;
	padding: 0px;
	width: 348px;
	background-image: url(../grafic/assets/sombrader.gif);
	background-repeat: repeat-y;
	border-bottom: 0px;
}

#contenedor {
width: 760px;
height: 1033px;
background-color: #006699;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#listamenu {
	width: 250px;
	height: auto;
	text-align: left;
	font-family: "Trebuchet MS, verdana, lucida, arial, helvetica, sans-serif";
   font-size: 13px;
	color: White;
	background:#006699;
	border: 2px solid #CCCCCC;
	margin: 0px 0px 5px 0px;
	padding-top: 5px;
}

#bordecaja {
	background-color: #DEDEDE;
	border: 1px solid #CCCCCC;
	background-image: url(../grafic/assets/fondo_caja_area_socios.gif);
	background-repeat: no-repeat;
}

.clear {clear:both;}