
body, html {
padding:0px;
margin:0px;
background-image:url(../images/bck2.jpg);
background-repeat:repeat;
background-color:#151514;
}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}

img { border:0px;}

a {outline:none; cursor:pointer; text-decoration:none;}

#web {
	position:absolute;
	left:0px;
	top:0px;
}

h4 ul{
padding-left:15px;
}

h4 li{
list-style:disc;
list-style-type:disc;
}

.webcms{
margin-top:120px;
}

#etiqueta { position:absolute;left:0px; top: 0px;}

#bola1{ position:absolute; left:80px; top:63px}

#bola2{ position:absolute; left:160px; top:6px}

.cFFF{ color:#FFFFFF}
.normal{ font-weight:normal}

/************** TOOLTIP************************/
#tooltip {
position: absolute;
z-index: 3000;
padding:5px 5px 5px 8px;
background-color: #FFEC00;
}
/*________________ IDIOMES _____________________*/
#langs{display:block;position:absolute; left:585px; top:337px; z-index:20; width:210px; height:22px; overflow:auto;}
#langs img{display:block; float:right;}
#langs img.hide{display:none; float:right;}

#langs2 { display:block; position:absolute;left:90px; top: 0px; ont-family:Georgia, "Times New Roman", Times, serif; font-size:9px; color:#FFFFFF; font-style:italic; width:400px;}
#langs2 a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; font-style:italic;}


#tooltip h3, #tooltip div { margin: 0; font-weight:normal }

/*________________ MARC _____________________*/

#marc {position:absolute; left:286px; top:0px; z-index:10;}

#next { display:block;position:absolute; left:879px; top:372px; z-index:20;}
#back { display:block;position:absolute; left:241px; top:372px; z-index:20;}

#visor {position:absolute; left:377px; top:84px; z-index:20;}
#visor_petit {position:absolute; left:311px; top:15px; z-index:5;}

/*________________ FLASH _____________________*/
#flash {position:absolute; left:254px; top:0px; z-index:10;}

#textual {
position:absolute;
left:23px;
top:29px;
z-index:5;
width: 395px;
height: 230px;
overflow:hidden;
}

#textual li{
width: 395px;
height: 230px;
overflow:hidden;
display:block;
float:left;
}

#textual li a, #textual li a:hover {
text-decoration:none;
color:#000000;
}


#textual h3{padding-left:25px; padding-right:25px; padding-top:10px;}
#textual h4 {padding-top:15px;  padding-left:25px; padding-right:25px; color:#000000}
#textual a {color:#333333; text-decoration:none}
#textual a:hover{text-decoration:underline;}

	
#usuaris {position:absolute; left:922px; top:272px;}

/*________________  ÈXITS _____________________*/
#text_exit { position:absolute; left:573px; top:20px; width:400px; text-align:justify;}
	#text_exit h1 { color:#E21619;}
	#text_exit .info { padding:7px 0px 0px 0px; font-style:italic;}
	#text_exit .info a {color:#FFFFFF; text-decoration:none}
	#text_exit .info a:hover{text-decoration:underline;}

#exits {padding-left:53px;}
	#exits .item { width:299px; float:left; padding-right:15px;}
	#exits h3 { color:#FFFFFF; padding-bottom:10px; padding-left:25px;}
	#exits h4 { padding-left:25px;}
	#exits .item span a { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#9BA3A7; padding:30px 30px 0px 0px; text-decoration:none}

#next_serveis {position:absolute; left:930px; top:34px;}
#back_serveis {position:absolute; left:-37px; top:36px;}

/*________________  SERVEIS _____________________*/

.serveis { width:375px; float:left; padding-right:15px;}
.serveis a {color:#FFFFFF; text-decoration:none}
.serveis a:hover{text-decoration:underline;}

/*________________  INCIDENCIES  _____________________*/

.incgroup{width:510px; float:left; padding-right:25px; padding-left:20px;}

.date{width:62px; height:94px; text-align:center;float:left; background-image:url(../images/bgCalendar.png); background-repeat:no-repeat; background-position:left top; font-family:Georgia, "Times New Roman", Times, serif; color:#114692; font-size:10px; font-weight:bold; font-style:italic; padding-top:8px;}

.date span{ font-size:8px; color:#FFFFFF; display:block; padding-bottom:2px;}
.date strong{ font-size:24px; display:block; margin-top:-4px;}

.inc { width:430px; float:right; padding-right:15px; text-align:justify;}
.inc a {color:#FFFFFF; text-decoration:none}
.inc a:hover{text-decoration:underline;}
.inc div{ padding-left:25px;}
.inc div a{color:#E32E87; font-style:italic; display:block; padding:3px 0px; line-height:14px;}

/*________________  EQUIP _____________________*/
#bck_equip {position:absolute; top:0px; left:45px;}

.e1 {position:absolute; top:55px; left:18px; z-index:20; overflow:hidden;}	
.e2 {position:absolute; top:64px; left:131px; z-index:20; overflow:hidden}	
.e3 {position:absolute; top:67px; left:245px; z-index:20; overflow:hidden}	
.e4 {position:absolute; top:67px; left:360px; z-index:20; overflow:hidden}	
.e5 {position:absolute; top:64px; left:481px; z-index:20; overflow:hidden}	
.e6 {position:absolute; top:63px; left:594px; z-index:20; overflow:hidden}	
.e7 {position:absolute; top:60px; left:708px; z-index:20; overflow:hidden}	
.e8 {position:absolute; top:49px; left:822px; z-index:20; width:86px;overflow:hidden;}

img.foto { display:none}

#base {position:absolute; top:0px; left:0px; z-index:30; overflow:hidden;}

#nom_e1 { position:absolute; top:200px; left:0px; width:199px}
#nom_e2 { position:absolute; top:262px; left:130px; width:199px}
#nom_e3 { position:absolute; top:200px; left:239px; width:199px}
#nom_e4 { position:absolute; top:262px; left:359px; width:199px}
#nom_e5 { position:absolute; top:200px; left:473px; width:199px}
#nom_e6 { position:absolute; top:200px; left:710px; width:199px}
#nom_e7 { position:absolute; top:262px; left:603px; width:199px}
#nom_e8 { position:absolute; top:262px; left:820px; width:199px}

	/*________________  ESTUDI _____________________*/
#frames {position:relative; margin-left:80px;}

#bck_google_maps{position:absolute; top:258px; left:754px; z-index:20;overflow:hidden}
#maps{
position:absolute;
top:258px;
left:282px;
z-index:10;
overflow:hidden;
border:10px solid #000000;
height: 308px;
}

	/*________________  ALTA HOSTING _____________________*/

form{
display:block;
}

.form{
font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#9BA3A7; line-height:16px;
font-style:italic;
}

#formOk, #priceInfo, #sending{
display:none;
}

.input{
background:#333333;
margin:0px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:14px; 
color:#9BA3A7; 
line-height:16px;
border:1px solid #FFFFFF;
padding-left:2px;
font-style:normal;
}

.sizeInput0{
width:35px;
text-align:right;
}

.sizeInput1{
width:150px;
}

.sizeInput2{
width:210px;
}

.sizeTextarea{
width:320px;
height:80px;
overflow:auto;
}

.form label span{
display:block;
padding-bottom:7px;
}

.form label{
width:auto;
display:block;
float:left;
padding-left:24px;
margin-top:5px;
margin-bottom:8px;
}

.button{
float:right;
margin-right:30px;
padding:0px 4px;
color:#FFFFFF;
height:23px;
line-height:23px;
border:0px;
background-color:#E32E87;
}

	/*________________  ENQUESTES _____________________*/
.enq{
font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#9BA3A7; line-height:16px;
font-style:italic;
width:400px;
}

.enq h5{
font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#cccccc; line-height:16px;padding-left:25px;
line-height:21px;
}

.enq .blockQuestion{
padding:20px 0px 10px 0px;
}

.enq label span{
display:block;
padding-bottom:7px;
}

.enq label{
width:auto;
display:block;
padding-left:24px;
margin-top:4px;
margin-bottom:4px;
}

.enq span.radio{
display:block;
}

.enq .button{
float:left;
margin-left:290px;
margin-bottom:20px;
}