* { font-size: 100.01%; }
html { font-size: 62.5%; }

html, body {width:100%; height:100%;}
body {
	margin:0;
	padding:0;
	background:#f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a {
	text-decoration:none;
}
img {
	border:none;
}
.wrapper {
	min-height:100%;
	position:relative;
}
.bg-block {
	width:100%;
}
.main-container {
	margin: 0 auto;
	width:972px;
	overflow:hidden;
}
#top-block {
	height:1%;
	width:100%;
	padding-bottom:320px;
}
#top-block .bg-block{
	padding:244px 0 0;
	background:#005a96;
	overflow:hidden;
}
#inner #top-block .bg-block{
	padding:144px 0 0;
}

.block1 {
	background: url(../images/bg-block.jpg) top left no-repeat;
	height:295px;
}
#inner .block1 {
	background: none;
	height:60px;
}

#top-block .bg-block3{
	background:url(../images/bg-block3.jpg);
	overflow:hidden;
}
#bottom-block {
	min-width:972px;
	position:absolute;
	bottom:0;
	width:100%;
	height:320px;   /* Height of the footer */
	background:url(../images/bg-bottom.jpg) bottom center repeat-x;
}

/* header */
#header {
	height:244px;
	min-height:244px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background:#fff url(../images/bg-header.jpg) repeat-x bottom left;
	width:100%;
}
#inner #header {
	height:144px;
	min-height:144px;
	background-color:#f3f3f3 ;
	background:#f3f3f3 url(../images/bg-header-inner.jpg) repeat-x bottom left !important;
}
#header .wr-header {
	width:972px;
	height:244px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#inner #header .wr-header {
	height:144px;
}
#header h3 {
	float:left;
	width:301px;
	height:32px;
	margin:15px 0 0;
}
#inner #header h3 {
	margin:25px 0 0;
}
#header h3 a {
	float:right;
	width:301px;
	height:32px;
	text-indent:-9999px;
	outline:none;
	background:url(../images/logo.jpg) no-repeat;
}
/* add */
/*top ads start*/
.top-ads{
	width: 100%;
	overflow: hidden;
	padding:5px 0;
}
.top-ads p{
	width: 16px;
	height: 80px;
	float: left;
	background: url(../images/top-ads-title.gif) no-repeat;
	text-indent: -9999px;
	margin:0;
	padding:0;
}
.top-ads .area-1, .top-ads .area-2, .top-ads .area-1-left, .top-ads .area-2{
	height: 100px;
}
/*left area start*/
.top-ads .area-1{
	width: /*725px*/954px;
	float: left;
	margin: 0 0 0 2px;
	display: inline;
}
.top-ads .area-1-left{
	width: 632px;
	float: left;
	margin: 0 0 0 2px;
	display: inline;
}
/*left area end*/
/*right area start*/
.top-ads .area-2{
	width: 320px;
	float: right;
}
/*right area end*/
/*top ads end*/
/* end add */
#header ul#subnav {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	padding-top:25px;
}
ul#subnav li {
	float:left;
	padding-right:8px;
	font-size:1.1em;
}
#subnav a {
	float:left;
	display:block;
	outline:none;
	text-indent:-9999px;
	background-image:url(../images/subnav.jpg);
	height:16px;
}
#subnav a.correo {
	text-indent:0px !important;
	background-image:none;
	color:#005a96;
}
#subnav a.correo:hover {
	text-decoration:underline;
}
#subnav a.facebook {width:16px; background-position:0 0;}
#subnav a.twitter {width:16px; background-position:-24px 0;}
#subnav a.blog {width:16px; background-position:-48px 0;}

/* navigation */

#nav {
	overflow:hidden;
	width:100%;
	padding:25px 0 0;
	margin:0;
	list-style:none;
	position:absolute;
	bottom:0;
	left:0;
}
#nav li {
	float:left;
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:16px;
	line-height: 1.2;
}
#nav a {
	float:left;
	height:30px;
	outline:none;
	color:#fff;
	padding:16px 29px;
}
#nav a.active, #nav a:hover {
	color:#15224b;
	background:#fff url(../images/bottom-subnav-active.jpg) bottom center no-repeat;
}

/* image rotator */
.rotator {
	float:right;
}
.main_image {
    width: 498px;
    height: 281px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(../images/icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(../images/btn_collapse.jpg) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

/* llistat rotator */

.image_thumb {
    float: left;
    width: 239px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 8px 10px;
    background: #f0f0f0 url(../images/nav_a.gif) repeat-x;
    width: 219px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.2em;
    margin: 5px 0 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 110px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/* end rotator */

/* block 2 */
.bg-block2 { line-height:1.6em;}
#top-block .bg-block2{
	width: 100%;
	overflow: hidden;
	padding:15px 0;
}
.bg-block2 .area-1, .bg-block2 .area-2{
	height: 198px;
}
.bg-block2 .area-1{
	width: 790px;
	float: left;
	margin: 0;
	display: inline;
}
.bg-block2 .area-2{
	width: 169px;
	float: right;
}
/* block 3 */ /* block 4 */
#top-block .bg-block3, #top-block .bg-block4{
	width: 100%;
	overflow: hidden;
	padding:24px 0;
}
/* block 3 */
.bg-block3 .main-container {
	padding-bottom:20px;
}
.bg-block3 .bl {
	padding-bottom:0px;
}
.bg-block3 .area1, .bg-block3 .area2, .bg-block3 .area3, .bg-block3 .area4 {
	height: 196px;
	width: 465px;
	margin: 0;
	display: inline-block;
}
.bg-block3 .area1, .bg-block3 .area2, .bg-block3 .area3, .bg-block3 .area4{	background:url(../images/bg-bl3.jpg) top left no-repeat;}
.bg-block3 .area1, .bg-block3 .area3{
	float: left;
}
.bg-block3 .area2, .bg-block3 .area4{
	float: right;
}
.bg-block3 .area1 {background-position:0 0;}
.bg-block3 .area2 {background-position:-495px 0;}
.bg-block3 .area3 {background-position:0 -196px;}
.bg-block3 .area4 {background-position:-495px -196px;}

.bg-block3 .main-container p {
	font-size:1.2em;
	line-height:1.4em;
	color:#333;
	padding:70px 276px 0 0;
	display:block;
}
.bg-block3 a {
	color:#005a96; font-weight:bold;
}
.bg-block3 a:hover {
	text-decoration:underline;
}
.bg-block3 span {
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:26px;
	line-height:22px;
	color:#005a96;
}
.bg-block3 span span {
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:18px;
	color:#333;
}
/* block 4 */
.bg-block4 .area-1, .bg-block4 .area-2{
	height: 218px;
}
.bg-block4 .area-1{
	width: 465px;
	float: left;
	margin: 0;
	display: inline;
	background-color:#636d76;
	position:relative;
}
.bg-block4 .area-1 p {
	font-size:1.1em;
	color:#333;
	padding:10px 15px;
}
.bg-block4 .area-2{
	width: 465px;
	float: right;
}
.bg-block4 .area-2 p {
	padding:0 0 10px;;
	margin:0;
}
/* tabs */
#tabs {
	position:absolute;
	left:10px;
	top:10px;
	width:435px;
	height:24px;
	z-index:1;

}
ul.tabset {
	margin:0;
	padding:0;
}
ul.tabset li {
	float:left;
	list-style:none;
	font-weight:bold;
}
ul.tabset li a {
	float:left;
	font-size:11px;
	line-height:29px;
	padding:0 13px;
	margin-right:10px;
	color:#fff;
	background-color:#333;
	outline:none;
}
ul.tabset li a.active,
ul.tabset li a:hover {
	background-color:#fff;
	color:#333;
}
div.tab {
	background-color:#fff;
	/*margin:39px 10px 10px;
	*margin-top:139px;
	*/
	position:absolute;
	left:10px;
	top:39px;
	height:170px;
	width:446px;
	padding:0;
	z-index:0;
}
div.tab p {
	margin:0;
	padding:0;
}
div.tab ul {
	margin:0;
	padding:20px 15px;
}
div.tab ul li {
	font-size:12px;
	line-height:1.4em;
	font-weight:bold;
	list-style:none;
	padding:0 0 5px 10px;
	background:url(../images/bg-raquo.gif) 0 5px no-repeat;
}
div.tab ul li a {
	color:#005a96;
}
div.tab ul li a:hover {
	text-decoration:underline;
}

/*footer*/
.inform-wrapper {
	overflow:hidden;
	width:527px;
	float:left;
	margin-top:20px;
}
.inform {
	float:left;
	width:140px;
	height:110px;
	color:#fff;
	margin:0 10px 10px 0;
}
.last { width:138px; }
.inform p.first {padding-top:22px;} 
.inform h1 {
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:11px;
	line-height: 1.2;
	margin:0;
	padding:0 0 10px;
}
.inform p,
.inform address {
	margin:0 0 10px;
	font-style:normal;
	line-height:16px;
	font-size:110%;
}
.inform a {color:#fff; text-decoration:none;}
.inform a:hover {text-decoration:underline;}
.inform span { padding-left:9px;}
.dades {
	float:left;
	width:217px;
	margin:0 10px 10px 0;
	color:#fff;
	text-align:center;
}
.dades a {
	color:#fff;
}
.dades a:hover {
	text-decoration:underline;
}
div.wr-twitter {
	margin:20px 0 10px;
	float:right;
	width:430px;
	background:url(../images/wr-twitter.jpg) top left no-repeat;
}
div.peu {
	clear:both;
	text-align:center;
	color:#fff;
	padding-top:26px;
}


/* INNER */
ul.apartados {
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:16px;
	line-height: 1.2;
	margin:15px 0 0;
	padding:0;
}
ul.apartados li {
	list-style:none;
	float:left;
	padding-right:32px;
	background:url(../images/separator.gif) top right no-repeat;
}
ul.apartados li.last {
	background:none;
	display:inline-block;
}
ul.apartados li a {
	color:#000;
}
ul.apartados li a.active, ul.apartados li a:hover {
	color:#fff;
}
ul.web {
	padding-left:154px;
}
ul.contenidos {
	padding-left:6px;
}
ul.emarketing {
	padding-left:510px;
}
ul.directorios {
	padding-left:671px;
}
ul.redessociales {
	padding-left:326px;
}
#inner .bg-block2 .main-container {
	font-size:1.2em;
	font-weight:normal;
	color:#333;
	position:relative;
	overflow:hidden;
}
.bg-block2 .main-container:after {
	content:".";
	clear:both;
	height:0;
	display:block;
}

/* tabs inner */
#tabs-inner {
	position:absolute;
	left:0;
	top:5px;
	*top:10px;
	width:972px;
	height:36px;
	min-height:36px;
	z-index:1;
	overflow:hidden;
}
ul.tabset-inner {
	font: 11px Arial, Helvetica, sans-serif;
    background-image:url(../images/bc_bg.png); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #d5d5d5;
    width:970px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
ul.tabset-inner li {
	list-style-type:none;
    float:left;
    padding-left:10px;
	outline:none;
}
ul.tabset-inner li a {
	height:30px;
    display:block;
	*display:inline-block;
    background-image:url(../images/bc_separator.png); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#aaa;
	outline:none;
}
ul.tabset-inner li a.active,
ul.tabset-inner li a:hover {
	color:#454545;
}
ul.tabset-inner li a.active {
	font-weight:bold; color:#000;
}

/*
div.tab-inner {
	position:absolute;
	left:0;
	top:28px;
	height:476px;
	width:972px;
	padding:0;
	z-index:0;
	background:#fff;
}
*/
.clear { clear:both; }
.wrapper-tab {
	padding:20px 0 0;
	overflow:hidden;
}
.slider {
	padding:15px 0;
}
.wrapper-tab a {
	color:#005a96;
}
.wrapper-tab a:hover {
	text-decoration:underline;
}
.tab-left {
	float:left;
	width:450px;
}
.tab-right {
	float:right;
	width:450px;
	padding-left:12px;
}
.tab-left ul {
	padding:0 0 0 15px;
	*padding:0;
	*margin:10px 0 0 15px;
}
.wrapper-tab h1 {
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:17px;
	line-height: 1.2em;
	font-weight:normal;
	margin:0;
	padding:0 0 5px;
	color:#005a96;
}
div.wrapper-tab p {
	margin:0;
	padding:8px 0;
	line-height:1.4em;
}
div.wrapper-tab ul li {
	margin:0;
	padding:0 0 4px;
	line-height:1.4em;
}
.wrapper-tab p.disseny, .wrapper-tab p.seguimiento, .wrapper-tab p.pautas {
	padding:8px 0 12px 40px;
}
.wrapper-tab p.disseny {
	background:url(../webs-para-despachos/images/disseny.png) no-repeat;
}
.wrapper-tab p.seguimiento {
	background:url(../webs-para-despachos/images/seguimiento.png) no-repeat;
}
.wrapper-tab p.pautas {
	background:url(../webs-para-despachos/images/pautas.png) no-repeat;
}
table.form-servicios {
	margin:0 auto;
}
table.form-servicios tr td {
	padding:5px 0;
}

/* preus folletos */
.tarifas-left {
	float:left; width:200px;
}
.tarifas-right {
	float:right; padding-left:20px; width:210px; font-size:10px; font-weight:normal;
}
.tarifas-right p { margin:0; padding:0; font-weight:bold; }
.tarifas-right ul { margin:0; padding:0 10px; }
.tarifas-right ul li { margin:0; padding:0; line-height:9px; }
.tarifas { margin:0; padding:0; }
table.tarifas {
	margin:0 0 15px 0;
}
table.tarifas thead th {
	padding:5px 0;
	text-align:center;
	border:#f5f5f5 1px solid;
	font-weight:normal;
}
table.tarifas td {
	text-align:center;
	padding:2px 0;
	border-bottom:#f5f5f5 1px solid;
}
table.tarifas tr.impar {
	background-color:#f8f8f8;
}

/* */
/* CONOCENOS */
#inner .bg-block2 .conocenos {
	height:100%;
}
.conocenos h1 { font-family:'Droid Sans', Arial, sans-serif; font-size:16px; line-height: 1.2; color:#005a96; padding-top:30px;}
.conocenos h1.first { padding-top:0;}
.conocenos a { color:#005a96; }
.conocenos a:hover { text-decoration:underline; }

/* INFORMARKETING */

ul.informarketing {
	font-size:12px;
	margin:35px 0 0 10px;
	padding:0;
}
ul.informarketing li {
	list-style:none;
	float:left;
	padding-right:32px;
	background:url(../images/separator.gif) top right no-repeat;
}
ul.informarketing li.last, ul.actualidad-juridica li.last {
	background:none;
	display:inline-block;
}
ul.informarketing li a {
	color:#000;
}
ul.informarketing li a.active, ul.informarketing li a:hover {
	color:#fff;
}
ul.actualidad-juridica {
	font-size:12px;
	margin:2px 0 23px 150px;
	padding:0 0 10px 0;
}
ul.actualidad-juridica li {
	list-style:none;
	float:left;
	padding-right:12px;
	display:inline-block;
}
ul.actualidad-juridica li a.active, ul.actualidad-juridica li a:hover {
	color:#444;
}
/* APUNTES Y CONSEJOS */
.cosNoticia h2 {
	padding:12px 0 0;
	font-size:13px;
	color:#55527a;
}
.info_actualidad {font-size:10px; }

/* INCIDENCIA CORREO */

table.incidencias {
	margin:0 auto;
	width:972px;
}
table.incidencias tr td {
	padding:6px 0;
}
table.incidencias input.formulari, table.incidencias select {
	width:349px;
	border:#ccc 1px solid;
	height:30px;
	line-height:30px;
	font-size:1.2em;
}
table.incidencias td.form-incidencia-titulo {
	background-color:#666;
	color:#fff;
	padding:4px;
	text-align:center;
}
table.incidencias select {
	line-height:20px;
	vertical-align:middle;
}
table.incidencias textarea {
	width:99%;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
table.incidencias label {
	padding-right:20px;
}
table.incidencias input.formulari2 {
	width:304px;
	border:#ccc 1px solid;
	height:30px;
	line-height:30px;
	font-size:1.2em;
}
span.text_10 {
	font-size:10px;
}
/* FORMULARIO INTERESADO SERVICIO */
.formulario {
	border:#fff 1px solid;
	padding:20px;
	background-color:#f7f7f7;
	margin:10px 0;
}