html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline  : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}

ol, ul {
list-style : none;
}

body {
background: #1d1d1d;
font-family: Arial;
font-size:13px;
}

#cuerpo {
width:695px;
position:relative;
margin:0 auto;
}

#logo a {
display:block;
height:90px;
left:170px;
position:absolute;
text-indent:-10000px;
top:60px;
width:203px;
z-index:10;
}

/*    Galería de Imagenes    */

#slideshow {
    position:absolute;
    width:538px;
    height: 265px!important;
	background:url(../images/logo.jpg);
	top:46px;
	right:0;
}

#slideshow IMG {
    position:absolute;
    top:0px;
    right:0px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.activo {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-activo {
    z-index:9;
}

/*    FIN Galería de Imagenes    */

#nav {
position:absolute;
top:80px;
left:-7px;
width:145px;
}

#nav li a {
color:#fff;
text-decoration:none;
font-size:16px;
display:block;
text-align:right;
background:url(../images/normal.jpg) no-repeat 120px 4px;
padding:0 36px 0px 0;
height:34px;
}

#nav a:hover {
color:#f36d24;
background:url(../images/hover.jpg) no-repeat 120px 4px;
}

#nav .activa {
text-decoration:none;
font-size:16px;
display:block;
text-align:right;
color:#f36d24;
background:url(../images/hover.jpg) no-repeat 120px 4px;
padding:0 36px 0px 0;
height:34px;

}

.bookw {
position:absolute;
right:0;
top:323px;
}

#izq {
background:url(../images/vcard.jpg);
width:146px;
height:458px;
position: absolute;
top:323px;
}

#izq2 {
background:url(../images/izq2.jpg);
width:146px;
height:420px;
position: absolute;
top:323px;
}

#izq p {
font-size:14px;
color:#fff;
padding:17px 15px 0px 15px;
}

#izq2 p {
font-size:11px;
color:#fff;
padding:57px 15px 0px 15px;
}

#hcard-Hostal-Sun-and-Moon {
background:url(../images/vcard2.jpg) no-repeat;
width:198px;
height:98px;
position:absolute;
top:260px;
left:15px;
}

#hcard-Hostal-Sun-and-Moon p {
font-size:10px;
color:#fff;
padding:7px 5px;
}

#hcard-Hostal-Sun-and-Moon a {
color:#fff;
}

.locality, .country-name {
display:none;
}

#contenidos {
color: #999999;
font-size:11px;
padding:531px 0 0 160px;
}

#servicios h2 {
padding:25px 0px 15px;
margin:0px 30px;
color:#fff;
border-bottom:1px dotted #666666;
font-weight:normal;
}

#servicios ul {
margin:0px 30px;
}

#servicios ul li {
border-bottom:1px dotted #666666;
padding:14px 0 14px 40px;
}

.cocina {
background: url(../images/icons2.png) no-repeat 3px 10px;
}

.wc {
background: url(../images/icons1.png) no-repeat 3px 10px;
}

.tele {
background: url(../images/icons3.png) no-repeat 3px 10px;
}

.aire {
background: url(../images/icons4.png) no-repeat 3px 10px;
}

.recep {
background: url(../images/icons5.png) no-repeat 3px 10px;
}

.nuevas {
background: url(../images/icons6.png) no-repeat 3px 10px;
}

.telefono {
background: url(../images/icons7.png) no-repeat 3px 10px;
}

.salon {
background: url(../images/icons8.png) no-repeat 3px 10px;
}

.sabanas {
background: url(../images/icons10.png) no-repeat 3px 10px;
}

.equipajes {
background: url(../images/icons11.png) no-repeat 3px 10px;
}

#contenidos2 {
color: #999999;
font-size:11px;
padding:331px 0 20px 33px;
}

#contenidos3 {
color: #999999;
font-size:11px;
padding:321px 0 20px 157px;
}

#contenidos4 {
color: #999999;
font-size:11px;
padding:321px 0 20px 0;
}

#contenidos h2 {
color:#fff;
font-weight:normal;
background:url(../images/normal.jpg) no-repeat;
padding:0 0 0 23px;
margin:0 0 8px 0;
}

#texto {
width:233px;
height:205px;
overflow:scroll;
overflow-x: hidden;
border:1px solid #666666;
padding:10px 15px;
margin-bottom:17px;
}

#texto p {
margin-bottom:15px;
}

#footer {
background:url(../images/footer.jpg) no-repeat 20px 10px;
height:61px;
color: #666666;
font-size:10px;
border-top:3px solid #2c2c2c;
}

#footer p {
margin:23px 0 0 125px;
}

#slideshow2 {
height:250px;
left:438px;
position:absolute;
top:530px;
}

#slideshow2 div {
background:#1D1D1D;
color:#FFFFFF;
font-size:11px;
height:250px;
left:0;
opacity:0;
position:absolute;
top:0;
z-index:8;
}

#slideshow2 p {
padding-left:8px;
background: url(../images/flecha.jpg) no-repeat 0 5px; 
}

#slideshow2 DIV.activ {
    z-index:10;
    opacity:1.0;
}

#slideshow2 DIV.last-activ {
    z-index:9;
}

#slideshow2 DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow3 {
height:250px;
left:408px;
position:absolute;
top:330px;
}

#slideshow3 div {
background:#1D1D1D;
color:#FFFFFF;
font-size:11px;
height:170px;
left:0;
opacity:0;
position:absolute;
top:0;
z-index:8;
}

#slideshow3 DIV.activ {
    z-index:10;
    opacity:1.0;
}

#slideshow3 DIV.last-activ {
    z-index:9;
}

#slideshow3 DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#idiomas {
position:absolute;
top:0;
right:0;
border-left:1px solid #4c4c4c;
border-bottom:1px solid #666666;
}

#idiomas li {
float:left;
font-size:12px;
border-right:1px solid #4c4c4c;
}

#idiomas li a {
color: #999999;
text-decoration:none;
padding:5px 7px;
display:block;
}

#idiomas .actual {
color: #e4ad0c;
text-decoration:none;
padding:5px 7px;
display:block;
background: #3B3B3B;

}

#idiomas li a:hover {
background:#666666;
color:#fff;
text-decoration:none;
}

#servicios {
background:url(../images/servicios.jpg);
width:355px;
height:535px;
}

#enlaces {
left:408px;
position:absolute;
top:513px;
width:286px;
border-bottom:1px dotted #FFFFFF;
padding:0 0 10px 0;
}

#enlaces dt {
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
font-size:12px;
margin-bottom:10px;
padding-bottom:5px;
}

#enlaces dd {
background: url(../images/flecha2.jpg) 2px 9px no-repeat;
padding:5px 0 5px 15px;
color:#fff;
}

#enlaces a {
color:#999999;
}

#mas-info {
background:url("../images/masinfo.jpg") repeat scroll 0 0 transparent;
color:#FFFFFF;
height:56px;
left:408px;
position:absolute;
top:787px;
width:285px;
}

#mas-info p {
padding:13px 0 0 15px;
}

#habitaciones {
padding-left:154px;
padding-top:14px;
width:186px;
}

#habitaciones h2 {
background: url(../images/normal.jpg) no-repeat 0px 1px;
padding-left:26px;
color:#fff;
font-size:15px;
font-weight:normal;
}

#habitaciones img {
margin:20px 0 20px 10px;
}

#habitaciones ul {
border-bottom:1px dotted #666666;
border-top:1px dotted #666666;
padding:12px 10px;
margin-bottom:15px;
}

#habitaciones ul li {
background:url(../images/point.gif) no-repeat 0 1px;
padding:0 0 5px 13px;
}

#habitaciones a {
color:#FFFFFF;
text-decoration:underline;
background:url(../images/flecha.jpg) no-repeat 0px 5px;
padding-left:10px;
}

#habitaciones p {
margin-bottom:15px;
}

#flash {
left:400px;
position:absolute;
top:378px;
}

#framereservation {
background:url(../images/reservas.jpg);
width:538px;
height:137px;
text-align:center;
padding:50px 0 0 0;
}

input#frame_buttonBook {
background:none;
margin-top:15px!important;
margin-left:30px
}

#flash2 {
margin:20px;
}

#reservar {
padding:0 0 30px 0;
}

#reservar p {
color:#fff;
padding:0 20px;
}

#offersHs {
padding:10px 0!important;
}

#offersHs a {
color:#f06c20;
}

#offersHs h2 {
color:#fff;
}

.linkRss {
color:#999999;
}

.cont-foto {
background: url(../images/direccion.jpg);
width:407px;
height:150px;
margin-top:8px;
}

.cont-foto p {
padding:27px 0 0 260px;
}

.cont-foto strong {
color:#fff;
font-size:13px;
font-weight:normal;
}

.cont-foto a {
color:#fff;
}

.cont-mapa {
background:url(../images/mapa.jpg);
height:190px;
width:367px;
margin-top:15px;
padding:280px 20px 0;
}

.cont-mapa dl {
border-bottom:1px dotted #666666;
padding:10px 0;
}

.cont-mapa dt{
color:#fff;
}

.cont-mapa p {
padding-top:18px;
}

.cont-mapa a {
background: url(../images/flecha.jpg) 2px 11px no-repeat;
padding:5px 0 5px 10px;
color:#fff;
margin:15px 0 0 20px;
}

#form {
left:440px;
position:absolute;
top:345px;
width:265px;
}

#form h2 {
color:#fff;
font-weight:normal;
background:url(../images/normal.jpg) no-repeat;
padding:0 0 0 23px;
margin:0 0 8px 0;
font-size:14px;
}

#form p {
padding-bottom:5px;
}

#persona_contacte, #telefono3, #telefono4, #comentaris {
background:#2c2c2c;
border:1px solid #464646;
margin-bottom:10px;
width:205px;
-moz-border-radius:8px;
color:#fff;
font-size:12px;
padding:2px 7px;
font-family:Trebuchet MS;
}

#comentaris {
height:120px;
}

.submit {
background: #000;
border:1px solid #666666;
margin-bottom:10px;
color: #CCCCCC;
font-size:11px;
padding:1px 4px;
font-family:Trebuchet MS;
margin-right:5px;
cursor:pointer;
}

.submit:hover {
border:1px solid #999999;
color:#fff;
}

#flash3 {
margin-top:59px;
}

.conf {
color:#80FF80;
margin-bottom:10px;
}

.work_text {
background: url('../images/gris.jpg');
width:407px;
height:65px;
padding-top:15px;
margin-top: 10px;
}

.work_text p{
font-size:15px;
margin:0px 20px ;
line-height: 21px;
}

.work_text p strong{
color: #FFF;
}

#cont_work {
background: url('../images/gris_work.jpg');
margin-top: 10px;
height:297px;
width: 407px;
}