/* RESET */

/* Piezas */

	body {
		margin: 0;
		padding: 0;
		border: 0;		
		font-family: tahoma, arial, helvetica, sans-serif;
		text-align: center;
		font-size: 13px;
	}

	* {
		line-height: 140%;
	}


/* ENLACES */

	a {
		color: #069;
		text-decoration: none;
		cursor: pointer;
	}

	a:hover {
		text-decoration: none;
		color: #f90;
	}

/* Formularios */

	form, fieldset, legend, select, input, label {
		display: inline;
		clear: none;
		float: none;
		margin: 0;
	/* 	padding: 0;
		font-size: 12px; */
	} 

	label {
		font-size: 11px;
	}

	input, select {
		vertical-align: middle;
	}

/* div + listas */

	div {
		position: relative;
		width: auto;
		clear: none;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		text-align: left;
	}

	dl, dt, dd {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul {
		display: block;
		clear: left;
		margin: 0;
		padding: 0 0 0 20px;
	 }

	 ul li  {
		font-size: 13px;
		line-height: 16px;
	 }

	 ol li {
		list-style: decimal;
		color: #000;
		font-size: 12px;
		line-height: 14px;
	 }

	ol {
	 	margin-left: 24px;
	 	padding-left: 0;
	 }

	 * > ol {
	 	margin-left: 0;
	 	padding-left: 21px;
	 }

	div:after, div:before, ul:after, ul:before, dl:after, dl:before {
		content: " ";
		display: block;
		overflow: hidden;
		clear: both;
		line-height: 0;
	}



/* ENCABEZADOS */

	h1, h2, h3, h4, h5, h6 {
		display: block;
		margin: 0;
		padding: 0;
	}



/* CARACTERISTICAS */

	.izq {
		float: left;
	}

	.der {
		float: right;
	}


	.tder {
		text-align: right;
	}

	.no {
		display: none;
	}


/* Boton */

	.boton {
		display: inline;
		position: relative;
		border-width: 1px;
		border-color: #99c2d6 #f90 #f90 #99c2d6;
		cursor: pointer;
		background-color: #edf4f8;
		/*padding: 2px 20px; */
		text-align: center;
		font-size: 17px;
	}

	.boton:hover {
		background-color: #f90 #99c2d6 #99c2d6 #f90;
		color: #000;
	}

	.boton:active {
		border-width: 2px 2px 0 0;
	}
	
	input.boton {		
		overflow: visible;	/* IE hack for input */
		height: 0;
	}
	
	input.boton {
		padding-left: 0.4em;
		padding-right: 0.4em;		
		line-height: 1.2em;
		vertical-align: center;
	}

	* > input.boton {
		height: auto;
	}
	
	
/* marco */
	
	body.portada {
		/* background: #fff url(../images/f_pie_ptd.gif) left bottom repeat-x; */
		margin: 0;
		padding: 0;		
	}

	.marco {
		width: 100%;
		/* background: url(../images/f_portada_v8.gif) left 0 repeat-x; */
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	
	
/* ************************ cabecera ************************  */

	.cab {
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 40px solid #f2af00; /* #7fb2cc;	*/
		background: #fff;
	/*	background: url(../images/f_portada_v8.gif) left 0 repeat-x; */
		text-align: center;
		z-index: 10;
	}

/* ************************ Área privada ************************  */

	.privada {
		width: 100%;
		border-bottom: 1px dotted #7fb2cc;
		padding: 5px 0;
		text-align: center;
	}
	
	.privada .aptdo {
		width: 945px;
		margin: 0 auto;
		text-align: right;
		color: #4c94b7;		
	}
	
	.privada em {
		padding-left: 15px;
		background: url(../images/privada/lock.gif) left center no-repeat;
		font-style: normal;
	}
	
	.privada a {
		text-decoration: underline;
	}


/* ************************ logo ************************  */

	.logo {
		width: 100%;
		text-align: center;
	}

	.logo a {
		display: block;
		position: relative;
		margin-top: 70px;
		width: 407px;
		height: 72px;
		background: none;
		margin: 20px auto 0;
		padding: 0;
		filter:progid:DXImageTransform.microsoft.alphaimageloader(enabled=true, sizingMethod=scale src='/images/logocab.png');
	}
	
	* > .logo a {
		background: url(../images/logocab.png) left top no-repeat;
	}
	
	.logo span {
		position: absolute;
		top: -1000px;
	}




/* Enlaces a directorios */

	.dirs {
		width:100%;
		/* text-align: center; */
		border-bottom: 1px dotted #7fb2cc;
	}
	
	.dirs .menu {
		position: relative;
		/* width: 940px; */
		margin: 0 40px;
		padding: 10px 0 0;
		font-size: 11px;
	}
	
	.dirs span {
		display: none;
	}

	.dirs a {
		display: block;
		float: left;
		padding: 5px 0 15px 30px;
		margin: 0 20px 0 0;
		background-position: left top;
		background-repeat: no-repeat;
		/* font-weight: bolder; */
		text-decoration: none;
	}
	
	.dirs a:hover {
	}

	.dirs .jur {		
		background-image: url(../images/dirs_jur_v01.gif);
	}

	.dirs .jur:hover {		
		background-image: url(../images/dirs_jur_on_v01.gif);
	}

	.dirs .blg {
		background-image: url(../images/dirs_blg_v01.gif);		
	}

	.dirs .blg:hover {
		background-image: url(../images/dirs_blg_on_v01.gif);		
	}

	.dirs .lex {
		background-image: url(../images/dirs_lex_v01.gif);		
	}

	.dirs .lex:hover {
		background-image: url(../images/dirs_lex_on_v01.gif);		
	}

	.dirs .hlp {
		background-image: url(../images/dirs_hlp_v01.gif);
		color: #00ac4b;		
	}

	.dirs .hlp:hover {
		background-image: url(../images/dirs_hlp_on_v01.gif);	
		color: #f90;	
	}
	
/* Info LS */

	.info_ls {
		position: relative;
		width: 630px;
		margin: 0 auto;
		padding-top: 30px;
		font-size: 23px;
	}

	.info_ls div {
		display: block;
		float: left;
		clear: none;
	}

	.info_ls a {
		display: block;
		padding: 10px 20px 36px 60px;
		background-position: left top;
		background-repeat: no-repeat;
		/* font-weight: bolder; */
		text-decoration: none;
	}

	.info_ls em {
		display: block;
		position: absolute;
		bottom: 36px;
		left: 60px;			
		font-weight: bolder;
		font-style: italic;
		color: #7fb2cc;
	}

/* FOLLOW US */

	.follow {
		position: absolute;
		bottom: 0;
		left: -180px;
		width: 110px;
		z-index: 1000000;		
	}
	
	.follow a {
		display: block;
		padding: 20px 0 10px 66px;
		margin: 0;
		background: url('../images/twt_cab.gif') left top no-repeat;
		font-weight: normal;
		font-size: 10px;
	}
	
	.follow a:hover {
		background-image: url('../images/twt_cab_on.gif');
	}

/* SLOGAN */

	.slogan {
		position: absolute;
		top: -80px;
		right: -150px;
		width: 138px;
		height: 138px;
		background: url('../images/gratis_v11.gif') right top no-repeat;
		z-index: 1000000;
	}
	
	.slogan span {
		display: none;
	}

/* BUSCADOR */

	.formulario {
		position: absolute;
		top: 168px;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 10000;
	}

	.formulario form {
		display: block;
		position: relative;
		width: 615px;
		height: 40px;
		margin: auto;
		padding: 8px 0 0;
		background: #4c94b7;/* transparent url('../images/f_buscador.gif') left top no-repeat; */
		text-align: center;
	}
	
	* > .formulario form {
		height: 32px; /* ffx */
	}

	.formulario .buscador {
		width: 520px;
		height: 24px;
		border: 0;
		padding: 2px 5px;
		margin: 0 5px 0 0;
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
	}
	
	* > .formulario .buscador {
		width: 510px;
		height: auto;
		line-height: 1em;
	}

	fieldset {
		display: inline;
		clear: none;
		float: none;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.avanzada {
		position: absolute;
		left: 0;
		top: 50px;
		padding-left: 5px;
		border-left: 10px solid #f2af00;
		line-height: 10px;
		/* background: url('../images/li_sqy.gif') left 5px no-repeat; */
	}
	


/* Contenido */

	.contenido {
		clear: both;
		width: 980px;
		margin: 0 auto;
		padding: 50px 0 0;
		background: url('../images/f_contenido.gif') left top repeat-y;
		font-size: 13px;
		text-align: left;
		z-index: 1;
	}
	
	.contenido h2 {
		display: block;
		width: 100%;
		font-size: 18px;
		padding-bottom: 20px;
	}

	.contenido .columnas {
		width: 940px;
		margin: 0 20px;
	}

	.columnas .col {
		width: 460px;
	}
	
	.columnas .col:before, .columnas .col:after {
		content: none;
		clear: none;
	}

	.columnas .col1 {
		float: left;
		margin-right: 20px;
	}
	
	.columnas .col2 {
		float: right;
	}
	
	.columnas .col .par {
		width: 100%;
		padding: 0 0 20px;
	}

	.columnas .par .col {
		width: 220px
	}
	
	.contenido .par .col h3 {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		font-size: 13px;
		font-weight: bolder;
		text-transform: uppercase;
	}

	.contenido .par .col p {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		font-size: 13px;
	}
	
	.contenido .par .col p a {
		text-decoration: underline;
	}

	#opiniones {
		height: 820px;
		overflow: hidden;
	}

	.col2 .aptdo {
		display: block;
		position: absolute;
		top: -200px;
		width: 100%;
		margin-top: 200px;
		background: #4c94b7 url('../images/f_caja_opi.gif') left bottom no-repeat;
	}
	
	.col2 #blogs {
		left: 460px;
	}

	.col2 h2 {
		background: #fff;
	}

	.col2 .tabs {
		background: #fff;
	}
	
	.col2 .aptdo .caja {
		width: 440;
		height: 600px;
		overflow: auto;
		margin: 10px;
		padding: 10px 0;
		background: #fff;
	}
	
/* ************************ OPINIONES ************************ */
	/* Pestanas */
	
			.pestanas {
				width: 460px;
				background: #fff;
			}

			.pestanas span {
				display: none;
			}

			.pestanas a, .pestanas em {
				display: block;
				float: left;
				background: #99c2d6; /* url('../images/esq2.gif') right top no-repeat; */
				margin: 0 2px 0 0;
				padding: 5px 0;
				color: #fff;
				z-index: 10;
			}

			.pestanas em {
				background-color: #4c94b7;
			}

			.pestanas a span, .pestanas em span {
				display: block;
				top: 0;
				margin: 0;
				padding: 0 15px;
				/* background: url('../images/esq1.gif') left top no-repeat; */
				z-index: 100;
			}

			.pestanas a:hover {
				background-color: #66a3c2;
			}		



			.rss {
				position: absolute;
				width: 48px;
				padding: 8px;				
				right: 0px;
				top: 40px;
				z-index: 100;
				background: url('../images/rss_portada.gif') left center no-repeat;
				text-transform: lowercase;
				font-style: italic;
			}
	
	/* Posts */

	.col .post {	
		width: 420px;
		margin: 0 2px;
		padding: 10px 0 0;
		position: relative;
		border-bottom: 1px dotted #ccc;
		padding: 10px 0;
		background: none;
		font-size: 12px;
	}

	.col .post h3 {
		margin-left: 70px;
		overflow: hidden;
		padding: 0;
		font-weight: normal;
		font-size: 13px;
	}
	
	.col .post h3 a {
		font-weight: bolder;
	}
	
	.col .post p {
		margin: 0 0 0 70px;
		padding: 0;
	}

	
	.col .post div {
		padding: 2px 0 0;
		margin-left: 70px;
		color: #999;
	}
	
	.col .post div div {
		margin: 0;
	}

	.post div em{
		font-weight: bolder;
		font-style: normal;
	}	


	.col .post div.img {
		position: absolute;
		left: 10px;
		top: 10px;
		margin: 0;
		padding: 3px;
		background: #fff;
		border: 1px solid #cce0eb;
	}

	.col .post div.img img {
		display: block;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		border: 0;
	}

/* TWTSAID */

	.twtsaid {
		padding: 0;
		margin: 10px;
		background: #cce0eb url(../images/btwt.gif) 10px 10px no-repeat;
		font-family: georgia, times, serif;
	}
	
	.twtsaid form {
		display: block;
		position: relative;
		margin: 0;
		padding: 10px;
	}
	
	.twtsaid h3 {
		display: block;
		width: 260px;
		padding: 0 20px 0 40px;
		border-bottom: 1px dotted #000;
		font-size: 16px;
		font-style: italic;
		color: #069;
	}
	
	* > .twtsaid h3 {
		width: 180px;
	}
	
	.twtsaid h3 em {
		font-weight: bolder;
	}
	
	.twtsaid p {
		display: block;
		padding: 4px 0 8px;
		margin: 0;
		font-size: 11px;
	}

	.twtsaid p em {
		font-weight:bolder;
		font-style: normal;
		color: #900;
	}
	.twtsaid p span {
		font-style: italic;
	}
	.twtsaid label {
		font-family: tahoma, arial, helvetica, sans-serif;
	}

	.twtsaid .boton {
		font-size: 11px;
	}

	.twtsaid fieldset {
		position: absolute;
		right: 15px;
		top: -5px;
		width: 166px;
		padding: 5px;
		margin: 0;
		border: 1px dotted #069;
		background: #99c2d6;
		text-align: center;
	}
	
	* > .twtsaid fieldset {
		right: -5px;
		width: 156px;
	}
	
	#fieldset_twittersaid_cookie .boton {
		width: 108px;
	}

	.twitter_user {
		display: block;
		clear: both;
		width: 140px;
		margin: 0 auto 4px;
	}
	
/* Sugiere Blog */

	.col .sugblw {
		margin: 10px;
		padding: 10px;
		background: #cce0eb;
		text-align: center;
		font: italic 16px georgia, times, serif;
	}

	.col .sugblw h3 {
		display: block;
		margin-bottom: 4px;
		font-size: 16px;
		font-style: italic;
		color: #069;
	}
	
	.col .sugblw .blawg {
		width: 260px;
	}

	.col .sugblw .boton {
		font-size: 14px;
	}

/* Blog de Legalsolo */
	.blog {
		position: relative;
		clear: both;
		width: 934px;
		height: 107px;
		margin: 24px auto;
		background: url(../images/f_blog_portada.gif) left top no-repeat;
	}
	
	* > .blog {
		background-image: url(../images/f_blog_portada.png);
	}
	
	.blog a {
		display: block;
		position: relative;
	}
	
	.blog .recorte {
		position: absolute;
		top: 29px;
		left: 29px;
		width: 876px;
		height: 72px;
		overflow: hidden;
	}

	.blog .caja {
		position: relative;
		width: 3000px;
		height: 72px;
	}
	
	.blog .post {
		display: block;
		position: relative;
		clear: none;
		float: left;
		width: 292px;
		height: 140px;
		margin: 0;
		padding: 4px 8px;
		border-right: 1px solid #cce0eb;
		font-size: 10px;
		color: #666;
	}
	
	* > .blog .post {
		width: 276px;
		height: 117px;	
	}
	
	.blog h2 {
		margin-left: 60px;
		padding-top: 4px;
		color: #069;
		font-size: 13px;
	}
	
	.blog h3 {
		font-weight: normal;
		font-size: 12px;
	}
	
	.blog .pasa a {
		display: block;
		position: absolute;
		top: 10px;
		width: 17px;
		height: 72px;
		background-color: #fff;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	.blog .pasa a:hover {
		background-color: #f90;		
	}
	
	.blog .pasa a span {
		display: none;
	}
	
	.blog .pasa_der {
		background-image: url(../images/pasa_der.gif);
		right: 6px;
	}

	.blog .pasa_izq {
		background-image: url(../images/pasa_izq.gif);
		left: 6px;
	}




/* ************************ PIE ************************  */

	.pie {
		height: 150px;
		padding: 0 0 14px;
		margin: 0;
		/* background: #fff url(../images/f_pie.gif) left bottom repeat-x; */
		text-align: center;
		font-size: 13px;
	}

	.pie div {
		text-align: center;
		margin: 0 auto;	
		padding: 18px 0;
	}

	.pie .menu {
		clear: both;
		width: 970px;
		margin: 0 auto;
		padding: 48px 0 14px;
		word-spacing: 10px;
	}

	.pie .menu a {
		word-spacing: normal;
	}

	.pie .creditos {
		border-top: 1px dotted #000;
		width: 530px;
		padding: 14px 0 4px;
		background: url(../images/logo_mini.gif) left 15px no-repeat;
		text-align: right;	
	}
	
	.pie .strong {
		font-weight: bolder;
	}

	.pie .power {
		position: relative;
		width: 150px;
		text-align: left;
		/* background: url(../images/cbn.gif) right center no-repeat; */
	}

	.pie .power .cbn{
		position: absolute;
		top: 22px;
		right: 0;
		width: 77px;
		height: 15px;
		background: url(../images/cbn.gif) right center no-repeat;
	}

	* > .pie .power .cbn {
		top: 20px;
	}
	


/* Autocomplete */	

	.autocom {
		z-index: 1010;
	}

	.autocomplete {	
		display: block;
		background: #fff;
		position: absolute;
		z-index: 1100;
		left: 0;
		top: 34px ! important;
	}

	.autocomplete ul {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
		background: #fff;
		border-top: 1px solid #069;
	}

	.autocomplete ul li {
		display: block;
		list-style: none;
		width: 100%;
		margin: 0;
		border: solid #069;
		border-width: 0 1px 1px;
		font-size: 15px;
		text-transform: lowercase;
		color: #000;
		cursor: pointer;
		z-index: 10000 ! important;
	}

	* > .autocomplete ul li {
		width: auto;
	}

	.autocomplete ul li a {
		display: block;
		padding: 4px 8px;
		color: #000;
	}

	.autocomplete ul li a:hover {
		background-color: #e5eff5; /* #e5eff5 */
		font-style:italic;
		color: #000;
	} 

	.autocomplete ul li.selected {
		background-color: #e5eff5; /* #e5eff5 */
		font-style:italic;
	}
	
	.autocomplete hr {
		display: none;
	}
