html * { 
  margin: 0; 
  padding: 0; 
}

body {
  text-align:center;
  background-color: #b9c4c9;
  /*background: url(../img/boxbg-grisblau.jpg);*/
  background: url(../img/bg-gran.gif);
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

a, a:link, a:visited { 
  color: #000000;
  text-decoration:none;
} 
a:hover, a:active { 
  color: #000000;
}

img{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/* Fotos amb sombra */
.img-shadow {
  float:left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}


/* Titols */
h2{
  padding-top:20px;
  padding-bottom:10px;
  color: #ffffff;  
  font-size: 12px;
  font-weight:bold;
}
h3{
  padding-top:0.6em;
  padding-bottom:0.6em;
  padding-left:180px;
  color: #ffffff;  
  font-size: 12px;
  font-weight:bold;
}

/* Elements de formulari */
.textbox{
  width:20em;
}
.button{
  width:10em;
}


#page {
  /* Centrat */
  width:780px;
  text-align:left;  
  margin:0 auto;
  margin-top:15px;
}

#inici{
  width:780px;
  height:530px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  overflow: hidden;
  text-align:center;
}
#inici #logo{
  margin-top:105px;
}
#inici #idiomes{
  width:160px;
  margin:0 auto;
  margin-top:15px;
}
#inici a, #inici a:link, #inici a:visited { 
  color: #b9c4c9;
  text-decoration:none;
} 
#inici a:hover, #inici a:active { 
  color: #00386c;
  font-weight:bold;
}



#header{
  width:780px;
  height:110px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  overflow: hidden;
}

#header #header-logo{
  float:left;
}
#header #header-menu{
  position:relative;
  float:right;
  padding-right:20px;
  top:-3px;  
}

#header #header-menu a, #header #header-menu a:link, #header #header-menu a:visited { 
  color: #b9c4c9;
  text-decoration:none;
} 
#header #header-menu a:hover, #header #header-menu a:active { 
  color: #00386c;
}

#header #header-ocasion {
  width:590px;
  clear:right;
  float:right;
  text-align:right;
  color: #00386c;
  font-size:16px;
  padding-top:35px;
  padding-right:15px;
}

#header #header-ocasion .informacion { 
  font-size:15px;
  font-weight: bold;
}

#content {
  width:780px;
  height:320px;
  margin-top:5px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  overflow: auto;
}

#content-list {
  width:780px;
  margin-top:5px;
}



/* MENU */
#menu {
  width:780px;
  height:100px;
  margin-top:5px;
  background-color: #707679;
  border:1px solid #ffffff;
  overflow: hidden;
}

#menu .menu-column-space {
  float:left;width:10px;
  padding-left:10px;
  height:100px;  
}
/*#menu .menu-column {
  padding-top:6px;
  padding-left:5px;
  width:120px;
  height:100px;
  float:left;
  font-size:13px;
  line-height:17px;
  color:#d7d7d7;
  
}*/
#menu .menu-column {
  padding-top:2px;
  padding-left:5px;
  width:120px;
  height:100px;
  float:left;
  font-size:12px;
  line-height:16px;
  color:#d7d7d7;
  /*background-color: #ffdd00;*/
}

#menu .menu-column a, #menu .menu-column a:link, #menu .menu-column a:visited { 
  color: #9c9a9a;
  text-decoration:none;
} 
#menu .menu-column a:hover, #menu .menu-column a:active { 
  color: #00386c;
}

#clear{
  clear: both;
}





/* Embarcaciones */
#content-embarcaciones {  
  width:780px;
  height:320px;
  margin-top:5px;
  border: 1px solid #ffffff;
  background-color: #19648e;
  color:#ffffff;
  font-size:13px;
  line-height:18px;
  overflow: hidden;
}

#content-embarcaciones #menu-embarcaciones {
  padding:15px 0 0 10px;
  width:125px;
  float:left;
}
#content-embarcaciones #menu-embarcaciones img {
  padding-right:5px;
}
#content-embarcaciones #menu-embarcaciones ul{
  list-style:none;
}
#content-embarcaciones #menu-embarcaciones a, #content-embarcaciones #menu-embarcaciones a:link, #content-embarcaciones #menu-embarcaciones a:visited { 
  color: #A3C2D3; /* 163,194,211 */
  text-decoration:none;
} 
#content-embarcaciones #menu-embarcaciones a:hover, #content-embarcaciones #menu-embarcaciones a:active { 
  color: #FFFFFF;
}


#content-embarcaciones #menu-embarcaciones-jeanneau-zodiac {
  padding-top:15px;
  width:157px;
  text-align:center;
  float:left;
  color:#17648e;
  font-size:15px;
  line-height:18px;
}
#content-embarcaciones #menu-embarcaciones-jeanneau-zodiac a, #content-embarcaciones #menu-embarcaciones-jeanneau-zodiac a:link, #content-embarcaciones #menu-embarcaciones-jeanneau a:visited { 
  color: #17648e;
  text-decoration:none;
} 
#content-embarcaciones #menu-embarcaciones-jeanneau-zodiac a:hover, #content-embarcaciones #menu-embarcaciones-jeanneau-zodiac a:active { 
  color: #000000;
}


#content-embarcaciones #main-embarcaciones{
  float:right;
}

#content-embarcaciones #main-embarcaciones-planos{
  float:left;
  margin-left:130px;  
  width:250px;
  height:100%  ;
  background-color:#FFFFFF;
}


#content-embarcaciones #backimg{
  width:275px;
  float:right;
}



/* Motor */
#content-motor {  
  width:780px;
  height:320px;
  margin-top:5px;
  border: 1px solid #ffffff;
  background-color: #88868b;
  color:#ffffff;
  font-size:13px;
  line-height:18px;
  overflow: hidden;
}
#content-motor h1{  
  padding-top:15px;
  font-size:14px;
  font-size:bold;
}


/* Motor VOLVO*/
#content-motor #menu-motor {
  padding:15px 0 0 10px;
  width:147px;
  float:left;
}
#content-motor #menu-motor img {
  padding-right:5px;
}
#content-motor #menu-motor ul{
  list-style:none;
}
#content-motor #menu-motor a, #content-motor #menu-motor a:link, #content-motor #menu-motor a:visited { 
  color: #c3c8cd;
  text-decoration:none;
} 
#content-motor #menu-motor a:hover, #content-motor #menu-motor a:active { 
  color: #FFFFFF;
}

#content-motor #main-motor{
  float:left;
  width:623px;
  height:390px;
  color: #88868b;
  background-color:#FFFFFF;
}


/* Motor YAMAHA*/
#content-motor #main-motor-yamaha{
  float:left;
  width:581px;
  height:390px;
  color: #88868b;
  background-color:#FFFFFF;
  font-size:11px;
}

#content-motor #main-motor-yamaha #text{
  padding:0px 0px 15px 15px;
  width:265px;
  height:290px;  
  overflow:hidden;
}



/* Contact */

#content-contact {  
  width:780px;
  height:320px;
  margin-top:5px;
  border: 1px solid #ffffff;
  background-color: #19648e;
  color:#ffffff;
  font-size:13px;
  line-height:18px;
}

#content-contact .contact-left {
  width: 375px;
  float: left;
  padding-top:0px;
  padding-bottom:30px;
}
#content-contact .contact-right {
  width: 375px;
  float: right;
  padding-top:0px;
}

#content-contact .contact-input {
  height:35px;
}
#content-contact label {
  width: 115px;
  float: left;
  font-size:12px;
}

#content-contact input {
  width: 230px;
  font-size:13px;
  background-color: #5d8bb1;
  border: 1px solid #5d8bb1;
  color:#ffffff;
}


/* Mercado de ocasi�n*/
.listado_ocasion ul {
  list-style: none;
  margin:0px;
 }
.listado_ocasion li {
  width:780px;  
  height:175px;  
  background-color: #ffffff;
  border: 1px solid #ffffff;
  margin-bottom:3px;
}
.listado_ocasion li a {
  text-decoration:none;
  display:block;
  height:100%;
  color:#000;
}
.listado_ocasion li a:hover {
  text-decoration:none;
  background:#f1f1e1;
}

.listado_ocasion .foto { float:left; padding:12px 0px 12px 12px;}
.listado_ocasion .text {
  height:150px;
  float:left; padding:12px; width:535px;
	font-family: Verdana, Arial, Sans-serif;
	font-size:10px;
	text-align:justify;
	line-height:14px;
}

.listado_ocasion .referencia { 
  float:right;
	font-weight:bold;
	color:#4f5e6a;
}

.listado_ocasion h2 {
	font-family: Verdana, Arial, Sans-serif;
	font-size:12px;
  font-weight:bold;
  color: #4f5e6a;
	padding:0 0 3px 0;
}
.listado_ocasion .precio {
	color:#4f5e6a;
  float:right;
	font-weight:bold;
}


/* tienda, empresa y taller */
#content_text {
  margin-top:40px;
  padding-left:40px;
  color: #ffffff;
  /*text-align: justify;*/
  font-size:12px;
  line-height:20px;
  width:232px;
  height:250px;  
  overflow:hidden;
  float:left;
    
}


#content-legal {  
  width:780px;
  margin-top:5px;
  border: 1px solid #ffffff;
  background-color: #19648e;
  color:#ffffff;
  font-size:11px;
  text-align:justify;
  line-height:18px;
}
#content-legal ul{
  padding-left: 30px; 
}

#footer {
  color: #ffffff;
  font-size:10px;
  text-align:center;
  padding-top:10px;
  padding-top:5px;  
}

#footer a, #footer a:link, #footer a:visited { 
  color: #FFFFFF;
  text-decoration:none;
} 
#footer a:hover, #footer a:active { 
  color: #FFFFFF;
  text-decoration:underline;
}