/* @override http://www.instaldb.es/inc/lang/cat.css */

@charset "UTF-8";
/* CSS Document */

html,body {
padding:0px;
margin:0px;
text-align:center;
background-image:url(../../images/interface_01.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:0.95em;
}

ul,li,img,div,p{
margin:0px;
padding:0px;
color:#999999;
border:none;
list-style-type:none;
}

input{
margin:0px;
padding:0px;
border:none;
background-color:transparent;
}

textarea{
background-color:transparent;
border:none;
}

fieldset{
padding:0px;
margin:0px;
border:none;
}

label{
color:#3399FF;
padding:0px;
margin:0px;
}

legend{
color:#999999;
border-bottom:1px solid #999999;
padding:0px;
}

strong{
color:#3399FF;
font-style:normal;
font-weight:100;
}

em{
color:#FFB31F;
}

dl,dt,dd{
padding:0px;
margin:0px;
color:#3399FF;
}

a{
color:#3399FF;
text-decoration:underline;
}

a:hover{
color:#FFB31F;
text-decoration:none;
}

h1{
display:block;
width:400px;
border-bottom:1px solid #3399FF;
color:#3399FF;
}

h2 {
display:block;
width:400px;
padding-bottom:2px;
border-bottom:1px solid #3399FF;
color:#3399FF;
font-size:1.2em;
line-height: 1.5em;
}

.grande{
	font-size: 1.5em;
	color: #FFB31F;
	line-height: 1.2em;
	text-align: left;
}
.telefono{
	font-size: 1.2em;
	font-weight: bold;
}

.border{
	border: 2px solid #3399FF;
	margin: 5px;
}


/* -------------------- contain ---------------------------*/

div#contain{
position:relative;
padding-top:0px;
padding-bottom:74px;
font-family :Arial, Helvetica, Geneva,  Verdana, sans-serif; 
font-size : 1em;
margin-left:auto;
margin-right:auto;
text-align:left;
width:727px !important;
width:710px ;
height:100%;
background-color:transparent;
background-image:url(../../images/interface_39.png)!important;
background-image:url(../../images/instal_24.png);
background-position:left top!important;
background-position:left top;
/*border:1px solid #3399FF; */
}

/* -------------------- Menu gauche ---------------------------*/

div#menuLeft{
position:absolute;
margin-left:21px !important;
margin-left:4px;
padding-top:22px;
width:239px;
height:500px;
background-image:url(images/cat/interface_02.png);
background-repeat:no-repeat;
background-position:10px top;
/*border:1px solid blue;*/
}


div#menuLeft a{
text-decoration:none;
}


div#menuLeft h1#logo{
position:absolute;
top:-1000px;
display:none;
}

div#menuLeft ul{
margin-top:210px;
margin-left:58px;
list-style-type:none;
}

div#menuLeft li{
color:#FFB31F;

}

div#menuLeft ul li#inicio1{
width:40px;
list-style-image:url(../../images/interface_12.png);
border-bottom:1px solid #3399FF;
}

div#menuLeft ul li#empresa{
width:80px;
list-style-image:url(../../images/interface_12.png);
border-bottom:1px solid #3399FF;
}


div#menuLeft ul li#servicios1{
width:100px;
list-style-image:url(../../images/interface_12.png);
border-bottom:1px solid #3399FF;
}

div#menuLeft ul li#desatascos1{
width:150px;
list-style-image:url(../../images/interface_12.png);
border-bottom:1px solid #3399FF;
}

div#menuLeft ul li#contacto1{
width:120px;
list-style-image:url(../../images/interface_12.png);
border-bottom:1px solid #3399FF;
}

div#menuLeft a#presupuesto1 {
position:absolute;
top:378px;
left:36px;
display:block;
width:228px;
height:100px;
background-image:url(images/cat/interface_08.png);
background-repeat: no-repeat;
cursor:pointer;
}

div#menuLeft a:hover#presupuesto1 {
background-image:url(images/cat/interfaceR_08.png);
background-repeat: no-repeat;
}

div#menuLeft a span {
display:none;
margin-top:-1000px;
}

div#menuLeft a#cuba {
position:absolute;
top:460px;
left:10px;
display:block;
width:220px;
height:160px;
background-image:url(../../images/cuba.png);
background-repeat: no-repeat;
cursor:pointer;
text-align: center;
}

div#menuLeft a#cuba:hover {
background:url(../../images/cuba.png) no-repeat 0 -160px;
}

div#menuLeft a#cuba span {
display:inline;
position: relative;
top: 160px;
}

/* -------------------- Header ---------------------------*/

div#header{
position:relative;
left:255px !important;
left:227px;
background-image:url(images/cat/interface_03.png);
background-position:right -1px !important;
background-position:10px 0px;
background-repeat:no-repeat;
height:200px;
width:465px!important;
width:472px;
/*border:1px solid red; */
}

div#drapeaux{
float:right;
padding-top:10px;
padding-right:20px;
}


/* -------------------- contenu Page ---------------------------*/

div#pages{
position:relative;
top:-27px;
left:270px !important;
left:250px;
width:418px !important;
font-size:0.9em;
line-height:1.2em;
/*border:1px solid green; */
}


/* -------------------- Home ---------------------------*/

div#inicio {
text-align:left;
}

div#inicio ul{
display:inline;
}

div#inicio li{
display:inline;
}

div#inicio img#plomberie{
float:left;
padding:0px 10px 0px 0px;
}



div#inicio a{
color:#3399FF;
text-decoration:none;
text-decoration:underline;
}

div#inicio a:hover{
color:#FFB31F;
}


div#menuInicio {
position:relative;
height:400px;
width:450px !important;
background-image:url(../../images/inicio/instal_18.png);
background-repeat:no-repeat;
background-position:-1px 47px;
left:-5px;
}

div#menuInicio h3{
width:448px;
height:50px;
background-image:url(images/cat/inicio/instal_03.png);
background-position:-1px;
background-repeat:no-repeat;
}

div#menuInicio h3 span{
display:none;
position:absolute;
top:-1000px;
}

div#menuInicio div {
text-align:center;
padding-left:18px;
margin-top:-20px;
}

div#menuInicio a {
float:left;
margin-left:-5px;
text-decoration:none;
}

div#menuInicio div a span{
text-decoration:underline;
position:relative;
top:126px;
right:5px;
}

div#menuInicio a#electricidad{
display:block;
height:134px;
width:145px;
margin-top:-5px;
background-image:url(../../images/inicio/instal_23.png);
background-position: 0px -10px;
background-repeat:no-repeat;
}

div#menuInicio a:hover#electricidad{
background-image:url(../../images/inicio/instalR_23.png);
}

div#menuInicio a#fontaneria{
display:block;
height:134px;
width:145px;
background-image:url(../../images/inicio/instal_24.png);
background-repeat:no-repeat;
background-position:-8px -10px;
margin-top:-5px;
}

div#menuInicio a:hover#fontaneria{
background-image:url(../../images/inicio/instalR_24.png);
}

div#menuInicio a#gaz{
display:block;
height:134px;
width:145px;
background-image:url(../../images/inicio/instal_25.png);
background-position:0px -15px;
background-repeat:no-repeat;
}

div#menuInicio a:hover#gaz{
background-image:url(../../images/inicio/instalR_25.png);
}

div#menuInicio a#mantenimiento{
display:block;
height:134px;
width:145px;
background-image:url(../../images/inicio/instal_27.png);
background-repeat:no-repeat;
}

div#menuInicio a:hover#mantenimiento{
background-image:url(../../images/inicio/instalR_27.png);
}

div#menuInicio a#paleteria{
display:block;
height:134px;
width:145px;
background-image:url(../../images/inicio/instal_29.png);
background-repeat:no-repeat;
background-position:-8px;
}

div#menuInicio a:hover#paleteria{
background-image:url(../../images/inicio/instalR_29.png);
}

div#menuInicio a#pintura{
display:block;
height:134px;
width:145px;
background-image:url(../../images/inicio/instal_30.png);
background-repeat:no-repeat;
}

div#menuInicio a:hover#pintura{
background-image:url(../../images/inicio/instalR_30.png);
}


/* -------------------- entrerpise ---------------------------*/


/* -------------------- servicios ---------------------------*/

div#servicios{
position:relative;
height:900px;
}
div#servicios div{
margin-left:0px !important;

}

div#servicios div ul{
}

div#electricidad h3{
display:block;
height:27px;
background-image:url(images/cat/servicios/instal_07.png);
background-repeat:no-repeat;
background-position:-5px;
}

div#electricidad h3 span{
display:none;
position:absolute;
top:-1000px
}

div#electricidad ul{
margin-top:-10px;
background-image:url(../../images/servicios/instal_06.png);
background-repeat:no-repeat;
background-position:250px;;
}

div#fontaneria h3{
display:block;
height:27px;
background-image:url(images/cat/servicios/instal_09.png);
background-repeat:no-repeat;
background-position:-5px;
}

div#fontaneria h3 span{
display:none;
position:absolute;
top:-1000px
}

div#fontaneria ul{
margin-top:-10px;
background-image:url(../../images/servicios/instal_03.png);
background-repeat:no-repeat;
background-position:250px;;
}



div#gas h3{
display:block;
height:27px;
background-image:url(images/cat/servicios/instal_19.png);
background-repeat:no-repeat;
background-position:-5px;
}

div#gas h3 span{
display:none;
position:absolute;
top:-1000px
}

div#gas ul{
margin-top:-10px;
background-image:url(../../images/servicios/instal_09.png);
background-repeat:no-repeat;
background-position:250px;;
}

div#mantenimientos h3{
display:block;
height:27px;
background-image:url(images/cat/servicios/instal_17.png);
background-repeat:no-repeat;
background-position:-5px;
}

div#mantenimientos h3 span{
display:none;
position:absolute;
top:-1000px
}

div#mantenimientos ul{
margin-top:-10px;
background-image:url(../../images/servicios/instal_18.png);
background-repeat:no-repeat;
background-position:250px;;
}

div#paleteria h3{
display:block;
height:27px;
background-image:url(images/cat/servicios/instal_28.png);
background-repeat:no-repeat;
background-position:-5px;
}

div#paleteria h3 span{
display:none;
position:absolute;
top:-1000px
}

div#paleteria ul{
margin-top:-10px;
background-image:url(../../images/servicios/instal_14.png);
background-repeat:no-repeat;
background-position:250px;;
}

div#pintura h3{
display:block;
height:27px;
background-image:url(images/cat/servicios/instal_31.png);
background-repeat:no-repeat;
background-position:-5px;
}

div#pintura h3 span{
display:none;
position:absolute;
top:-1000px
}

div#pintura ul{
margin-top:-10px;
background-image:url(../../images/servicios/instal_15.png);
background-repeat:no-repeat;
background-position:250px;;
}

div#cuba h3{
display:block;
height:27px;
background-image:url(images/cat/servicios/cuba.png);
background-repeat:no-repeat;
}

div#cuba h3 span{
display:none;
position:absolute;
top:-1000px
}

div#cuba ul{
margin-top:-10px;
background-image:url(../../images/servicios/cuba.png);
background-repeat:no-repeat;
background-position:250px;;
}





/* -------------------- contacto ---------------------------*/

div#contacto {
background-image:url(../../images/contacto/instal_03.png);
height:650px!important;
height:750px;
width:450px !important;
width:440px;
background-repeat:no-repeat;
background-position:10px 59px !important;
background-position:0px 80px;
}

div#contacto p#texte{
width:440px;
}


div#formulaire{
width:400px;
margin-left:50px !important;
margin-left:40px;
padding-top:0px;
margin-top:0px !important;
margin-top:0px;
height:600px;
}

div#formulaire strong{
color:red;
font-weight:200;
}

div#formulaire span{
position:absolute;
margin-top:10px;
top:120px !important;
top:145px;
padding: 2px;
}


div#formulaire fieldset#type {
position:relative;
top:0px !important;
top:20px;
}

div#formulaire fieldset#type label{
margin-right:100px;
}

div#formulaire fieldset#clientes {
position:relative;
left:195px;
top:10px !important;
top:27px;
}

div#formulaire fieldset#coordonnees {
clear:both;
position:relative;
top:10px;
left:27px;
width:400px;
}

div#formulaire fieldset#coordonnees input{
width:215px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:0px;
height:34px;
background-image:url(../../images/contacto/instal_07.png);
background-repeat:no-repeat;
color:#999999;
font-size:1em;
vertical-align:middle;
}

div#formulaire fieldset#coordonnees input:focus{
border:none;
text-decoration:none;
color:#FFB31F;
}

div#formulaire fieldset#coordonnees textarea {
position:relative;
top:0px !important;
top:10px;
width:215px;
height:100px !important;
height:90px;
padding:23px 10px 10px 10px !important;
padding:10px 10px 0px 0px;
color:#999999;
overflow:auto;
}


div#formulaire fieldset#coordonnees textarea:focus {
color:#FFB31F;
}

div#direccion{
position:absolute;
left:10px !important;
left:-20px;
top:700px !important;
top:720px;
border-bottom:1px solid #3399FF;
padding-bottom:10px;
width:400px !important;
width:420px;
margin-top:-60px;
padding-left:27px;
}


div#direccion p{
float:left;
margin-right:27px;
}

div#formulaire p#bouton{
position:relative;
top:25px !important;
top:50px;
left:45px;

}


div#formulaire input#submit {
background-image:url(images/es/contacto/instal_09.png);
background-repeat:no-repeat;
height:34px;
width:100px;
}

div#formulaire input#submit:hover{
background-image:url(images/es/contacto/instalR_09.png);
}

div#formulaire input#submit:focus {
background-image:url(images/es/contacto/instalR_09.png);
}

div#formulaire input#reset {
background-image:url(images/es/contacto/instal_07.png);
background-repeat:no-repeat;
height:34px;
width:100px;
}

div#formulaire input#reset:hover{
background-image:url(images/es/contacto/instalR_07.png);
}

div#formulaire input#reset:focus {
background-image:url(images/es/contacto/instalR_07.png);
}



/* -------------------- footer ---------------------------*/

div#footer{
position:relative;
top:150px !important;
top:40px;
text-align:center;
background-image:url(../../images/interface_21.png)!important;
background-image:url(../../images/instal_26.png);
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/interface_21.png');*/
background-repeat:no-repeat;
background-position:0px top !important;
background-position:0px top;
height:76px;
width:727px !important;
width:710px;
font-size:0.9em;
/*border:1px solid black; */
}

div#footer a#subir{
position:relative;
top:-40px;
left:600px !important;
left:270px;
display:block;
width:70px;
background-image:url(../../images/instal_06.png);
background-repeat:no-repeat;
background-position:54px;
text-decoration:underline;
}

div#footer ul#menuCopy {
position:relative;
width:600px;
top:-27px!important;
top:-27px;
left:150px!important;
left:150px;
padding-left:20px;
text-align:right;
display:inline;
list-style-type:none;
padding-top:2px;
border-top:1px solid #999999;
}

div#footer ul#menuCopy li {
display:inline;
color:#333333;
}

div#footer ul#menuCopy li a{
display:inline;
color:#999999;
}

div#footer li span{
display:inline;
color:#3399FF;

}



div#footer ul#menuCopy li a:hover{
display:inline;
color:#3399FF;
}

div#footer p{
  position:absolute;
  top:50px!important;
  top:43px;
  left:18px;
  width:700px;
  text-align:left;
  padding-bottom:10px;
}
