/* Marvet Spa */

body{
background:#085006;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
margin:0px;
padding:0px;
height:100%;
font-size:13px;
}

img{border:0px;}

a:link, a:visited, a:active{
color:#004F74;
text-decoration:underline;
}
a:hover{
color:#666666;
text-decoration:none;
}

/* Superior */

#cabecera{
background:#CCCCCC url(images/cabecera-bg.jpg) repeat-y 50% 50%;
height:176px;
}

#cabecera-int{
margin:0px auto 0px auto;
width:850px;}

#superior{
background:#000000;
margin:0px auto 0px auto;
width:850px;
height:18px;
color:#ffffff;
text-align:right;
}

#superior span{margin-right:15px;}

#logo{
margin-top:35px;
margin-left:10px;
float:left;
}

#direc{
margin-top:15px;
margin-right:10px;
float:right;
}




/* Sub Menu - Barra Navegacion */

#fonsbarra{
background:#8B6476;
height:33px;
}

#submenu{
width:850px;
background:#5E203D url(images/barra-bg.jpg) repeat-x;
height:33px;
color:#ffffff;
font-family: Arial, Sans-serif;
font-size:23px;
margin:0px auto 0px auto;
padding:0px;
letter-spacing:1px;
}

#submenu a:link, #submenu a:visited, #submenu a:active{
color:#ffffff;
text-decoration:none;
padding-left:5px;
padding-right:5px;
font-weight:bold;
}

#submenu a:hover{
color:#ffffff;
background:#000000;

}

#submenu ul{margin:0px; margin-left:10px; padding:0px;}
#submenu li{display:inline; list-style:none; margin:0px; padding:0px 2px 0px 2px;}


/* Contingut */

#contingut{background:#A6BCB0 url(images/contingut-bg.jpg) repeat-x 100% 100%;}


#contingut-int{
width:850px;
background:#fff;
margin:0px auto 0px;
min-height:430px;
}

* html #contingut-int{height:430px;}

#text{
float:left;
width:450px;
text-align:left;
}

#text p{margin-left:30px; margin-top:10px; text-align:justify;}

#text h1{margin-left:30px;}
#text h1, #text-donde h1{margin-bottom:0px; margin-top:25px;}


#text-donde{text-align:left; margin-left:30px;}
#text-donde p{float:right; width:400px; margin-top:30px; text-align:right; margin-right:15px;}

#fotos{float:right; width:360px; padding-top:70px;}

#fotos img{border:1px solid #ccc; padding:4px;}

#fotos .foto1{float:left; margin-bottom:5px;}
#fotos .foto2{float:right; margin-left:5px; margin-right:15px; margin-bottom:5px;}

.servicios{font-size:22px; line-height:36px;}
.servicios li{list-style:url(images/li.jpg); margin-left:30px;}

/* Titulares */
#tit-empresa{background:url(images/tit-empresa.jpg) no-repeat; width:230px; height:31px;}
#tit-servicios{background:url(images/tit-servicios.jpg) no-repeat; width:250px; height:31px;}
#tit-donde{background:url(images/tit-donde.jpg) no-repeat; width:206px; height:31px; float:left;}
#tit-contacto{background:url(images/tit-contacto.jpg) no-repeat; width:137px; height:31px;}



/* Formulario */

#contacto{
margin-top:20px;
margin-left:20px;
float:left;
width:400px;
}
input, textarea{float:right; width:200px; margin-bottom:5px;}
#form-cursos input.boton, #contacto input.boton{float:none; width:60px; margin-left:195px; margin-top:15px;}
label span.etiqueta{float:left; clear:right !important; font-weight:bold; padding-top:3px; padding-bottom:3px;}
.right{float:right; margin-bottom:10px;}
.rojo{color:#ff0000; font-size:12px;}

/* Peu */

#footer{
background:url(images/footer-bg.jpg) repeat-x;
border-top:5px solid #085006;
font-size:16px;
color:#ffffff;
width: 100%;
padding: 0px;
margin: 0px;
height:92px;
}

#footer-int{
background:url(images/footerint-bg.jpg) no-repeat;
width:850px;
height:92px;
margin:0px auto 0px auto;
}

#footer a:link, #footer a:visited, #footer a:active {color:#fff; text-decoration:none; font-weight:bold; padding-right:3px; padding-left:3px;}
#footer a:hover{color:#ffffff; background:#085006;}
#footer ul{float:left; margin:0px; padding:0px; margin-top:25px; list-style:none;}
#footer li{margin:0px; padding:0px; padding-right:5px; display:inline;}

#firma{float:right; margin-top:25px}
#firma a:link, #firma a:visited, #firma a:active, #firma a:hover{color:#000000;}
/* Varios */

.clear{clear:both;}
.hide{margin-left:-9999px;}
.banner-amigos{
border:1px #ccc solid;
padding:3px;
margin-left:30px; 
margin-top:10px;
}