/* CSS Document */

html, body, #general {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #general {
	height: auto;
}


body{
padding:0;
margin:0;
background-image:url(../img/body_degradat.gif);
background-repeat:repeat-x;
}

.h1_enfusion{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#c7c8c9;
font-weight:normal;
}
.h1_enfusion a{
color:#c7c8c9;
text-decoration:none;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:0;
margin:0;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding:0;
margin:0;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
padding:0;
margin:0;
}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#ffffff;
padding:0;
margin:0;
}

h6{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
padding:0;
margin:0;
}



/* ----------------------------------------------------
					CSSESQUELETO
------------------------------------------------------- */

#general{
width:953px;
position:absolute;
top:0;
min-width:953px;
border:0px solid black;
}

#main {
margin-bottom: 100px;
border:0px solid red;
height:auto;
}

div#Central { 
padding-top:149px;
border:0px solid #000066;
height:inherit;
min-height:500px;
}

						/*MIN-HEIGHT PER INTERNET EXPLORER*/
* html #Central{ /* es la manera de fer Min-heigh per IE ya que no el suporta*/
height:500px;
}

html>body div#Central {
height:100%;
min-height:500px; 
}

/*-------------------------------------------------
					HEADER
---------------------------------------------------*/


#header{
position:absolute;
top:0;
left:0;
height:149px;
width:100%;
background-color:inherit;
border:0px solid blue;
}


/*-------------------------------------------------
					CENTRAL
---------------------------------------------------*/


.items{
border:0px solid red;
width:335px;
height:46px;
/*float:right;
position:relative;
top:1px;*/
position:absolute;
top:0;
right:0;
/*left:617px;*/
background-image:url(../img/deggradat_items.gif);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.items a{
font-family:Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.input_items{
background-color:#a3a3a3;
border:0px solid red;
height:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.condiciones{
margin-top:5px;
}
.condiciones a{
color:#FFFFFF; text-decoration:none; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
}

.camaras_home{
margin-top:79px;
margin-left:125px;
border:0px solid red;
width:730px;
height:306px;
}


.categoria_titol{
margin-top:70px;
border:0px solid red;
width:130px;
height:18px;
background-color:#FFFFFF;
color:#ca2c30;
font-family:Arial,Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
}
.categoria_titol_vuida{
margin-top:70px;
border:0px solid red;
width:97px;
height:18px;
background-color:inherit;
color:#ca2c30;
font-family:Arial,Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
}


.select_carrito{
background-color:#000000; border:0px solid red; color:#FFFFFF; text-align:center; width:80px;
}
.input_carrito{
background-color:#000000; border:0px solid red; color:#FFFFFF; text-align:center; padding-left:5px; padding-right:5px;
}

.input_presupuesto{
width:179px;
height:19px;
border:1px solid black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.miniinput_presupuesto{
width:22px;
height:19px;
border:1px solid black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.textarea_presupuesto{
width:387px;
height:79px;
border:1px solid black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.input_contacto{
width:179px;
height:19px;
border:1px solid white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.textarea_contacto{
width:387px;
height:79px;
border:1px solid white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


/*-------------------------------------------------
					BOTONS
---------------------------------------------------*/

.boto_borrar{
width:56px;
border:0px solid blue;
margin-right:10px;
}
.boto_borrar a{
display:block;
border:0px solid red;
width:56px;
height:26px; /* aqui esta el truco */
background-image:url(../img/borrar.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.boto_borrar a:hover{
background-position:0 -26px;
color:#FFFFFF;
text-decoration:none;
}



.boto_enviar{
width:56px;
border:0px solid blue;
margin-right:10px;
}
.boto_enviar a{
display:block;
border:0px solid red;
width:56px;
height:26px; /* aqui esta el truco */
background-image:url(../img/enviar.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.boto_enviar a:hover{
background-position:0 -26px;
color:#FFFFFF;
text-decoration:none;
}


.boto_volver{
width:56px;
border:0px solid blue;
margin-right:10px;
}
.boto_volver a{
display:block;
border:0px solid red;
width:56px;
height:26px; /* aqui esta el truco */
background-image:url(../img/volver.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.boto_volver a:hover{
background-position:0 -26px;
color:#FFFFFF;
text-decoration:none;
}


.boto_validarpresupuesto{
width:150px;
border:0px solid blue;
margin-right:10px;
}
.boto_validarpresupuesto a{
display:block;
border:0px solid red;
width:150px;
height:26px; /* aqui esta el truco */
background-image:url(../img/validar_presupuesto.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.boto_validarpresupuesto a:hover{
background-position:0 -26px;
color:#FFFFFF;
text-decoration:none;
}


.boto_volvercatalogo{
width:141px;
border:0px solid blue;
margin-right:10px;
}
.boto_volvercatalogo a{
display:block;
border:0px solid red;
width:141px;
height:25px; /* aqui esta el truco */
background-image:url(../img/volver_catalogo.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.boto_volvercatalogo a:hover{
background-position:0 -25px;
color:#FFFFFF;
text-decoration:none;
}

.boto_presupuesto{
width:82px;
border:0px solid blue;
margin-right:10px;
}
.boto_presupuesto a{
display:block;
border:0px solid red;
width:82px;
height:18px; /* aqui esta el truco */
background-image:url(../img/presupuesto.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.boto_presupuesto a:hover{
background-position:0 -18px;
color:#FFFFFF;
text-decoration:none;
}

.boto_catalogopdf{
width:103px;
border:0px solid blue;
margin-right:10px;
}
.boto_catalogopdf a{
display:block;
border:0px solid red;
width:103px;
height:101px; /* aqui esta el truco */
background-image:url(../img/catalogo_pdf.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.boto_catalogopdf a:hover{
background-position:0 -101px;
color:#FFFFFF;
text-decoration:none;
}





/*-------------------------------------------------
					FOOTER
---------------------------------------------------*/

#footer{
position:absolute;
/*top:93%;*/
bottom:0;
width:100%;
height:30px;
border:1px solid #ffffff;
}


.div_footer_links{
width:560px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}
.footer_links{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#a7adb0;
line-height:16px;
text-decoration:none;
padding-left:20px;
float:left;
}

.footer_links a{
color:#a7adb0;
text-decoration:none;
}
.footer_links a:hover{

color:#858a8d;
text-decoration:underline;
}