/* -----------------------------
			STANDARD
------------------------------- */

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#ffffff; 
text-align: center; /*** Centers the design in old IE versions ***/
height: 100%;
}
body {
font-size: 12px;
background-image:url(../img/barra_gris.gif);
background-repeat:repeat-x;
background-position:top;
}

a {
text-decoration:none;
}


h1{
padding:0px;
margin:0px;
font-size:26px;
font-weight:normal;
}
h3{
padding:0px;
margin:0px;
font-size:14px;
font-weight:normal;
}


.clear { clear: both; }

img{
border:0px solid red;
padding:0;
margin:0;
}


#mainContainer {
width: 972px;
margin: 0 auto; 
min-height: 100%;
background-color: #ffffff; 
text-align: left; 
}
* html #mainContainer {
height: 100%;  
}

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

.header{
height:40px;
background-color:#e6e6e6;
position:relative;
}

.header ul{
list-style:none;
padding:0;
margin:0;
/*width:520px;*/
width:640px;
height:32px;
padding-top:8px;
margin-left:auto;
margin-right:auto;
}
.header li{
text-align:center;
margin-left:5px;
margin-right:5px;
float:left;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:13px;
color:#f05b23;
}

.header li a{
color:#f05b23;
text-decoration:underline;
}
.header li a:hover{
color:#8cc63e;
text-decoration:underline;
}


/* -----------------------------
			INTRO
------------------------------- */

.logo{
text-align:center;
margin-top:35px;
}

.slogan{
text-align:center;
font-size:40px;
margin-top:10px;
}

.introtext{
font-size:24px;
width:750px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:25px;
margin-bottom:15px;
}

.img_inicio_partall{
position:relative;
min-height:386px;
height:auto;
}
*html .img_inicio_partall{ height:386px; }

.text_inicio_partall_left{
width:340px;
height:90px;
position:absolute;
left:148px;
/*top:278px;*/
top:260px;
font-size:24px;
line-height:24px;
color:#F15A24;
}

.text_inicio_partall_right{
width:300px;
height:90px;
position:absolute;
left:563px;
top:278px;
font-size:16px;
line-height:16px;
color:#F15A24;
}

.div_nums{
}
.div_nums ul{
list-style:none;
/*width:798px;*/
width:820px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}
.div_nums li{
float:left;
}

.div_nums li a{
color:#F15A24;
font-size:16px;
text-decoration:underline;
}
.div_nums li a:hover{
color:#8cc63e;
font-size:16px;
text-decoration:underline;
}

.bot_solicitud a{
display:block;
width:272px;
height:38px;
background-image:url(../img/bot_solicitud.jpg);
background-position:top;
color:#FFFFFF;
text-align:center;
font-size:24px;
padding-top:8px;
}
.bot_solicitud a:hover{
display:block;
width:272px;
height:38px;
background-image:url(../img/bot_solicitud.jpg);
background-position:bottom;
color:#FFFFFF;
text-align:center;
font-size:24px;
padding-top:8px;
}

.bot_solicitud_small a{
display:block;
width:213px;
height:28px;
background-image:url(../img/bot_presu_small.gif);
background-position:top;
color:#FFFFFF;
text-align:center;
font-size:18px;
padding-top:8px;
}
.bot_solicitud_small a:hover{
display:block;
width:213px;
height:28px;
background-image:url(../img/bot_presu_small.gif);
background-position:bottom;
color:#FFFFFF;
text-align:center;
font-size:18px;
padding-top:8px;
}


.bot_enviar_contacto a{
display:block;
width:116px;
height:38px;
background-image:url(../img/bot_enviar_contacto.gif);
background-position:top;
color:#FFFFFF;
text-align:center;
font-size:24px;
padding-top:8px;
}
.bot_enviar_contacto a:hover{
display:block;
width:116px;
height:38px;
background-image:url(../img/bot_enviar_contacto.gif);
background-position:bottom;
color:#FFFFFF;
text-align:center;
font-size:24px;
padding-top:8px;
}


.linksnav{
height:40px;
position:relative;
top:28px;
}

.linksnav ul{
list-style:none;
padding:0;
margin:0;
width:640px;
height:32px;
padding-top:8px;
margin-left:auto;
margin-right:auto;
}
.linksnav li{
text-align:center;
margin-left:5px;
margin-right:5px;
float:left;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:13px;
color:#f05b23;
}
.linksnav li a{
color:#f05b23;
text-decoration:underline;
}
.linksnav li a:hover{
color:#8cc63e;
text-decoration:underline;
}


.linksnav2{
height:40px;
margin-top:10px;
}

.linksnav2 ul{
list-style:none;
padding:0;
margin:0;
width:640px;
height:32px;
padding-top:8px;
margin-left:auto;
margin-right:auto;
}
.linksnav2 li{
text-align:center;
margin-left:5px;
margin-right:5px;
float:left;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:13px;
color:#f05b23;
}
.linksnav2 li a{
color:#f05b23;
text-decoration:underline;
}
.linksnav2 li a:hover{
color:#8cc63e;
text-decoration:underline;
}




.linksnav3{
height:40px;
position:relative;
top:51px;
}

.linksnav3 ul{
list-style:none;
padding:0;
margin:0;
width:640px;
height:32px;
padding-top:8px;
margin-left:auto;
margin-right:auto;
}
.linksnav3 li{
text-align:center;
margin-left:5px;
margin-right:5px;
float:left;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:13px;
color:#f05b23;
}
.linksnav3 li a{
color:#f05b23;
text-decoration:underline;
}
.linksnav3 li a:hover{
color:#8cc63e;
text-decoration:underline;
}


/* -----------------------------
		   PORTAFOLIO
------------------------------- */

.fons_portafolio{
background-image:url(../img/fondo1_portafolio.gif);
padding-bottom:173px;
}

.content_portafolio{
position:relative;
/*width:645px;*/
width:730px;
margin-left:auto;
margin-right:auto;
/*background-image:url(../img/portafolios_imgall_2.jpg);
background-repeat:no-repeat;*/
font-size:12px;
}
.content_portafolio a{
font-size:16px;
color:#f05b23;
text-decoration:underline;
}
.content_portafolio a:hover{
font-size:16px;
color:#8cc63e;
text-decoration:underline;
}

.img_web{
float:left;
width:300px;
}

.desc_web{
float:right;
/*width:410px;*/
width:410px;
line-height:18px;
}


/* -----------------------------
		   PRESUPUESTO
------------------------------- */

.fons_presupuesto{
background-image:url(../img/fondo1_contacto.gif);
padding-bottom:173px;
}

.content_presupuesto{
width:630px;
margin-left:auto;
margin-right:auto;}


.div_field{
float:left;
width:300px;
margin-bottom:20px;
}
.div_field2{
float:right;
width:300px;
margin-bottom:20px;
}
.div_field3{
width:100%;
margin-bottom:20px;
}


.input_presu{
border:1px solid #B2B2B2;
width:100%;
padding-top:7px;
padding-bottom:8px;
font-size:16px;
}

.input_presu:hover{
border:1px solid #8dc641;
background-color:#f3f7ee;
}

.textarea_presu{
border:1px solid #B2B2B2;
width:100%;
height:120px;
padding-top:7px;
padding-bottom:8px;
font-size:16px;
}

.textarea_presu:hover{
border:1px solid #8dc641;
background-color:#f3f7ee;
}



.titul_field{
font-size:18px;
padding-bottom:3px;
}

/* -----------------------------
		CONTENT COLUMNS
------------------------------- */

.outer {
padding-bottom:10px;
border:0px solid red;  
}

.outer2 {
padding-bottom:0px;
border:0px solid red;  
}

/* -----------------------------
			CONTACTO
------------------------------- */

form{
padding:0;
margin:0;
}

.height_15{
padding:0;
margin:0;
font-size:0px;
height:15px;
}

.content_indent{
border:0px solid red;
width:350px;
font-family:"Trebuchet MS" ,Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:19px;
float:left;
}
.div_left{
text-align:left;
position:relative;
margin-left:40px;
width:300px;
}
.div_left a{ color:#F15A24; text-decoration:underline; }
.div_left a:hover{ color:#8cc63e; text-decoration:underline; }

.contacto_pop_titul{
font-size:24px; font-family:Trebuchet MS ,Arial, Helvetica, sans-serif; color:#ffaa00;
}

.fields_left{
width:192px;
border:0px solid red;
float:left;
padding-bottom:8px;
}
.fields_right{
width:192px;
border:0px solid red;
float:left;
margin-left:14px;
padding-bottom:8px;
}

.input_contacto{
width:192px;
border:1px solid #000000;
}
.input_contacto2{
width:100px;
border:1px solid #000000;
}

.textarea_contacto{
width:398px;
height:121px;
border:1px solid #000000;
}

.div_menu_right_contacto{
width:180px;
border:0px solid red;
position:absolute;
right:27px;
top:34px;
/*line-height:19px;*/
}

.barra_vertical_gris{
width:2px;
/*height:330px;*/
height:430px;
float:left;
background-color:#dadada;
position:relative;
top:-30px;
}

.box_right_contacto{
width:210px;
border:0px solid red;
float:left;
position:relative;
left:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
}
.box_right_contacto a{ color:#F15A24; text-decoration:underline; }
.box_right_contacto a:hover{ color:#8cc63e; text-decoration:underline; }

.tiul_right_contacto{
font-size:17px; color:#ffaa00; 
}

.dades_roig_pop a{ color:#ffa700; text-decoration:underline; font-weight:bold;}

.dades_roig_pop a:hover{ color:#8cc63e; text-decoration:underline;  font-weight:bold;}



/* -----------------------------
			PRIVACIDAD
------------------------------- */


.div_container_ficha2{
width:530px;
position:relative;
top:15px;
left:80px;
font-family:"Trebuchet MS" ,Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
}
.titulo_producto{
font-family:"Trebuchet MS" ,Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
padding-bottom:10px;
}
.clear { clear: both; }

.volver_privacidad a{ display:block; width:80px; height:20px; color:#000000; text-decoration:none; font-size:18px; border:1px solid #666666;}
.volver_privacidad a:hover{ display:block; width:80px; height:20px; color:#ffa700; font-size:18px; text-decoration:none; border:1px solid #ffa700;}


.politica_link a{color:#f05b23; text-decoration:underline;}
.politica_link a:hover{color:#8cc63e; text-decoration:underline;}

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


#footer {
width: 972px;
height: 173px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin: 0 auto;
/*margin-top: -30px;*/ /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
text-align: center;
background-color: #ffffff;
background-image:url(../img/footer.jpg);
}

.copyright{
position:relative;
top:60px;
}
.copyright a{ color:#FFFFFF; text-decoration:none;}
.copyright a:hover{ color:#FFFFFF; text-decoration:underline;}

#footer2 {
width: 972px;
height: 173px; 
margin: 0 auto;
margin-top: -173px; 
text-align: center;
background-color: #ffffff;
background-image:url(../img/footer_portafolio.gif);
}

.copyright2{
position:relative;
top:30px;
}
.copyright2 a{ color:#FFFFFF; text-decoration:none;}
.copyright2 a:hover{ color:#FFFFFF; text-decoration:underline;}

#footer3 {
width: 972px;
height: 173px; 
margin: 0 auto;
margin-top: -173px; 
text-align: center;
background-color: #ffffff;
background-image:url(../img/footer_presu.gif);
}

.copyright3{
position:relative;
top:90px;
}
.copyright3 a{ color:#FFFFFF; text-decoration:none;}
.copyright3 a:hover{ color:#FFFFFF; text-decoration:underline;}