body,html{height:100%;width:100%;padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
hr {visibility:hidden;}
.limpia {clear:both;visibility:hidden;}
h1 {font-size:20px;}
h2 {color:#9D3B59;font-size:16px;}
h3 {color:#9D3B59;font-size:14px;}
h2 a,h3 a {color:#9D3B59;text-decoration:none;}
a {color:#9D3B59;}
img {border:0px;}
.santosrojas{color:#000;font-weight:bold; font-style:italic;}
.listaletra{list-style: decimal;}
.listaplus li{margin:25px 0 25px 0;}

.derecha {float:right;margin:5px;}
.izquierda {float:left;margin:5px;}

/* -------- ESTRUCTURA ---------------*/
#metacontenedor{border-top:24px solid #8d0d34;width:995px;}
#metacontenedor .s {border-bottom:5px solid #DEDEDE;padding:0;margin:0;width:inherit;}
#contenedor{/*border-top:5px solid #DEDEDE;*/background-image:url(estatua.jpg);background-repeat: no-repeat;background-position: left top;width: inherit;background-color:#FFF;height:100%;}

#contenido {margin-left:180px;/*clear:both;*/}
#contenido li {margin:5px 0 5px 0;}

/*#logo {clear:both;width:568px;height:106px;background-image:url(logo.jpg);margin-left:165px;}*/
#logo {/*clear:both;*/width:370px;height:150px;background:url(logo0.gif) no-repeat;margin:0 0 10px 400px;}

#logo div{position:relative;top:150px;left:35px;margin:0;padding:0;font-size:9px;color:#999;}
/*#logo p{margin:0;padding:0;}*/
#cabecera{}

#menu {float:left;margin:0 0 0 0;font-size:11px;width:160px;}
#menu ul {margin:0;padding:0;}
/*#menu ul li {height:15px;width:150px;margin:3px 0 3px 0;padding: 5px 0 5px 3px;list-style:none;border:1px solid blue;}*/
#menu ul li a, #menu ul ul a{text-decoration:none;color:#5A5A5A;display:block;height:15px;padding:5px 0 3px 3px;}
#menu ul li a:hover{color:#fff;background:#9d3b59;}

#menu ul ul {margin-left:15px;}
#menu ul ul li {list-style:none;}
#menu ul ul a {padding:2px 0 1px 3px;}
#menu ul li a.menuselected {font-weight:bold; color:#a9516b;}
.expand {display:none;margin-bottom:5px;}
.menuopen {display:block;margin-bottom:5px;}
.menuclose {display:none;margin-bottom:0px;}

#pie{margin-left:300px;clear:both;border:1px solid #FFF;color:#9D3B59;text-align:center;}
#pie li{display:inline;}
#pie  a{color:#9D3B59;font-size:9px;text-decoration:none;margin-left:10px;}
#pie  a:hover{color:#000;}
#pie p{margin:0 0 20px 10px;padding:0;font-size:9px;text-align:center;}

/* --------- BREADCRUMB --------------*/
#breadcrumb {background-color:#EEE;width:inherit;margin:10px 0 0 0;}
#breadcrumb ul{	margin-left: 0;padding-left: 0;display: inline;border: none;}
#breadcrumb li{	margin-left: 0;padding-left: 2px;border: none;list-style: none;display: inline;}
#breadcrumb a{text-decoration:none;color:#9D3B59;}
#breadcrumb img{margin-right:5px;}

/* -------- CUADROS IMPORTANTES ------*/
.imp {border:1px solid #9D3B59;margin:5px 0 5px 0;padding:10px;background:#AD5B72 url(fondo_superior.jpg) repeat-x; color:#FFF;}

/* --------- SUBMENU DE OPCIONES -------------*/
.opciones{margin:60px 0 40px -80px;text-align:center;}
.opciones li{display:inline;}
.opciones a{padding:25px 10px 25px 10px;color: white;text-decoration: none;background-color:#9D3B59;border:1px solid #FFF;}
.opciones a:hover{background-color:#CCC;color:#9D3B59;border:1px solid #9D3B59;}

/* --------------- AVISO LEGAL ---------------*/
#avisolegal {margin-left:180px;clear:both;padding-top:20px;}
#avisolegal ol {list-style-type:lower-latin;}
#avisolegal h2{text-transform: uppercase;}

/* ----------- EXAMEN LOPD -----------*/
#examen b{color:#9D3B59;}
#examen li {font-weight:bold;margin:10px 0 10px 0;}
#examen li div{font-weight:200;font-style:italic;}
#examen #nota {font-size:9px;background-color:#EEE;border:1px solid #DEDEDE;padding:5px;}
.nota {font-size:9px;background-color:#EEE;border:1px solid #DEDEDE;padding:5px;}
#examen .boton {margin:10px;width:inherit;text-align:center;}
#examen .boton input {padding:4px;background-color:#CCC;color:#666;font-weight:bold;border:1px solid #666;}
#examen input,#examen textarea{font-size:11px;color:#F00;font-family:Arial, Helvetica, sans-serif;margin-right:10px;}
#examen #datos input,#examen #datos textarea{width:150px;background-color:#EEE;border:1px solid #DEDEDE;color:#666;}

/*----------- CUADRO CONSULTAS ------------*/
#consultas .consulta{border:1px solid #9D3B59;background-color:#FAFAFA;width: inherit;color:#A55C72;margin:10px;padding:0;}
#consultas .consulta h2{width:inherit;background-color:#9D3B59;color:#FFF;margin:0;padding:10px 10px 10px 25px;background-image:url(consulta.gif); background-repeat:no-repeat;}
/*#consultas .consulta a{margin-right:10px;text-decoration:none;}*/
#consultas .consulta div{padding:10px;}
#consultas .consulta div div{padding:0px;}
#consultas .botones a {background:url(boton.gif) no-repeat;text-decoration:none;color:#333;}
#consultas .botones a:hover {color:#FFF;}
#consultas .botones .contratar{margin:10px 0 0 50px;padding: 8px 35px 8px 35px; }
#consultas .botones .condiciones{margin:10px 0 0 20px;padding: 8px 25px 8px 25px; }

/*------------ FORMULARIO CONTRATAR --------*/
#contratar .boton{margin-left:150px;}
#contratar th {height:20px;background-color:#CCC;color:#666;}
#contratar input,select,textarea{color:#333;font-size:11px;border:1px solid #666;padding:3px;}
#contratar textarea{width:350px;background-color:#FFF;}

/*------------ FORMULARIO LOPD -------------*/
#formulariolopd {width:710px;}
#formulariolopd div {margin:2px 0 0 0;clear:both;/*float:left*/;width:700px;}
#formulariolopd option {padding:0 15px 0 0;}
#formulariolopd ul {list-style:none;margin:0;padding:0;}
#formulariolopd hr {visibility:visible;}
#formulariolopd .linea li{display:inline;}
#formulariolopd legend {font-size:14px; font-weight:bold;color:#9D3B59; text-transform:uppercase;padding:10px;}
#formulariolopd fieldset {margin:0 0 10px 0;}
#formulariolopd fieldset div p {width:300px;float:left;margin:2px 0 0 0;}
#formulariolopd .par {background-color:#CCC;}
#formulariolopd .impar {background-color:#EEE;}
#formulariolopd #clientes,#proveedores,#personal,#basedatos,#web,#otroso {display:none;background-color:#DDD;color:#333;padding:5px;margin:2px 0 0 0;}
#formulariolopd #botones {margin:20px 0 20px 0; clear:both;}
#formulariolopd #botones input {margin-left:200px;}
#formulariolopd textarea {width:300px;}

/* ------------ ENVIO DE MAILS --------------*/
#mail {margin:90px 0 50px 190px;border:1px solid #F0E2E6; background-color:#FAFAFA;width:350px;color:#A55C72;padding:10px;}
#mail a{text-decoration:none;color:#000;border:0;}
#mail img{border:0;}

/* ------------- CUADRO CENTRAL / PAGINA DE INICIO --------------*/
#minibanner{float:left;margin:10px 0 10px 50px;border:1px solid #F0E2E6; background:#FAFAFA url(nuevo-minibanner.jpg) top left no-repeat;width:350px;color:#A55C72;padding:15px;}
#minibanner div{float:right;width:150px;}
#minibanner div h2{text-align:center;margin:0;padding:0;font-size:22px;}
#minibanner div p{margin:0;}
#minibanner ul{margin:0;padding:0;}
#minibanner li{font-size:14px;font-weight:bold;list-style:none;margin:4px 0 0 0;}
#minibanner a{font-size:11px;text-decoration:none;color:#B79BA4;background-image:url(bc.gif);background-repeat: no-repeat;	background-position: left 3px;	padding-left:6px;}
#minibanner a:hover{color:#A55C72;}
#minibanner li p{margin:0;padding:0;}

/* ------------- BANNER ---------------*/
.banner {float:left;margin:10px 0 5px 10px;padding:5px;border:1px solid #B79BA4; background:#8d0d34 url(nuevo-fondobanner.jpg) top left repeat-x;width:250px;/*height:200px;*/color:#fff;font-size:10px;cursor: pointer;cursor: hand;}
.banner h2, .banner h3 {text-align:center; margin:0;color:#fff;}
.bannerdivorcios h2 {font-size:24px;}
a.abanner{text-decoration:none;color:#fff;}

/* ----------- TEXTO DE PRESENTACION / PAGINA DE INICIO ----------*/
#presentacion {width:580px;text-align:justify;}

/*------------ TEXTO CENTRAL / PAGINA DE INICIO ------------*/
/* Cuadro lateral derecho */
#texto a,#textocuadro a{text-decoration:none;color:#000;margin:0;padding:0;}
#texto h2 a,#textocuadro h2 a{color:#9D3B59;}
#textocuadro{float:right;width:300px;height:150px;text-align:justify;padding:0 10px 0 10px;margin-right:70px;}
#textocuadro h2{margin-top:0px;}
/* Cuadro lateral izquierdo (3 elementos) */
#texto {}
.elemento{width:350px;text-align:justify;}
.elemento p{margin:0 0 10px 0;}
.elemento h2{margin:0px;}

/* ------------- CUADROS PARTE INFERIOR  / PAGINA DE INICIO --------------*/
#cuadros {margin:20px 0 0 180px;}
#cuadros .cuadro{float:left;width:220px;height:220px;border:1px solid #CCC;margin-right:30px;text-align:justify; background: url(nuevo-fondocuadro.jpg) top left repeat-x;} 
#cuadros .large_c {width:346px;height:170px;margin-top:10px;}
/*#cuadros .cuadro{float:left;width:220px;height:220px;border:1px solid #CCC;margin-right:30px;text-align:justify;}*/
#cuadros .cuadro h2{margin:5px;}
#cuadros .cuadro img{float:right;margin:15px 0 0 0;}
#cuadros .consulta {width:150px;margin-left:5px;}
#cuadros .lopd {width:100px;margin-left:5px;}
#cuadros .cuadro .formacion {width:120px;margin-left:5px;}
#cuadros .large_c .formacion {width:330px;}
#cuadros .boton {margin:10px 0 0 50px;padding: 8px 40px 8px 40px; background:url(boton.gif) no-repeat;text-decoration:none;color:#333;}
#cuadros .boton:hover {color:#FFF;}

/* ------------ DOCUMENTOS / DOCUMENTO DE SEGURIDAD ------------------*/
.documento {margin:10px 0 10px 0;border:1px solid #F00;padding:10px;background-color:#FAFAFA;width:700px;border:1px solid #F0E2E6;}
.documento div a{background:url(boton.gif) no-repeat;text-decoration:none;color:#333;margin:20px;}
.documento h2 a {margin-left:10px;padding:10px 10px 10px 10px;background:url(ver.gif) no-repeat;font-size:9px;color:#FFF;}
.documento h2 a:hover {background:url(ver.gif) no-repeat 0px -33px ;color:#000;}
.documento #doc1,.documento #doc2,.documento #doc3 {display:none;}
.documento .descarga {padding: 8px 40px 8px 32px;}
.documento .condicion {padding: 8px 40px 8px 25px;}
.documento .ejemplo {padding: 8px 42px 8px 32px;}
.documento .descarga:hover,.condicion:hover, .ejemplo:hover {color:#FFF;}

/* ---------- LEGISLACION ----------------------*/
.legislacion li {list-style-image:url(pdft.jpg); list-style-position:inside;}
.legislacion a{text-decoration:none; color:#000;}

/* --------- CORRECTAMENTE--------------------*/
#correctamente {height:400px;}

/* --------- DELEGACIONES--------------------*/
#delegaciones {margin-left:140px;text-align:center;clear:both;padding-top:10px;}
#delegaciones a {margin-right:15px;}

/* --------- CESTA DE LA COMPRA--------------------*/
#cesta{/*float:left;/*position:absolute;*/top:375px;margin:25px 0 0 5px;font-size:11px;width:150px;text-align:center;}
#cesta h4 {background:#ccc;margin:0;height:15px;}
#cesta ul {padding:0;border:1px solid #ccc;margin-top:0;text-align:left;}
#cesta li {/*list-style:none;*/ list-style-position:inside; margin:3px 0 5px 5px;list-style-image:url(nuevo-iconolista-rojo.png);}
#cesta a.boton {margin:auto; color:#9d3b59; background:#fff;padding:3px; text-decoration:none;font-weight:bold;}
#cesta a.boton:hover {background:#9d3b59;color:#fff;}

/* --------- LISTAS DIVORCIOS--------------------*/
ul.lista {list-style:disc;}
ul.lista ul, ul.listanum {list-style:decimal;}
div.quienes, div.donde {margin-top:30px;}
div.quienes p, div.donde p {margin-left:30px;}
fieldset {margin:10px 0 10px 0; border:1px solid #9d3b59; padding:10px;}
fieldset legend {font-weight:bold;}
fieldset #boton {margin:10px 5px 5px 5px; background:#9d3b59; color:#fff;}
fieldset textarea {background:#fff;}
p.dtitulo {font-size:18px; font-weight:bold; display:block; background:#eee; padding-left:5px;}
p.instrucciones {font-size:80%; color:#555;}
.obligatorio {color:#9d3b59; font-weight:bold;}
.validation-advice {background:#9d3b59; color:#fff; font-weight:bold;}
a.iniproc {background:#9d3b59; color:#fff; padding:5px; text-decoration:none;margin-top:50px;}
a.iniproc:hover {background:#ccc;color:#9d3b59;border:1px solid #9d3b59;}
p.iniproc {margin:20px; text-align:center;}
p.totalcesta {margin-top:30px;border-top:1px solid #ccc;padding:3px;}
textarea {display:block;}
img#exito {float:right;}

#comprarhecho{background:url(exito.png) no-repeat top right; height:400px;}
#comprarhecho p {width:400px;}

#imagenes img {margin:0 10px 10px 0;}
#cuadros {margin-top:100px;}