html, body{
margin:0px;
padding:0px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

body{
background-image:url(../img/bgBody.jpg);
background-repeat:no-repeat;
background-position:left top;
}

h1, h2, h3, h4, h5{
display:inline;
font-weight:normal;
margin:0px;
padding:0px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#333333;
font-weight:bold;
display:block;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#ffffcc;
font-weight:bold;
display:block;
padding:10px 2px 10px 17px;
background-color:#000000;
}

h2.card{
font-style:italic;
color:#000000;
background-color:#ffa73d;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#002c4d;
font-weight:bold;
display:block;
margin-bottom:7px;
}

forml{
margin:0px;
padding:0px;
}

input, label{
margin:0px;
padding:0px;
}

img{
border:0px;
}

a{
text-decoration:none;
}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
line-height:auto;
height:auto;
}

/**/
#web{
width:980px;
margin:0px auto;
background-color:#FFFFFF;
}

#contentWeb{
width:918px;
margin:0px auto;
padding-top:26px;
position:relative;
}

#topWeb{
padding-bottom:64px;
}

#langs{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#langs a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#langs a:hover{
color:#ff6600;
}

#langs a.sel{
color:#ff6600;
font-weight:bold;
}

#langs strong{
color:#333333;
}

#head{
height:129px;
margin-top:12px;
background-image:url(../img/bgHead.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#diapo1{
position:absolute;
left:469px;
top:41px;
width:180px;
height:180px;
z-index:30;
}

#diapo2{
position:absolute;
left:604px;
top:31px;
width:180px;
height:180px;
z-index:20;
}

#diapo3{
position:absolute;
left:727px;
top:14px;
width:180px;
height:180px;
z-index:10;
}

#navTop{
position:absolute;
width:100%;
background-color:#333333;
height:64px;
z-index:50;
clear:both;
}

#navTop ul li{
display:block;
padding-top:24px;
float:left;
margin-left:19px;
}

#navTop input{
background:none;
border:0px;
background-color:none;
background-color:transparent;
}

#navTop ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#ffffcc;
text-transform:uppercase;
}

#navTop ul li a:hover, #navTop ul li a.sel{
color:#ff9933;
}

#navTop form{
display:block;
float:right;
width:322px;
padding-left:20px;
padding-top:9px;
background-image:url(../img/bgNavForm.gif);
background-repeat:no-repeat;
background-position:left 11px;
}

#navTop form#searchForm{
display:none;
}

#navTop form div{
clear:both;
text-align:right;
padding-right:34px;
padding-top:2px;
}

#navTop form a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}

#navTop form a:hover{
text-decoration:underline;
}

#navTop label{
display:block;
float:left;
width:96px;
height:27px;
margin-top:8px;
padding:0px 0px 0px 14px;
background-image:url(../img/bgInputNav.gif);
background-repeat:no-repeat;
background-position:left top;
}

#navTop label.search{
width:165px;
padding-bottom:8px;
background-image:url(../img/bgInputNav2.gif);
background-repeat:no-repeat;
background-position:left top;
}

#navTop label input{
width:80px;
height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-style:italic;
margin-top:5px;
}

#navTop label.search input{
width:145px;
}

#navTop input#login, #navTop input#search{
width:63px;
height:27px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
background-image:url(../img/bgButtonNav.gif);
background-repeat:no-repeat;
background-position:left top;
margin:7px 0px 0px 2px;
}

#navBottom{
position:absolute;
z-index:60;
clear:both;
margin-top:42px;
margin-left:16px;
/* Sliding right image */
background: transparent url('../img/bgNavRight.gif') no-repeat scroll top right; 
height:38px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 6px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
}

#navBottom span {
/* Background left image */ 
background: transparent url('../img/bgNavLeft.gif') no-repeat; 
display: block;
line-height: 38px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 1px 0 0px 17px;
}

#navBottom ul li{
display:inline;
margin-right:10px;
}

#navBottom ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}

#navBottom ul li a:hover, #navBottom ul li a.sel{
color:#ff9933;
}

#buttonsTop{
position:absolute;
height:27px;
z-index:60;
right:0;
margin-top:-27px;
overflow:hidden;
padding-right:12px;
}

#buttonsTop a {
/* Sliding right image */
background: transparent url('../img/button1_right.gif') no-repeat scroll top right; 
display: block;
float: left;
height:27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#buttonsTop a span {
/* Background left image */ 
background: transparent url('../img/button1_left.gif') no-repeat; 
display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 3px 0 5px 12px;
} 


#buttonsTop a.sel{
background: transparent url('../img/button2_right.gif') no-repeat scroll top right; 
}

#buttonsTop a.sel span{
background: transparent url('../img/button2_left.gif') no-repeat; 
}

/*HOME*/
#contentHome{
background-image:none;
background-repeat:no-repeat;
background-position:left top;
height:750px;
position:relative;
}

#fadeHome{
width:100%;
height: 350px;
z-index:30;
position:absolute;
top:255px;
background-image:url(../img/bgFade.png);
background-repeat:no-repeat;
background-position:left top;
}

#boxesHome{
position:absolute;
margin-top:300px;
z-index:40;
}

.galleryHome{
padding:11px 0px;
height:90px;
}

.galleryHome .foto{
display:block;
float:left;
width:100px;
height:90px;
margin-right:8px;
position:relative;
overflow:hidden;
}

.galleryHome .foto img.png{
position:absolute;
z-index:10;
width:100px;
height:90px;
}

.galleryHome .foto img.thumb{
position:absolute;
z-index:5;
}


/*BOXES*/
.box1{
width:275px;
float:left;
padding-left:22px;
}

.box1 .top{
height:14px;
background-image:url(../img/bgBox1Top.gif);
background-repeat:no-repeat;
background-position:left top;
}

.box1 .bottom{
height:14px;
background-image:url(../img/bgBox1Bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

.box1 .middle{
background-image:url(../img/bgBox1Middle.gif);
background-repeat:repeat-y;
background-position:left top;
}

.box1 .content{
width:246px;
margin:0px auto;
}

.box1 .image{
width:246px;
height:63px;
overflow:hidden;
margin:11px 0px;
}

.box1 .news h3{
height:34px;
margin-bottom:6px;
}

.box1 .imageBig{
width:246px;
height:95px;
overflow:hidden;
margin:10px 0px;
}

.box1 .act{
border-bottom:1px solid #d9d9d9;
padding-top:12px;
padding-bottom:12px;
width:236px;
padding-left:10px;
height:auto;
}

.box1 .nobd{
border:0px;
}

.box1 .act .date{
background-image:url(../img/bgCalendar.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:center;
width:33px;
margin:10px 0px 10px 0px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}

.box1 .act .date span{
font-size:15px;
color:#000000;
display:block;
padding-top:4px;
}

.box1 .act .desc{
float:left;
width:180px;
padding-top:8px;
padding-left:10px;
}

.box1 .act .desc h3{
font-size:15px;
text-indent:6px;
}

.box2{
width:574px;
float:left;
padding-left:22px;
margin-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.box2 .top{
height:14px;
background-image:url(../img/bgBox2Top.gif);
background-repeat:no-repeat;
background-position:left top;
}

.box2 .bottom{
height:14px;
background-image:url(../img/bgBox2Bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

.box2 .middle{
background-image:url(../img/bgBox2Middle.gif);
background-repeat:repeat-y;
background-position:left top;
}

.box2 .content{
width:544px;
margin:0px auto;
}

.box2 .buttonGallery{
clear:both;
height:20px;
padding-left:2px; 
line-height:20px;
}


.box3{
width:275px;
float:left;
padding-right:20px;
padding-bottom:18px;
}

.box3 .top{
height:14px;
background-image:url(../img/bgBox3Top.gif);
background-repeat:no-repeat;
background-position:left top;
}

.box3 .bottom{
height:14px;
background-image:url(../img/bgBox3Bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

.box3 .middle{
background-image:url(../img/bgBox3Middle.gif);
background-repeat:repeat-y;
background-position:left top;
}

.box3 .content{
width:246px;
margin-left:12px;
padding-bottom:6px;
}

.box3 .newsList {
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.box3 .newsList .image{
width:246px;
height:63px;
overflow:hidden;
margin:0px 0px 11px 0px;
}

.box3 .newsList h3{
margin-bottom:6px;
}

.box3 .newsList .date{
background-image:url(../img/bgCalendar.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:center;
width:33px;
padding-right:10px;
margin-right:15px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
border-right:1px solid #CCCCCC;
}

.box3 .newsList .date span{
font-size:15px;
color:#000000;
display:block;
padding-top:4px;
}

.box3 .newsList a.button3{
margin-top:7px;
}

.box3 .imageBig{
width:246px;
height:185px;
overflow:hidden;
margin:0px 0px 18px 0px;
}


a.button1{
/* Sliding right image */
background: transparent url('../img/bt1Right.gif') no-repeat scroll top right; 
display: block;
float:left;
height:20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

a.button1 span {
/* Background left image */ 
background: transparent url('../img/bt1Left.gif') no-repeat; 
display: block;
line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0px 0px 8px;
} 

a.button2{
/* Sliding right image */
background: transparent url('../img/bt2Right.gif') no-repeat scroll top right; 
display: block;
float:left;
height:20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:11px 0px 11px 0px;
padding-left:35px;
}

a.button2 span {
/* Background left image */ 
background: transparent url('../img/bt2Left.gif') no-repeat; 
display: block;
line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0px 0px 8px;
}

a.button3{
/* Sliding right image */
background: transparent url('../img/bt3Right.gif') no-repeat scroll top right; 
display: block;
float:left;
height:23px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 11px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.button3 span {
/* Background left image */ 
background: transparent url('../img/bt3Left.gif') no-repeat; 
display: block;
line-height: 23px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0px 0px 11px;
}

.alert{
/* Sliding right image */
background: transparent url('../img/bgAlertRight.gif') no-repeat scroll top right; 
display: block;
height:29px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-style:italic;
float:right;
}

.alert span {
/* Background left image */ 
background: transparent url('../img/bgAlertLeft.gif') no-repeat; 
display: block;
line-height: 29px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0px 0px 12px;
}

.alert2{
/* Sliding right image */
background: transparent url('../img/bgAlert2Right.gif') no-repeat scroll top right; 
display: block;
height:43px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-style:italic;
float:right;
}

.alert2 span {
/* Background left image */ 
background: transparent url('../img/bgAlert2Left.gif') no-repeat; 
display: block;
line-height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 9px 0px 10px 12px;
} 

.months, .years{
width:100%;
line-height:28px;
height:28px;
overflow:auto;
}

.months{
border-bottom:1px solid #cccccc;
}

.months a, .years a{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#3399cc;
display:block;
float:left;
margin-right:18px;
height:28px;
}

.months a:hover, .years a:hover{
color:#000000;
}

.months a.sel, .years a.sel{
color:#000000;
font-weight:bold;
}

.pagin{
text-align:right;
padding-bottom:20px;
padding-top:20px;
padding-right:5px;
}

.pagin a{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#999999;
font-weight:bold;
padding-right:2px;
}

.pagin a:hover, .pagin a.sel{
color:#ff6600;
}

.letters{
padding:20px 17px;
margin-top:12px;
background-color:#efefef;
}

.letters a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#999999;
font-weight:bold;
padding:0px 2px;
}

.letters a:hover, .letters a.sel{
color:#ff6600;
}

.listCat{
width:auto;
float:left;
}

.listCat ul li{
line-height:31px;
border-bottom:1px solid #cccccc;
padding-right:15px;
display:block;
}

.listCat ul li.nobd{
border:0px;
}

.listCat ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003366;
}

.listCat ul li a:hover, .listCat ul li a.sel{
color:#ff6600;
}

/*NOTICIES*/
#contentNews{
background-color:#FFFFFF;
position:relative;
padding-top:48px;
width:890px;
margin:0px auto;
}

.boxInfoNews{
width:475px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
}

.boxInfoNews h2{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#002c4d;
padding:0px;
font-weight:bold;
background-color:none;
background:none;
display:block;
margin-bottom:15px;
}

.boxInfoNews h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-style:italic;
padding:15px 20px;
background-color:#f4f4f4;
font-weight:normal;
margin-bottom:15px;
}

.boxInfoNews a{
color:#3399cc;
text-decoration:underline;
}

.boxInfoNews ul{
list-style:disc;
list-style-type:disc;
display:block;
margin:20px;
padding-left:20px;
}

.boxInfoNews li{
list-style:disc;
list-style-type:disc;
}

/*GALERIA*/
#contentGallery{
background-color:#FFFFFF;
position:relative;
padding-top:48px;
width:890px;
margin:0px auto;
}

.gallery{
float:right;
width:600px;
}

.itemgallery{
width:167px;
height:167px;
float:left;
background-image:url(../img/bgGallery.gif);
background-repeat:no-repeat;
background-position:left top;
margin-left:14px;
margin-right:14px;
margin-bottom:28px;
}

.itemgallery .img{
width:137px;
height:127px;
margin:20px auto;
overflow:hidden;
}

/*ESTABLIMENTS*/
#contentShops{
background-color:#FFFFFF;
position:relative;
padding-top:48px;
width:890px;
margin:0px auto;
}


.shops{
float:right;
width:685px;
}

.itemShop{
width:308px;
height:102px;
float:left;
margin-left:12px;
margin-right:10px;
margin-bottom:24px;
padding-top:17px;
padding-bottom:12px;
padding-left:10px;
cursor:pointer;
}

.activeShop{
background-image:url(../img/bgShop.gif);
background-repeat:no-repeat;
background-position:left top;

}

.itemShop .imgShop{
float:left;
width:96px;
height:96px;
background-image:url(../img/frameFoto2.png);
background-repeat:no-repeat;
background-position:left top;

}

.itemShop .imgShop div{
width:86px;
height:86px;
overflow:hidden;
margin-top:5px;
margin-left:5px;
}

.itemShop .infoShop{
float:left;
width:190px;
padding-left:21px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
}

.itemShop .infoShop strong{
font-size:18px;
}

.itemShop .infoShop .button1{
margin-top:9px;
}

.detailShop{
float:right;
width:675px;
padding-top:13px;
}

.detailShop h2{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#000000;
padding:0px;
font-weight:bold;
background-color:none;
background:none;
display:block;
margin-bottom:5px;
}

.detailShop a:hover{
text-decoration:none
}

.detailShop .button1{
margin-right:10px;
}

.detailShop .imagesDetail{
float:left;
width:280px;
}

.detailShop .imagesDetail .img{
width:275px;
height:220px;
margin-bottom:12px;
padding-top:20px;
background-image:url(../img/bgImgDetail.gif);
background-repeat:no-repeat;
background-position:left top;
}

.detailShop .imagesDetail .img div{
width:246px;
height:185px;
margin-left:12px;
overflow:hidden;
}

.detailShop .infoDetail{
float:right;
width:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
}

.detailShop .infoDetail a{
color:#3399cc;
text-decoration:underline;
}

.detailShop .infoDetail a:hover{
text-decoration:none;
}

.detailShop .gMap{
margin-top:36px;
}

/*CONTACTE*/
#contentContact{
background-color:#FFFFFF;
position:relative;
padding-top:125px;
width:600px;
margin:0px auto;
}

#contentContact h1{
float:left;
}

#contentContact h2{
font-size:36px;
color:#003366;
background-color:none;
background:none;
margin:0px;
padding:0px;
}

#contentContact .alert{
float:right;
margin-right:5px;
}

#contentContact .button3{
margin-right:10px;
}

#contentContact .form{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

#contentContact .form strong{
font-size:15px;
}

#contentContact .camp1{
width:255px;
float:left;
padding-bottom:17px;
}

#contentContact .camp2{
width:330px;
float:left;
padding-bottom:17px;
}


#contentContact .camp1 input, #contentContact .camp2 input{
margin:0px;
padding:0px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#003366;
}

#contentContact .camp1 div{
margin-top:9px;
padding:10px 0px 0px 14px;
width:229px;
height:38px;
background-image:url(../img/bg_input1.gif);
background-repeat:no-repeat;
background-position:left top;
}

#contentContact .camp2 div{
margin-top:9px;
padding:10px 0px 0px 14px;
width:323px;
height:38px;
background-image:url(../img/bg_input2.gif);
background-repeat:no-repeat;
background-position:left top;
}

#contentContact .camp div{
width:576px;
height:187px;
padding:10px 0px 0px 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#000000;
margin-top:9px;
background-image:url(../img/bg_textarea.gif);
background-repeat:no-repeat;
background-position:left top;
}

#contentContact textarea{
margin:0px;
padding:0px;
border:0px;
width:550px;
height:170px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#003366;
overflow:auto;
}

#contentContact .camp1 input{
width:205px;
}

#contentContact .camp2 input{
width:300px;
}


#contentContact .butons{
width:576px;
}

#contentContact .butons .button3{
float:right;
margin-right:0px;
margin-left:10px;
}

#contentContact .formSend{
width:100%;
text-align:center;
padding:22px 0px;
background-color:#edf1f6;
}

#contentContact .messageSend{
color:#999999;
}

#contentContact .messageSend strong{
color:#333333;
}

/*FOOT*/
#foot{
background-color:#FFFFFF;
padding:40px 20px;
height:110px;
}

#foot, #foot a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3399cc;
}

#foot a{
text-decoration:underline;
}

#foot a:hover{
text-decoration:none;
}

.footContent1{
width:300px;
height:112px;
padding-left:168px;
padding-top:40px;
float:left;
background-image:url(../img/bgFootContent1.gif);
background-repeat:no-repeat;
background-position:left top;
}

.footContent1 div{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-top:5px;
}

.footContent2{
width:200px;
height:112px;
padding-top:32px;
float:left;
}

.clear{
display:block;
height:1px;
font-size:1px;
clear:both;
line-height:1px;
}