@charset "utf-8";
/* CSS Document */
body{
	background-image: url(../images/body_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	scrollbar-face-color:#94aec8;
	scrollbar-highlight-color:#a1afc9;
	scrollbar-3dlight-color:#929499;
	scrollbar-darkshadow-color:#003263;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-arrow-color:#6288af;
	scrollbar-track-color:#f0efe9;
}
a { text-decoration: none;}
a:visited { text-decoration: none;}
li { list-style-type: none; }

#clear_line{ clear: both;}

#document{
	width: 975px;
	position: relative;
	left: 50%;
	margin-left: -485px;
	/*background-image: url(../images/foot_bg.jpg);
	background-position: bottom center;sty
	background-repeat: no-repeat;*/
}
#document_foot{
	width: 970px;
	position: absolute;
	left: 50%;
	margin-left: -485px;
	background-image: url(../images/foot_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#foot_background{
	background-image: url(../images/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
.banner{
	background-image: url(http://www.aresaboats.com/templates/PUBLIC/images/head/1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 693px;
	height: 140px;
	padding: 0px;
	margin: 0px;
	float: left;
	border: 0px;
}

.language{
	/*position: absolute;
	left: 20px;
	top: 30px;
	border: 1px solid red;*/
	width: 260px;
	height: 110px;
	background-image: url(/templates/PUBLIC/images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 30px;
	padding-left: 20px;
	float: left;
}

.language img{
	margin-right: 10px;
}

.mapaweb-top{
	margin-left: 10px;
	color: #c2d8ef;
	font-size: 11px;
}
.path{
	background-color: #6288af;
	border-top: solid 1px #003263; /* hack per que el Firefox ajusti el DIV amb el men� :( */
	font-size: 11px;
	color: #c2d8ef;
	width: 680px;
	padding: 5px;
}
.path a{ color: #c2d8ef; }
.path a:hover{ text-decoration: underline; }

.text{
	font-size: 11px;
	color: #515151;
	text-align: justify;
}

#head{
	float: left;
	font-size:13px;
}
#head a{
	color:#FFFFFF;
}

#inici{
	position: absolute;
	left: 5px;
	color: #003263;
	font-size: 12px;
}

#inici a{
	position: absolute;
	left: 10px;
	color: #003263;
	text-decoration: none; }

#eslora {display: none;margin: 5px 0px;}
#num_eslora {display: none;margin: 5px 0px;}
#servicios {display: none;margin: 5px 0px;}

#search fieldset{

}

#search legend{
	font-size: 12px;
	color: #003263;
}

#search input{
	font-size: 12px;
	color: #003263;
	margin:3px;
}

#search li{
	font-size: 14px;
}

#menu{
	background-image: url(../images/menu_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 30px;
}

#menu_left{
	background-color: #ffd503;
	width: 265px;
	position: absolute;
	left: 15px;
	height: 25px;
	padding-top: 5px;
	
}

#menu_left .menu{
	position: relative;
	top: 0px;
	left: 120px;
	padding: 0px;
	width: 140px;
}

#menu_right{
	background-color: #003263;
	width: 690px;
	position: absolute;
	left: 280px;
	height: 25px;
	padding-top: 5px;
	border-right: 2px solid #ffd503;
}

#menu_right .menu{
	position: relative;
	top: 0px;
	left: 5px;
	padding: 0px;
}
#body2{
	background-image: url(../images/body_shadow_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: 1px;
	z-index: -10;
}

#content{
	float: right;
	/*margin-left: 14px;*/
	width: 690px;
	margin-right: 5px;
}

#left_column{
	background: url(../images/column_left_bg.jpg) repeat-y;
	padding: 15px 20px;
	width: 231px;
	position: relative;
	float: left;
	left: 9px;
	z-index: auto;
	
}
#left_column h3, #left_column h3 a{
	margin: 15px 0px 5px 0px;
	color: #FFFFFF;
	/*width: 205px;*/
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 13px;
	font-style: normal;
	background: url(../images/left_column_title_bg.gif) 0 0 repeat-x;
	/*height: 18px;*/
	text-decoration: none;
	/*border-bottom: 1px solid #ffd503;*/
}
#left_column a:visited{color: #003263;}
#news {}
#news a{color: #003263;margin:0px;}
#news a:hover{color: #003263;margin:0px;text-decoration:underline;}
#news h4{
	background-image: url(../images/icon_news.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 5px 25px;
	margin: 0px;
	color: #003263;
	height: 22px;
	font-size: 12px;
}
#news .foto{
	border: 1px solid #003263;
	margin: 0px 5px;

}
#news .text{
	font-size: 12px;
	color: #515151;
	margin: -8px 3px 8px 25px;
	border-bottom: 1px solid #CCCCCC
}

#news .link{
	color: #003263;
	font-style: italic;
	font-size: 11px;
	text-align: right;
	clear: both;
}



#product_list{
	width: 180px;
	float: left;
}

#home {
	width: 690px;
	height: 360px;
	text-align: right;
}
#home h1{
	color: #DFDFDF;
	font-size: 18px;
	text-align: right;
	width: 215px;
}
#foot{
	background-image: url(../images/foot_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 157px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -100;
	visibility: visible;
	display: block;
}

#foot_box{
	/*background-image: url(../images/foot_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	width: 912px;
	left: 50%;
	margin-left: -461px;*/	
	height: 160px;
	padding-top: 18px;
	
}

#address {	
	margin-top: 1px;
	margin-left: 25px;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 220px;
}

#address a{
	color: #ffd503;
}

#sitemap_avis_legal{
	margin-right: 30px;
	float:right;
	text-align: right;
	color: #ffd503;
	font-size: 12px;
}

#sitemap_avis_legal a{
	color: #ffd503;
}

.mapaweb{
	margin-left: 70px;
	color: #c2d8ef;
	font-size: 11px;
}



#design_by{
	float:right;
	text-align: right;
	color: #d6dfe8;
	font-size: 12px;
	margin-right: 20px;
	margin-top: 45px;
}

#design_by a {
	color: #d6dfe8;
	font-weight: bold;
}

/* ########################################## */
/* Estils plantilla news_home.html			  */
/* ########################################## */
.homeNewsDate{
	float: left;
	width: 60px;
	margin-right: 10px;
	}
.homeNewsDay{
	background: url(../images/date_day_bg.jpg) 0 0 repeat-x;
	height: 25px
	width: 30px;
	text-align: center;
	font-size: 22px;
	color: #FFFFFF;
	margin-bottom: 3px;
	}
.homeNewsMonth{
	background: url(../images/date_month_bg.jpg) 0 0 repeat-x #b0c2d4;
	text-align: center;
	font-size: 12px;
	height: 16px;
	color: #FFFFFF;
	}
.homeNewsTitle{
	font-size: 16px;
	font-weight: bold;
	color: #003263;
	}
.homeNewsSubtitle{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	clear: left;
	margin-top: 10px;
	text-align: justify;
	}


/* ########################################## */
/* Estils plantilla home.html 				  */
/* ########################################## */
#home {
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 20px;
	text-align: right;
	border-top: solid 1px #003263; /* hack per que el Firefox ajusti el DIV amb el men� :( */
}

#home h1 {
	color: #bdd4e0;
	width: 200px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	position: relative;
	top: 280px;
	right: 10px;
}

#home_destacat_1 { /* Bloc esquerra */
	float: left;
	width: 45%;
}

#home_destacat_2 { /* Bloc dret */
	float: right;
	width: 45%;
}
#home_destacat { /* Bloc 100% */
	width: 100%;
}

#home_destacat h3,
#home_destacat_1 h3,
#home_destacat_2 h3 {
	margin: 5px 0px;
	color: #003263;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-style: normal;
	background-image: url(../images/home_title_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #ffd503;
}

#home_destacat img,
#home_destacat_1 img,
#home_destacat_2 img {
	margin: 0px 6px;
	padding: 1px;
	border: 1px solid black;
}

#home_destacat p,
#home_destacat_1 p,
#home_destacat_2 p{
	font-size: 12px;
	color: #515151;
	margin-top: 0px;
}

#home_destacat a,
#home_destacat_1 a,
#home_destacat_2 a{
	color: #515151;
}

.text_home{
	font-size: 10px;
	font-color: #000000;
	text-align: justify;
}

/* ########################################## */
/* Estils plantilla generica.html 			  */
/* ########################################## */
#generic_title{ 
	background-color: #ffd503;
	color: #003263;
	/*min-height: 50px;*/
	padding: 0px;
	margin-bottom: 10px;
}

#generic_title h1{
	/*float: left;*/
	font-size: 24px;
	font-weight: bold;
	margin: 0px 10px;
	padding: 0px;
	/*margin-top: 5px;*/
} 

#generic h3{
	font-size: 13px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 10px;
	color: #003263;
} 

#generic p, #generic a{
	font-size: 12px;
	color: #003263;
	text-align: justify;
}
/* ########################################## */
/* Estils plantilla producte.html 			  */
/* ########################################## */
#product_title{ 
	background-color: #ffd503;
	color: #003263;
	height: 40px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

#product_title h1{
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
} 

#product_title h3{
	float: right;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin-right: 10px;
	margin-top: 30px;
} 

#galleryLoader{ 
	background:#F0EFE9 url(../images/load.gif) 50% 50% no-repeat;
	clear: left;
	width:380px;	
	min-height: 190px;
	float: left;
	padding: 0px;
	border: 1px solid #0a3a69;
	margin-bottom: 15px;
}
#descImages{
	border-top: 1px solid #c2d8ef;
	background-color: #6288af;
	font-size: 11px;
	color: #c2d8ef;
}

#galleryThumbs{
	float: right;
	width: 265px;
	paddin: 0px 4px;
	text-align: right;
	height: 205px;
	overflow: auto;
	margin-bottom: 15px;
}
#galleryThumbs img {
	border: 1px solid #0a3a69;
	margin: 4px;
	
}

#product .left{ clear: both; float: left; width: 390px; vertical-align: top;margin: 0px 5px;padding: 0px;}
#product .right{ float: right; width: 280px; vertical-align: top;margin: 0px;padding: 0px;}

#product h4{
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #003263;
	margin: 0px;
	margin-bottom: 5px;
}

#product h6{
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	margin: 0px;
}
#product p{
	font-size: 12px;
	color: #003263;
}
#product p.ext{
	font-size: 12px;
	color: #003263;
}

#description{
	width:380px;
	float: left;
}
#product_details h3{
	float: left;
	/*width: 190px;
	margin-left: 10px;
	padding-left: 10px;*/
}
#product_details table{
	background-color: #f0efe9;
	margin-bottom: 10px;
}

#product_video{
	float: right;
	width: 280px;
	padding: 0px;
}

#product h5 {
	margin: 5px 0px;
	color: #003263;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-style: normal;
	background-image: url(../images/home_title_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #ffd503;
}

#product_details td{
	width: 50%;
	padding: 2px;
	font-size: 13px;
	vertical-align: top;
	text-align: right;
	color: #003263;
	border-bottom: 1px dotted #FFFFFF;
}
#product_details td.car{
	color: #464849;
	font-size: 12px;
	padding-right: 5px;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px dotted #FFFFFF;
}



#product_destacat h3 {
	margin: 5px 0px;
	color: #003263;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-style: normal;
	background-image: url(../images/home_title_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #ffd503;
}

#product_destacat img {
	margin: 0px 6px;
	padding: 1px;
	border: 1px solid black;
}

#product_destacat p{
	font-size: 12px;
	color: #515151;
	margin-top: 0px;
}

#product_destacat a{
	color: #515151;
}

/*  ------------------------------------------
	REPARACIONS
	------------------------------------------ */

.titol_reparacions{
	margin: 15px 0px 5px 0px;
	color: #003263;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	font-style: normal;
	background-image: url(../images/home_title_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #ffd503;
}

.images_reparacions{
	float: left;
	display: block;
	margin-right: 10px;
	font-size: 14px;
	color: #515151;
	text-align: center;
	border: 1px solid #0a3a69;
}

.images_reparacions img{ clear: both;}

/*  ------------------------------------------
	CONTACTAR
	------------------------------------------ */

.titol_contactar{
	margin: 0px;
	color: #003263;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	font-style: normal;
	background-image: url(../images/home_title_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #ffd503;
}

.contact-form{
	float: left;
	width: 45%;
	background-color: #A8BCCF;
	padding:20px;
	margin-bottom: 20px;
}

.contact-form label{
	display: block;
	font-size: 16px;
}

.contact-form input,
.contact-form textarea{
	font-size: 16px;
	border: 1px solid #003263;
	margin-bottom: 10px;
	background-color:#E9ECED;
	padding: 2px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.contact-form div.legal{
	font-size: 12px;
	border: 1px solid #003263;
	margin-bottom: 10px;
	background-color:#E9ECED;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:auto;
	height: 100px;
	margin-bottom: 10px;
}

.contacte{
	font-size: 14px;
	display: block;
}
.mail{
	font-size: 16px;
}


.documents{
	background: url(../images/docs_bg.jpg) 0 0 no-repeat;
	margin-top: 30px;
	padding: 20px 40px;
	min-height: 140px;
	}
.documents h5{
	font-size: 14px;
	font-weight: bold;
	color: #003263;
	margin-bottom: 5px;
	}
.documents a:hover{
	text-decoration: underline;
	}

.clear{ clear: both;}

.display_block{ display: block; }
.display_none { display: none; }


.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }
.alignCenter{ text-align: center; }
.alignJustify{ text-align: justify; }

.margin5px{ margin: 5px;}
.margin10px{ margin: 10px;}
.margin20px{ margin: 20px;}
.margin30px{ margin: 30px;}
.margin40px{ margin: 40px;}
.margin50px{ margin: 50px;}
.margin60px{ margin: 60px;}
.marginTop5px{ margin-top: 5px;}
.marginTop10px{ margin-top: 10px;}
.marginTop20px{ margin-top: 20px;}
.marginTop30px{ margin-top: 30px;}
.marginTop40px{ margin-top: 40px;}
.marginTop50px{ margin-top: 50px;}
.marginTop60px{ margin-top: 60px;}
.marginRight5px{ margin-right: 5px;}
.marginRight10px{ margin-right: 10px;}
.marginRight20px{ margin-right: 20px;}
.marginRight30px{ margin-right: 30px;}
.marginRight40px{ margin-right: 40px;}
.marginRight50px{ margin-right: 50px;}
.marginRight60px{ margin-right: 60px;}
.marginBottom5px{ margin-bottom: 5px;}
.marginBottom10px{ margin-bottom: 10px;}
.marginBottom20px{ margin-bottom: 20px;}
.marginBottom30px{ margin-bottom: 30px;}
.marginBottom40px{ margin-bottom: 40px;}
.marginBottom50px{ margin-bottom: 50px;}
.marginBottom60px{ margin-bottom: 60px;}
.marginLeft5px{ margin-left: 5px;}
.marginLeft10px{ margin-left: 10px;}
.marginLeft20px{ margin-left: 20px;}
.marginLeft30px{ margin-left: 30px;}
.marginLeft40px{ margin-left: 40px;}
.marginLeft50px{ margin-left: 50px;}
.marginLeft60px{ margin-left: 60px;}

.padding5px{ padding: 5px;}
.padding10px{ padding: 10px;}
.padding20px{ padding: 20px;}
.padding30px{ padding: 30px;}
.padding40px{ padding: 40px;}
.padding50px{ padding: 50px;}
.padding60px{ padding: 60px;}
.paddingTop5px{ padding-top: 5px;}
.paddingTop10px{ padding-top: 10px;}
.paddingTop20px{ padding-top: 20px;}
.paddingTop30px{ padding-top: 30px;}
.paddingTop40px{ padding-top: 40px;}
.paddingTop50px{ padding-top: 50px;}
.paddingTop60px{ padding-top: 60px;}
.paddingRight5px{ padding-right: 5px;}
.paddingRight10px{ padding-right: 10px;}
.paddingRight20px{ padding-right: 20px;}
.paddingRight30px{ padding-right: 30px;}
.paddingRight40px{ padding-right: 40px;}
.paddingRight50px{ padding-right: 50px;}
.paddingRight60px{ padding-right: 60px;}
.paddingBottom5px{ padding-bottom: 5px;}
.paddingBottom10px{ padding-bottom: 10px;}
.paddingBottom20px{ padding-bottom: 20px;}
.paddingBottom30px{ padding-bottom: 30px;}
.paddingBottom40px{ padding-bottom: 40px;}
.paddingBottom50px{ padding-bottom: 50px;}
.paddingBottom60px{ padding-bottom: 60px;}
.paddingLeft5px{ padding-left: 5px;}
.paddingLeft10px{ padding-left: 10px;}
.paddingLeft20px{ padding-left: 20px;}
.paddingLeft30px{ padding-left: 30px;}
.paddingLeft40px{ padding-left: 40px;}
.paddingLeft50px{ padding-left: 50px;}
.paddingLeft60px{ padding-left: 60px;}