@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
}
body {
	font-size:62.5%;	/* cuerpo 10px */
	color:#555555;
	background:#fff;
	font-family:Tahoma, "Trebuchet MS", Arial;
	height:1%;
}
img {
	border:none;
}

a{
	cursor:pointer;
}

legend{display:none;}
.oculto{position:absolute;top:0;left:-5000px;}
.none{display:none;}
.clear-both{clear:both;}

h1{
	font-size:1.7em;
	color:#000050;
	margin:0.5em 0.5em 0.5em 1.2em;
	width:15em;
	text-align:left;
}
h2{
	color:#fff;
	background:#000051;
	height:1em;
	font-size:1.4em;
	padding:0.2em 0.3em 0.3em 0.5em;
}
#central-container{
	position:relative;
	width:77.6em;
	margin:2em auto;
	display:block;
	text-align:left;
}
#central-container #head{
	display:block;
	margin:0 0 0 0;
}

#head #logotipo{
	width:23em;
	height:8.4em;
	display:block;
	float:left;
	margin:0 0 1em 0.5em;
	background:url(../images/logo.gif) no-repeat center -0.6em;
}
#head #logotipo a{
	height:8.4em;
	display:block;
}
#head .flash{
	width:77.6em;
	margin:0;
	height:14.8em;
	display:block;
}

/* MENU */

#head #menu{
	position:absolute;
	width:46em;
	display:block;
	float:right;
	height:2em;
	padding:1em 0 0 0;
	right: 10px;
	top:60px;
	text-align:center;
}
#head #menu ul{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.1em;}

#head #menu ul li{float:left;}
#head #menu li a{text-decoration:none;color:#555;display:block;height:2.3em;}
#head #menu li a:hover, #head #menu li a.activo{ color:#fff;font-weight:bold;background:#000051;}

#head #menu ul li.conocenos{width:7.2em;}
#head #menu ul li.multi{width:12.72em;}
#head #menu ul li.contactenos{width:9.1em;}
#head #menu ul li.noticias{width:12em;}

/* FIN MENU */

/* FIN HOME */

#central-container .main-content{
	display:block;
	margin:0 0 1.3em 0;
	padding:1em 0 0 0;
	width:77.6em;
	position:relative;
}
#central-container .main-content div.extras{position:absolute;top:2em;right:-5em;font-size:1.1em;}
#central-container .main-content div.extras ul{list-style:none;width:20em;}
#central-container .main-content div.extras ul li{float:left;margin-right:1em;display:inline;}
#central-container .main-content div.extras ul li a{color:#636363;}
#central-container .main-content div.extras ul li a.enviaraunamigo{background:transparent url(../images/icono-enviaraunamigo.png) no-repeat 0 0;padding-left:2.5em;}
#central-container .main-content div.extras ul li a:hover{color:#ccc;}
#central-container .main-content.accidentes{height:48em;}
#central-container .main-content .left-content{
	color:#555;
	width:38em;
	float:left;
	text-align:left;
	margin:1.5em 0 0 0;
	padding:1.3em 0 0 0;
}
/*#central-container .main-content .left-content p{ background:transparent url(../images/flecha-p-azul.gif) no-repeat 0.5em 0.2em;}*/
#central-container .main-content .left-content p span{
	font-size:1.2em;
	display:block;
	margin:1.5em 0 0 0;
	padding:0 1.8em 0 1.2em;
	line-height:1.5;
}
#central-container .main-content .left-content h1{
	font-size:2em;
	font-weight:normal;
	width:18.5em;
	margin:0.5em 0 0.5em 0.6em;
}	
#central-container .main-content .right-content{
	position:relative;
	width:38em;
	float:right;
	padding:0.5em 0 0 0.8em;
	margin:3em 0 5em 0;
	text-align:left;
	height:20em;
}
#registro{
	padding:0.5em;
	background:url(../images/fondo-azul-rayado.gif) repeat top;
	height:25.7em;
	overflow:hidden;
}
.right-content #formulario{
	color:#fff;
}
.right-content #formulario label{
	font-size:1.2em;
	width:140px;
	display:block;
	float:left;
	padding:3px 10px 3px 10px;
	color::#fff;
}
.right-content #formulario input{
	font-size:1.2em;
	border:1px solid #000099;
	width:14em;
	height:1.4em;
	padding:0.2em 0.3em 0 0.3em;
	margin-bottom:0.5em;
}
.right-content #formulario #box-sobre-azul input, #central-container .main-content #multidisciplinas ul li input{
	background: transparent url(../images/boton.gif) no-repeat;
	width:5em;
	height:1.8em;
	margin:0.5em;
	font-size:1em;
	color:#fff;
	cursor:pointer;
	padding:0 0 0.3em 0.8em;
	text-align:left;
	border:none;
}
#central-container .main-content #multidisciplinas ul li input{position:absolute;font-size:0.9em;padding:0 0 0.6em 0;border:none;}
.right-content #formulario #box-sobre-azul{
	position:absolute;
	left: 20px;
	top: 160px;
}
.right-content #formulario #box-sobre-azul textarea{
	border:1px solid #000099;
	height:8em;
	width:25.4em;
	padding:0.5em 0.5em 0.2em 0.5em;
	overflow:hidden;}

#central-container .main-content .img-home{float:left;margin:8em 0 0 1em;width:36em;position:relative;}
#central-container .main-content .img-home p{position:absolute;top:3.1em;font-size:2em;color:#000;width:5em;display:inline;margin-left:2em;}

/* FIN HOME */

/* ESPACIO MULTIDISCIPLINAR */

#multidisciplinas{
	text-align:left;
}
#multidisciplinas ul{
	list-style:none;
	margin-top:3em;
	display:inline;
	font-size:1.2em;
	width:10em;
	background:#eee;
}
#multidisciplinas ul li{
/*	border:1px solid #a1a1a1;
	background:#eaeaea;*/
	width:15.2em;
	float:left;
	margin:2em 1em 2em 0;
}
#multidisciplinas ul li.doble{
	height:1%;
	margin-right:0;
	}
.main-content h1.multi{
	font-size:2em;
	margin:1.5em 0 1em 0;
	display:block;
	font-weight:normal;
	border-bottom:1px solid #009;
	width:100%;
}
#multidisciplinas ul li h2{
	margin:0 0 0.4em 0;	
	height:1.2em;
	font-weight:normal;
	font-size:1.2em;
}
#multidisciplinas ul li h2.dos{
	padding-top:0.2em;
	height:1%;
}
#multidisciplinas ul li h2 span{
	font-size:0.9em;
}
#multidisciplinas ul li p{
	background:url(../images/fondo-contacta-azul.gif) no-repeat right;
	display:block;	
	text-align:left;
	padding:0.5em 0.3em 0 0.5em;
	height:10em;
	line-height:1.3em;
}
#multidisciplinas ul li p a{color:#fff;text-decoration:none;}

#multidisciplinas .discipline-content{
	font-size:1.2em;
	padding:2em;
	overflow:hidden;
	height:1%;
	}
#multidisciplinas .discipline-content p{padding:1em;display:block;}
#multidisciplinas .discipline-content ul{margin-top:1em;font-size:1em;background:#eee;}
#multidisciplinas .discipline-content ul li{float:none;width:100%;margin-left:2.5em;padding-left:1em;background:url(../images/bullet.gif)no-repeat left middle;}
#multidisciplinas .discipline-content h2{font-size:1.2em;margin-bottom:1em;}

#multidisciplinas .discipline-content#civil{height:9em;}
#multidisciplinas .discipline-content#familia{height:12em;}
#multidisciplinas .discipline-content#penal{height:26em;}
#multidisciplinas .discipline-content#laboral{height:35em;}


/* Contenido dicsciplinas */

/* FIN ESPACIO MULTIDISCIPLINAR */

/* CONÓCENOS */

.main-content{
	height:37em;
}

#conocenos, #contactenos{
	margin:0 3.3em 0 3em;
	padding:0 0 1em 0;
	display:block;
	font-size:1.2em;
	line-height:1.7em;
	letter-spacing:0.1em;
}
#conocenos p,#contactenos p{margin:1em 0 0 0;}
#conocenos p strong, #contactenos p strong, #multidisciplinas .discipline-content p strong{color:#009;font-size:1.2em;letter-spacing:0em;}
#conocenos p span, #contactenos p span, #conocenos ul li span, #multidisciplinas .discipline-content p span, #multidisciplinas .discipline-content ul li span{color:#333;font-weight:bold; letter-spacing:0.1em;}
#conocenos ul{padding:0 0 0 1em;}
#conocenos ul li{list-style:none;background:url(../images/bullet.gif) no-repeat left 0.7em;padding:0 0 0 1em;margin:1em 0 0 0;}

.main-content div.bar-down{background:transparent url(../images/fondo-azul-rayado.gif) repeat;display:block;position:relative;height:2em;margin:3em 0 0 0;padding:0.3em 0 0 0;}
.consulta-online a span{margin-left:21em;font-size:1.5em;font-weight:bold;}
.consulta-online a{display:block;text-decoration:none;color:#fff;}
.consulta-online a:hover{color:#ccc;}

/* FIN CONÓCENOS */

/* ACCIDENTES */

#accidentes{
	margin:0 3.3em 0 3em;
	padding:0.5em 0 1em 0;
	display:block;
	font-size:1.2em;
	line-height:1.7em;
	letter-spacing:0.1em;
}
#accidentes p{margin:1em 0 0 0;}
#accidentes p strong{color:#009;font-size:1.2em;letter-spacing:0em;}
#accidentes p a{color:#333;}
#accidentes p a:hover{color:#009;}
#accidentes p span, #accidentes ul li span, #multidisciplinas .discipline-content p span{color:#333;font-weight:bold;letter-spacing:0.1em;}
#accidentes ul{padding:0 0 0 1em;}
#accidentes ul li{list-style:none;background:url(../images/bullet.gif) no-repeat left 0.7em;padding:0 0 0 1em;margin:1em 0 0 0;}

/* FIN ACCIDENTES */

/*CONTACTANOS*/

#contactenos{background:#eee;height:20.5em;padding:0.5em 0 0.5em 2em;}
#contactenos ul{margin-top:2em;overflow:hidden;}
#contactenos ul li{float:left;list-style:none;background:url(../images/fondo-contacta-azul.gif) no-repeat;display:inline;;width:26.5em;height:13.2em;color:#fff;margin-right:1em;}
#contactenos ul li h2.
{color:#fff;font-size:1.2em;background:transparent;margin-top:0.5em;padding-left:1em;}
#contactenos ul li p{margin-top:0.1em;padding-left:1.3em;}
#contactenos ul li p span{color:#fff;}
#contactenos ul li p span a{color:#fff;}
#contactenos p.centro a{text-decoration:none;color:#555;display:block;}
#contactenos p.centro a:hover{color:#333;border-bottom:1px solid #333;}

#contactenos p.centro{position:absolute;left:15em;font-size:1.3em;}

/*FIN CONTACTANOS*/

/* PIE */

.separador-pie{
	height:0.2em;
	background:#555;
	margin:1em 0 1em 0;
	clear:both;o
}
.pie{
	display:block;
	padding:0 0 1em 0;
}
.pie img{
	margin-top:1em;
}
.pie p{
	font-size:1em;
	color:#555;
	text-align:center;
	margin:0.3em 0 0 0;
}
.pie p a{color:#555;}
.pie p a:hover{color:#aaa;}

/* FIN PIE */