body{font:10px Verdana, Arial, Helvetica, sans-serif; background-color:#c9c9c9;}
/*DIVS*/
/*index*/
div#capsalera{ width:980px; height:169px; background-color:}
div#contenidor_ppal{position:absolute; width:1004px; height:628px;margin-top:0px; left: 50%; margin-left: -502px; background-image:url(../imatges/jbarbadillo_fondog.jpg); background-repeat:repeat-x;}
div#contenidor_home{position:absolute; width:980px; height:600px; top:50%; margin-top:-300px; left: 50%; margin-left: -490px; background-image:url(../imatges/jbarbadillo_fondo.jpg); background-repeat:repeat-x}
div#colectivos{width: 400px; height:auto; float:left; border:none; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 8px; text-align:left;}
div#menu{position:absolute; margin:140px 0 0 400px; background-color:#0033FF;}
div#mig{ width:980; height:378px;}
div#mig_esq{ float:left; width:310px}
div#mig_esq_dalt{ width:100%; height:190px; background-image:url(../imatges/seguros/0.jpg); background-repeat: no-repeat}
div#mig_esq_dalt1{ width:100%; height:190px; background-image:url(../imatges/seguros/1.jpg); background-repeat: no-repeat}
div#mig_esq_dalt2{ width:100%; height:190px; background-image:url(../imatges/seguros/2.jpg); background-repeat: no-repeat}
div#mig_esq_dalt3{ width:100%; height:190px; background-image:url(../imatges/seguros/3.jpg); background-repeat: no-repeat}
div#mig_esq_dalt4{ width:100%; height:190px; background-image:url(../imatges/seguros/4.jpg); background-repeat: no-repeat}
div#mig_esq_dalt5{ width:100%; height:190px; background-image:url(../imatges/seguros/5.jpg); background-repeat: no-repeat}
div#mig_esq_dalt6{ width:100%; height:190px; background-image:url(../imatges/seguros/6.jpg); background-repeat: no-repeat}
div#mig_esq_baix{ width:100%; height:188px; background-image:url(../imatges/servicios/0.jpg); background-repeat: no-repeat}
div#mig_esq_baix1{ width:100%; height:188px; background-image:url(../imatges/servicios/1.jpg); background-repeat: no-repeat}
div#mig_esq_baix2{ width:100%; height:188px; background-image:url(../imatges/servicios/2.jpg); background-repeat: no-repeat}
div#mig_esq_baix3{ width:100%; height:188px; background-image:url(../imatges/servicios/3.jpg); background-repeat: no-repeat}
div#mig_esq_baix4{ width:100%; height:188px; background-image:url(../imatges/servicios/4.jpg); background-repeat: no-repeat}
div#mig_esq_baix5{ width:100%; height:188px; background-image:url(../imatges/servicios/5.jpg); background-repeat: no-repeat}
div#mig_esq_baix6{ width:100%; height:188px; background-image:url(../imatges/servicios/6.jpg); background-repeat: no-repeat}
div#mig_mig{ float:left; width:473px; height:350px; margin: 12px 0 0 0; border-left:dotted 2px #b1b1b1; }
div#mig_mig2{ float:left; width:650px; height:350px; margin: 12px 0 0 0; border-left:dotted 2px #b1b1b1; }
div#mig_dre{float:left; width:195px; height:234px; background-image:url(../imatges/colectivos/0.jpg); background-repeat:no-repeat}
div#mig_dre_login{float:left; width:195px; height:207px; background-image:url(../imatges/colectivos/login.jpg); background-repeat:no-repeat}
div#mig_dre_login ul{ margin-top: 55px;}
div#mig_dre_login label{ margin-bottom: 0;}
div#mig_dre_login input{ margin-bottom: 10px; *margin-bottom:5px; width:170px;}
div#mig_dre_login input.error{border:1px solid red;}
div#mig_dre_login input.boton{ margin-bottom: 10px; *margin-bottom:0; width:60px;}
div#mig_dre_login a{ text-decoration:underline; display:block; margin-top: 5px; *margin-top:0;}

div#mig_dre1{float:left; width:195px; height:207px; background-image:url(../imatges/colectivos/1.jpg); background-repeat:no-repeat}
div#mig_dre2{float:left; width:195px; height:207px; background-image:url(../imatges/colectivos/2.jpg); background-repeat:no-repeat}
div#mig_dre3{float:left; width:195px; height:207px; background-image:url(../imatges/colectivos/3.jpg); background-repeat:no-repeat}
div#mig_dre4{float:left; width:195px; height:207px; background-image:url(../imatges/colectivos/4.jpg); background-repeat:no-repeat}
div#mig_dre5{float:left; width:195px; height:207px; background-image:url(../imatges/colectivos/5.jpg); background-repeat:no-repeat}
div#mig_dre6{float:left; width:195px; height:207px; background-image:url(../imatges/colectivos/6.jpg); background-repeat:no-repeat}
div#peu{width:970px; height:53px; padding:9px 0 0 10px}
html>body div#peu{height:43px; padding:10px 0 0 10px}
div#seguros{width:420px; margin:20px 0 0 5px; padding:0 0 0 20px; line-height:16px;}
div#formulari {width: 400px; height:auto; float:left; border:none; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 8px; text-align:left;}
div#subcontainer{position:absolute;}
div#cojebro{position:absolute; margin:0 0 0 850px}
div#revista{
	position:absolute;
	margin:0 0 0 850px;
	left: -73px;
	top: 170px;
}
div#marques_primer{float:left; width:200px;}
div#marques_segon{float:left; widows:200px;}
div#marques_imatges{margin:0 0 0 20px;}
div#marques_imatges img{margin:-1px; padding:0; border:0px;}
div.contenido_scroll{margin:10px 0 0 20px; line-height:18px;}
	/*AREA PRIVADA*/
div#privada_dre{ float:left;width:250px; height:auto;}
div#privada_esq{ float:left; width:180px; height:auto;}


/*IMATGES*/
img{border:none; margin:0}
img#img_banner{position:absolute; margin:0 0 0 70px;}
img#img_banner2{position:absolute; margin:0 0 0 430px;}
img#img_callcenter{position:absolute; margin:20px 0 0 10px;}
img#quienes_img{margin: 30px 0 0 30px;}
img.marge{margin: 0 0 0 15px;}

/*LLISTES*/
/*index*/
ul#ul_banderes{display:block; position:absolute; margin:140px 0 0 0; padding:0}
ul#ul_banderes li{list-style:none; float:left; margin:0 0 0 15px; padding:0}
ul#ul_coletivos{margin:60px 0 0 7px; padding:0}
ul#ul_coletivos li{list-style:none; padding:0 0 0 30px; margin:0 0 9px 0; font-size:12px; font-weight:bold;color:#09124a}

ul#ul_dentro_coletivos{margin:0 0 0 70px; padding:0}

ul#ul_seguros{width:240px; margin:0 0 0 40px; padding:36px 0 0 0;}
ul#ul_seguros li{list-style:none; background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 2px 10px; font-size:11px; font-weight:bold;color:#09124a; line-height:22px}
ul#ul_servicios{margin:0 0 0 40px; padding:33px 0 0 0;}
ul#ul_servicios li{list-style:none; background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 2px 10px; font-size:11px; font-weight:bold;color:#09124a; line-height:22px;}
ul#ul_menu{display:block; position:absolute; width:661px; height:22px; margin:139px 0 0 319px; padding:0; background-repeat:no-repeat}
ul.ul_menu_1{background-image:url(../imatges/pestanyes/1.jpg)}
ul.ul_menu_2{background-image:url(../imatges/pestanyes/2.jpg)}
ul.ul_menu_3{background-image:url(../imatges/pestanyes/3.jpg)}
ul.ul_menu_4{background-image:url(../imatges/pestanyes/4.jpg)}
ul.ul_menu_5{background-image:url(../imatges/pestanyes/5.jpg)}
ul.ul_menu_6{background-image:url(../imatges/pestanyes/6.jpg)}
ul.ul_menu_7{background-image:url(../imatges/pestanyes/7.jpg)}
ul#ul_menu li{list-style:none; float:left; margin:0; padding:0; height:25px; text-align:center; font-weight:bold; line-height:25px}
ul#ul_menu li.li_quienes{list-style:none; float:left; padding:0 0 0 10px; margin:0; width:117px}
ul#ul_menu li.li_siniestros{list-style:none; float:left; padding:0; margin:0; width:80px}
ul#ul_menu li.li_tienda{list-style:none; float:left; padding:0; margin:0; width:72px}
ul#ul_menu li.li_contacto{list-style:none; float:left; padding:0; margin:0; width:75px}
ul#ul_menu li.li_area{list-style:none; float:left; padding:0; margin:0; width:87px}
ul#ul_menu li.li_acord{list-style:none; float:left; padding:0; margin:0; width:200px}

ul.ul_menu_7 li{list-style:none; float:left; margin:0; padding:0; color:#FF0000}
/*seguros*/
ul#seguros{margin:5px 0 0 5px; padding:0}
ul#seguros li{list-style:none; padding:0 0 0 30px; margin:0 0 9px 0; font-size:11px; font-weight:bold;color:#05157d; }
ul#seguros a{color:#808080;text-decoration:none;font-weight:normal;}
ul#seguros a:hover{color:#05157d;text-decoration:none;}

/*TÍTOLS*/
h2.h2_index{position:absolute; margin:20px 0 0 35px; padding:0; font-size:12px; color:#05157d; font-weight:bold; text-transform:uppercase}
h2.h2_index_sel{position:absolute; margin:20px 0 0 35px; padding:0; font-size:12px; color:#FFFFFF; font-weight:bold; text-transform:uppercase}
h2.h2_index2{position:absolute; margin:17px 0 0 60px; padding:0; font-size:12px; color:#FFFFFF; font-weight:bold; text-transform:uppercase}
h2.h2_index3{position:absolute; margin:13px 0 0 60px; padding:0; font-size:12px; color:#05157d; font-weight:bold; text-transform:uppercase}
h2.h2_index3_sel{position:absolute; margin:13px 0 0 60px; padding:0; font-size:12px; color:#FFFFFF; font-weight:bold; text-transform:uppercase}
h2.h2_colectivos{font-size:11px; font-weight:bold; color:#05157d; margin:20px 0 0 35px;}
h3.h3_colectivos{font-size:10px; color:#05157d; margin:20px 0 0 35px;}
h2.h2_marques{font-size:12px; font-weight:bold; color:#05157d}

/*PARÀGRAFS*/
p.p_colectivos_text{margin:20px 0 0 0; line-height:16px}
p#peu_esq1{position:absolute; float:left; width:500px; margin:0; padding:7px 0 0 0}
html>body p#peu_esq1{margin:6px 0 0 0; padding:0}
p#peu_esq2{position:absolute; float:left; width:500px; margin:15px 0 0 0; padding:7px 0 0 0}
html>body p#peu_esq2{margin:22px 0 0 0; padding:0}
p#peu_dre{
	position:absolute;
	float:left;
	
	margin:2px 0 0 400px;
	padding:11px 0 0 0;
	left: -56px;
	top: 545px;
}
html>body p#peu_dre{margin:15px 0 0 400px; padding:0}
#p_quienes{width:420px; margin:20px 0 0 15px; background-image:url(../imatges/jbarbadillo_fletxa2.jpg); background-position:left top; background-repeat:no-repeat; padding:0 0 0 20px; line-height:16px;}
#p_telefonos{width:420px; margin:5px 0 0 15px; background-image:url(../imatges/jbarbadillo_fletxa2.jpg); background-position:left top; background-repeat:no-repeat; padding:0 0 0 20px; line-height:14px;}
p.p_marques{font-size: 9px; color:#000; width:300px;}
/*SPANS*/
span.span_quienes1{font-size:11px; font-weight:bold; color:#05157d}
span.span_quienes2{font-size:10px; font-weight:bold; color:#05157d}
span.seguros_titol{font-size:11px; text-transform:uppercase; color:#05157d; font-weight:bold;}
span.formulari_subtitol{font-size:11px; color:#05157d; font-weight:bold;}
span.formulari_vehicles{font-size:8px; color:#05157d;}
span.span_majuscules{text-transform:uppercase}

/*ENLLAÇOS*/
a{color:#09124a;text-decoration:none;}
a:hover{color:#666;text-decoration:none;}
a.a_menu{color:#05157D}
a.a_menu:hover{color:#C3C8ED}
a.a_menu_sel{color:#c3c8ed}
a.a3{margin:0; padding:0; border:none;}

div#contacte{font-size:11px; color:#05157d; height:300px; border:none; margin:0px 0px 0px 20px; padding:0px 0px 0px 10px; text-align:left}
label{display:block; width:130px; float:left; margin-bottom:15px; text-align:left; padding-right:15px; font-weight:bold}
input.input_contacte{display:block; width:100px; float:left; margin-bottom:10px; border:#999999 solid 1px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:11px}
input.input_contacte2{display:block; width:375px; float:left; margin-bottom:10px; border:#999999 solid 1px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:11px}
input.contacte_enviar{margin:0px 0px 0px 300px; padding:0px 0px 5px 0px;}
br.clear{clear:left}

/*SCROLL*/
.root{position:relative; height:200px; width:420px;	margin:0px 0px 8px 7px}
.root p{margin:10px 0px 5px 0px; text-align:justify; line-height:16px}
.root ul li{margin:10px 0px 5px 0px; line-height:16px}
.thumb{position:absolute; height:9px; width:15px; left:20px; margin:0 0 0 5px}
.up, .dn{position:absolute; left:5px; margin:0 0 0 5px}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{border:0}
.scrollContainer{position:absolute; left:2px; top:19px; width:400px; height:200px; clip:rect(0, 400, 200, 0); overflow:auto}
.scrollContent{position:absolute; left:0px; top:0px; width:120px}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}

.headers{
width: 470px;
font-size: 120%;
font-weight: bold;


}

.switchcontent{
width: 470px;

border-top-width: 0;
}

.footers{
width: 470px;
font-family: Forte;
color:  #000166;
font-size: 150%;



}