/* copyleft dulzet@gmail.com  */

body, p, div, span, h1, h2, h3, li, table {font-family:sans-serif; font-size:12px;}
body  {  background-color:#000; text-align:center; margin:0px; background-image:url('logo_inv.png'); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%;}

/*:::::::pagina inici::::::::*/


/* Caixetes d'hover contextual */
#caixaover { position: absolute; margin-top: 5px; width: 200px; padding: 0px; visibility: hidden; z-index: 100; }
#caixaover {color: #550040; background-color:#fff; padding:5px; border: dotted 2px #550040; text-align:left; padding-left:20px}
.tithover {color:#aaa; font-style:italic;}


#home {position:relative; width:980px; margin:0 auto; margin-top:0px; height:800px; background-color:#fff; background-image:url(capsal3.jpeg); background-position:-10px -50px; background-repeat:no-repeat; text-align:center}

.link {text-decoration:none; border-bottom: dotted 2px #550040; color:#550040}
.link:hover {text-decoration:none; border:0}

#blog {position:absolute; width:100%; top:500px; margin-bottom:0px; font-size:14px; color:#000; margin-top:0px; }
#blog a {color:#550040; text-decoration:none; font-weight:bold;}
#blog a:hover {border-bottom: dotted 2px #550040;}

#idioma {position:absolute; width:100%; top:530px; margin-bottom:0px; font-size:10px; color:#550040; margin-top:0px; }
#idioma a {color:#550040; text-decoration:none; border-bottom: dotted 2px #550040; }

#logo  {position:absolute; top: 180px; left:330px; height:250px; text-align:center; color:#000; }
.logotxt {color:#000; font-size:12px; margin-top:0px}
.subtitol {margin-top:0px; color:#550040}


/*:::::::enllaços home (5entits)::::::::*/

#menu1 {position:absolute; top:140px; left: 460px; text-decoration:none; color:#000; text-align:center; z-index:10; }
#menu1 a{text-decoration:none; color:#000; }
#menu1 a:hover{text-decoration:none; color:#550040; font-size:24px; font-weight:bold;}

#menu2 {position:absolute; top:230px; left: 240px; text-decoration:none; color:#000; text-align:center; z-index:10; }
#menu2 a{text-decoration:none; color:#000;}
#menu2 a:hover{text-decoration:none; color:#550040; font-size:24px; font-weight:bold;}

#menu3 {position:absolute; top:230px; left: 700px; text-decoration:none; color:#000; text-align:center; z-index:10; }
#menu3 a{text-decoration:none; color:#000;}
#menu3 a:hover{text-decoration:none; color:#550040; font-size:24px; font-weight:bold;}

#menu4 {position:absolute; top:410px; left: 300px; text-decoration:none; color:#000; text-align:center; z-index:10;}
#menu4 a{text-decoration:none; color:#000;}
#menu4 a:hover{text-decoration:none; color:#550040; font-size:24px; font-weight:bold;}

#menu5 {position:absolute; top:410px; left: 610px; text-decoration:none; color:#000; text-align:center; z-index:10;}
#menu5 a{text-decoration:none; color:#000;}
#menu5 a:hover{text-decoration:none; color:#550040; font-size:24px; font-weight:bold;}


/*:::::::peu fixe per a la home::::::::*/

#peu {position:absolute; width:100%; bottom:0px; height:102px; margin-bottom:0px}


/*:::::::blocs dels apartats::::::::*/

#ap1 {position:relative; margin:0 auto; margin-top:600px; background-color:#fff; width:980px; }
.fotoap11 {position:absolute; right:20px; top:240px; float:right;  }
.fotoap11 img {border:dotted 2px #550040;}
.fotoap12 {position:absolute; right:60px; top:525px; float:right;  }
.fotoap12 img {border:dotted 2px #550040;}
.fotoap13 {position:absolute; right:20px; top:60px; float:right;  }
.fotoap13 img {border:dotted 2px #550040;}

#ap2 {position:relative; margin:0 auto; margin-top:600px; background-color:#fff; width:980px; }
.fotoap21 {position:absolute; right:83px; top:190px; float:right;  }
.fotoap21 img {border:dotted 2px #550040;}
.fotoap22 {position:absolute; right:100px; top:430px; float:right;  }
.fotoap22 img {border:dotted 2px #550040;}
.fotoap23 {position:absolute; right:50px; top:570px; float:right;  }
.fotoap23 img {border:dotted 2px #550040;}

#ap3 {position:relative; margin:0 auto; margin-top:600px; background-color:#fff; width:980px; }
.fotoap31 {position:absolute; right:20px; top:175px; float:right;  }
.fotoap31 img {border:dotted 2px #550040;}

#ap4 {position:relative; margin:0 auto; margin-top:600px; background-color:#fff; width:980px; }
.fotoap41 {position:absolute; right:20px; top:175px; float:right;  }
.fotoap41 img {border:dotted 2px #550040;}
.fotoap42 {position:absolute; right:20px; top:475px; float:right;  }
.fotoap42 img {border:dotted 2px #550040;}

#ap5 {position:relative; margin:0 auto; margin-top:600px; background-color:#fff; width:980px; margin-bottom:200px;padding-bottom:100px}
.fotoap5 {position:absolute; right:20px; top:40px; float:right;  }
.fotoap5 img {border:dotted 2px #550040;}



h1 {font-size:20px; color:#550040; padding-top:60px; margin-left: 100px; text-align:left; margin-bottom:0px; }
h2 {font-size:12px; color:#bbb; padding-top:0px; margin-left: 100px; text-align:left; padding-bottom:0px; margin-top:0px; font-style:italic}
h3 {font-size:14px; color:#550040; margin-left: 100px; text-align:left; margin-bottom:20px; padding-bottom:0px; margin-top:50px; border-bottom:2px dotted #550040; width:60%; }

.parraf { background-color:#fff; color:#000; width:460px; line-height:1.5em; margin-left:100px; text-align:justify; margin-top:0px}
.parraf a {color:#550040; border-bottom: dotted 2px #550040; text-decoration:none;}
.parraf a:hover {color:#550040; border: 0; text-decoration:none;}

.parraf_cita { background-color:#fff; color:#666; width:420px; font-style:italic; line-height:1.5em; margin-left:120px; text-align:justify; margin-top:0px}
.back { background-color:#fff; color:#550040; text-align:left; text-decoration:none; border-bottom:dotted 2px #550040; }
.back:hover { color:#550040; text-decoration:none; border:0px; padding-bottom:100px}

#comptador {position:absolute; top:5px; right:5px; color:#fff; font-size:10px; text-align:right; z-index:100; background-color:#000; padding:3px;}


/* --- forumulari reserva i overs menus --- */
#apreserves {position:relative; margin:50px auto; background-color:#fff; width:980px; height:1500px; background-image:url('capsalet2.png'); background-position:bottom; background-repeat:no-repeat;}

#aptake {position:relative; margin:50px auto; background-color:#fff; width:980px; height:1800px; background-image:url('capsalet2.png'); background-position:bottom; background-repeat:no-repeat;}

#apreserves-a {width:440px; padding:10px; margin:10px; background-color:#fff; float:left; bottom:5px; padding-bottom:50px; }
#apreserves-b {width:440px; padding:10px; margin:10px; background-color:#fff; float:right; padding-bottom:50px;}
#apreserves-c {width:440px; padding:10px; margin:10px; background-color:#fff;}

#apreserves .parraf, #aptake .parraf {background-color:#fff; color:#000; line-height:1.5em; margin-left:0px;  margin-top:0px; padding:0px; max-width:400px}
#apreserves h1, #aptake h1 {font-size:20px; color:#550040; padding-top:0px; margin-left: 20px; text-align:left; margin-bottom:10px; }
#apreserves h2, #aptake h2 {font-size:12px; color:#bbb; margin-left: 20px; text-align:left; padding-bottom:0px; margin-top:-10px; font-style:italic}
#apreserves h3, #aptake h3 {font-size:14px; color:#550040; margin-left: 0px; text-align:left; margin-bottom:10px; padding-bottom:0px; margin-top:5px; border-bottom:2px dotted #550040; width:100%; }
#apreserves h4, #aptake h4 {font-size:14px; color:#550040; font-weight:bold; margin-left: 0px; text-align:left; margin-bottom:10px; margin-top:5px; }
#apreserves h5, #aptake h5 {font-size:14px; color:#000; font-weight:bold; text-align:center; margin-bottom:10px; margin-top:5px; }

.h1apunt {position:absolute; top:30px; right:20px;}
.h1apunt a {color:#550040; text-decoration:none;}
.h1apunt a:hover {border-bottom: dotted 2px #550040;}

#res-menu-a, #res-menu-b, #res-menu-c, #res-menu-d, #res-menu-e, #res-menu-f, #res-menu-g, #res-menu-h, #res-menu-i, #res-menu-j, #res-menu-k {visibility:hidden; padding-bottom:30px;}
.res-menu {position:absolute; margin:10px; margin-top:30px; text-align:center;}
.res-menu p { text-align:center;}


.form {border:solid 1px #550040; margin-bottom:5px; color:#000}
.botoform {border:solid 1px #000; color:#fff; background-color:#550040; margin-bottom:10px;}