@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}body {
	padding: #081F69;
	text-align: center;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background-color: #356666;
}
#container {
	width: 780px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #e3870c;
	text-align: left;
	background-image: url(../images/constitutio_criminalis.jpg);
	background-repeat: no-repeat;
	background-position: 10px 680px;
    }
#header {
	background-image: url(../images/palacio_justicia_murcia.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: right 17px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	position: relative;
}
#header .wrap {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4A632;
	border-top-width: 17px;
	border-top-style: solid;
	border-top-color: #F4A632;
	height: 136px;
}
#header .wrap .nav {
	float: right;
	width: 55.7em;
	text-align: right;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 2px;
}
#header h1 {
	text-transform: uppercase;
	color: #660;
	letter-spacing: 0.8em;
	text-align: right;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: -3px;
	margin-right: -8px;
	margin-bottom: 0px;
	margin-left: 0;
}
#mainContent {
	padding-top: 22px;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/constitutio_criminalis.jpg);
	background-repeat: no-repeat;
	background-position: 10px 540px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F4A632;
}
#sidebar1 {
	float: left;
	text-align: center;
}
#abogadoslinks {
	background-color: #CBCFBE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #FFCC66;
	border-bottom-color: #FFCC66;
	border-left-color: #FFCC66;
	background-image: none;
	background-repeat: repeat-y;
	background-position: 300px top;
	color: #036;
}
#abogadoslinks a {
	font-size: 0.8em;
	color: #036;
	padding-bottom: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CBCFBE;
	padding-left: 2px;
}
#footer {
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #EDEBDC;
}
#footer  p  {
	margin: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#footer {
	bottom:0;
	margin-bottom:6px;
	margin-top:6px;
	border:1px dotted #E3870C;
	text-align:center;
	font-family:'Lucida Sans', sans-serif;
	color:#5f5f5f;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}                 /*position:fixed; bottom:0; left:0;  para mantener el pie abajo y a la izquierda*/
img a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.text {
	border: 1px solid #999900;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	width: auto;
	color: #003366;
	font-size: 1em;
}
.FloatR { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */

    	float: right;
    	margin-left: 8px;
}
.floatI { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
	height:0;
	line-height: 0px;
}
.ilustracionFloatR {
	padding: 4px;
	float: right;
	border: 1px solid #999966;
}
.ilustracionFloatR img {
	padding: 2px;
	border: 1px solid #999933;
}
.flecha {
	color: #339999;
}
.current {
	color: #551A8B;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDD;
}
#enlaces {
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#decoAbogados {
	background-image: url(../images/bgcielo.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height: 50px;
	background-color: #FFFFFF;
}



#bycorbax a   {
	text-decoration: none;
	color: #551A8B;
}
#bycorbax a:hover   {
	color: #666633;
	text-decoration: none;
}
#bycorbax {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.areasdeactuacion   {
	text-transform: uppercase;
	font-size: 0.8em;
	font-style: normal;
	background-color: #EDEBDC;
}
.TabbedPanelsContent h3.areasdeactuacion{
	font-size: 0.95em;
}
.ambitos li h3       {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 6px;
}
.ambitos ol li{
	list-style-image: none;
	list-style-type: decimal;
}
.ambitos li p .ambito  {
	font-size: 1.1em;
}
.TabbedPanelsContent li h3 {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 4px;
	font-style: normal;
}
.objetivos .TabbedPanelsTabGroup img {
	margin-top: 10px;
}
.home  .TabbedPanelsTab a {
	color: #F2A533;
}
.TabbedPanelsContent .imgFloat {
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	border: 2px solid #990;
}
li.TabbedPanelsTab a:link {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
li.TabbedPanelsTab a:hover {
	color: #099;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #099;
}
.TabbedPanelsContentGroup #home p {
	margin-top: 0px;
	margin-bottom: 4px;
	line-height: 1.4em;
}
.objetivos #mainContent {
	background-position: 10px 255px;
	background-image: url(../images/justicia.jpg);
	background-repeat: no-repeat;
}
.ambitos #mainContent {
	background-position: 0px 400px;
	background-image: url(../images/abadia-escudo-plata.jpg);
}
#header .wrap a img {
	margin-top: -10px;
	margin-left: 10px;
}
.TabbedPanelsTabGroup h2 strong {
	letter-spacing: 0.1em;
	margin-left: 4px;
}
#abogadoslinks ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#abogadoslinks ul li {
	display: inline;
}
#abogadoslinks ul li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EDEBDC;
	background-color: #EDEBDC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #EDEBDC;
}
#home img {
	margin-left: 16px;
}
