/* GuauMiau */

body{
background:#fff;
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:#FF01FF;
text-decoration:underline;
}
a:hover{
color:#666666;
text-decoration:none;
}

h1 {
font: bold 300%/115% "Lucida Grande", Arial, sans-serif;
position: relative;
margin: 20px 0 50px;
color: #242424;
text-transform: uppercase;
letter-spacing: -2px;
}
h1 span {
background: url(images/gradient2.png) repeat-x;
position: absolute;
display: block;
width: 100%;
/*height:18px;*/
height:24px;
}

/* Superior */

#cabecera{
background:#fff url(images/cabecera-bg.jpg) repeat-x 0% 0%;
height:246px;
}

#cabecera-int{
background:#fff;
margin:0px auto 0px auto;
width:850px;
height:246px;
}

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

.visi{margin-top:4px; height:11px; width:30px; background:url(modContador.php?colorfondo=000000&colortexto=ffffff&ancho=&alto=&tamletra=2&margen=0) no-repeat 100% 0%;}

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

#superior span a:link, #superior span a:active, #superior span a:visited{color:#fff;}
#superior span a:hover{color:#FF00FF;}

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

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




/* Sub Menu - Barra Navegacion */

#fonsbarra{
background:#CE1557 url(images/barra-bg.jpg) repeat-x;
height:33px;
}

#submenu{
width:850px;
background:#9F1048 url(images/barra-bg2.jpg) repeat-x;
height:33px;
color:#ffffff;
font-family: Arial, Sans-serif;
font-size:22px;
margin:0px auto 0px auto;
padding:0px;
letter-spacing:2px;
}

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

#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:#fff url(images/contingut-bg2.jpg) repeat 100% 100%;}

#contingut-int{
width:850px;
background:#fff;
margin:0px auto 0px;
/*min-height:430px;*/
min-height:460px;
line-height:19px;
}

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

#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 h1{margin-bottom:10px; float:left;}
#text-donde{text-align:left; margin-left:30px; width:790px;}
#text-donde p{float:right;  margin-top:30px; text-align:right;}

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

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

#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:31px;}
.servicios li{list-style:url(images/li.gif); margin-left:10px; padding-left:10px; padding-top:5px; padding-bottom:5px;}

#galeria{width:790px;}

#galeria img{
border:1px solid #ccc;
padding:5px;
}

/* Formulario */

#contacto{
margin-top:0px;

float:left;
width:450px;
}

input, textarea{float:right; width:265px; margin-bottom:5px;}
select{float:right; width:270px; margin-bottom:5px;}
#form-cursos input.boton, #contacto input.boton{float:none; width:60px; margin-left:70px; margin-top:15px;}
label span.etiqueta{float:left; clear:right !important; font-weight:bold; padding-top:3px; padding-bottom:3px; margin-left:30px;}
.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 #FF01FB;
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:#FF01FB;}
#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;}