div#container{font-size: 0.7em;}
div#situacion{ margin: 0px 20px 0px 180px; padding-top: 15px;background-color:transparent; border-bottom: 1px solid #000000; text-align: right;}

.imagenizquierda   { float: left; margin:0 10px 10px 0; color: #777; text-align: center; }

.imagencentrada   { text-align: center; margin: 10px 0 0 0; color: #777; text-align: center;}

.imagenderecha    { color: #777; float: right; margin:0 0 10px 10px; text-align: center; }

div#alt_container{font-size: 0.7em;}
div#situacion{ margin: 0px 20px 0px 20px; padding-top: 15px;background-color:transparent; border-bottom: 1px solid #000000; text-align: right;}
div#situacion a{
 color: #ED7819;
}

.imagenizquierda   { float: left; margin:0 10px 10px 0; color: #777; text-align: center; }

.imagencentrada   { text-align: center; margin: 10px 0 0 0; color: #777; text-align: center;}

.imagenderecha    { color: #777; float: right; margin:0 0 10px 10px; text-align: center; }

a.mtop:link, a.mtop:visited, a.mtop:active {
width:80px;
height:15px;
font-weight:bold;
color:#000000;
text-decoration:none;
padding-top: 2px;
background-repeat: no-repeat;
background-position: left center;
}
a.mtop:hover {
color:#ffffff;
}

/*SECCIONES*/
.listado
{
  padding: 5px 20px 5px 20px;
  display:block;
}

.listado .bloque_seccion
{
  display:block;
  padding: 5px 0px 5px 0px;
  text-align: justify;
  width: 100%;
  margin-top: 5px;
}

.listado .bloque_seccion p
{
 text-indent: 20px;
}

.listado .bloque_seccion h3
{ 
 color:  #000000;
 border-bottom: 1px solid #000000;
 font-size: 1.5em;
 padding:0;
 margin:0 0 5px 0;
}
.titulo_seccion h3
{
color:#000000;
}
/*FIN SECCIONES*/

/*PANEL_IZQDO*/
#left_pane h3
{
 margin-left: 3px;
 margin-top: 0px;
 margin-bottom: 0px; 
 margin-right: 0px; 
 padding:0 0 0 5px;
 color: #EC781A;
 background-color: #FFFFFF;
 border-bottom: 1px solid #EC781A;
 border-top: 1px solid #EC781A; 
 border-right: 1xp solid #EC781A;
/* border-left: 10px solid #24248a;
 border-bottom: 3px solid #24248a;*/
 font-size: 1em;
 font-weight: bold;
}

div#left_pane ul { list-style-type: none; padding: 0; margin: 0 0 0 3px;}

div#left_pane ul a { 
 height: auto;
 display:block;
 padding: 2px 0px 2px 15px;
 background-image: url(../img/vineta.jpg);
 background-repeat: no-repeat;
 background-position: 0 5px; 
 text-decoration: none;
 font-weight: bold;
 color: #000000;
}


div#left_pane ul a:hover {  color:#000000; background-color:  #ffffff; background-image: url(../img/vineta.gif);}

div#left_pane ul a.activo{ color:#000000; background-color:  #d4d393; background-image: url(../img/vineta.gif);}

div#left_pane .sublista { margin-left: 0.8em;}

div#left_pane .sublista a { font-weight: normal; font-size: 0.8em;  padding: 2px 0px 2px 8px;text-decoration: none; background-image: url(../img/vineta2.gif);}

div#left_pane .sublista a:hover{ color:#000000;  background-color: #d4d393;  background-image: url(../img/vineta2.gif);}

div#left_pane .sublista a.activo{ color:#000000; background-color: #d4d393;  background-image: url(../img/vineta2.gif);}

#fommulario h1 {
	display: none;
}
#formulario h3 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em;
font-size:12px;
color:#84719F;
border-bottom: 1px dashed #CCC;
}
#formulario h2 
{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em;
	font-weight: bold;
    font-size:14px;
    color:#FFFFFF;
	background-color: #84719F;
    border: 1px solid #000000;
	padding: 5px;
	margin-top: 6px;
	margin-bottom: 3px;
}


#formulario {
	padding: 10px;
	margin: 0px auto;
/*	background: #FFF;*/
	width: 460px;
	}

#formulario p {
color:#000;
}

#formulario form { 
width : 100%; 
margin : 0; 
padding : 0; 
}
/* this puts a double border around text inputs on pc and firefox etc but not safari */
#formulario input {
border: 1px solid #000000;
}
#formulario textarea {
border: 1px solid #000000;
}
#formulario select {
}
/* holds the submit or update buttons below fieldsets. Use this to create a nice gap between fieldset and button, but try to use same styling as fieldset */
#formulario .submitbox { 
width:95%;
margin : 4px 1em 0 0; 
padding : 10px; 
border : 1px solid #000000; 
background:#ffffff;
color:#84719F;
}
/* all forms are housed in this style, but not the submit buttons */
#formulario fieldset { 
width:95%;
margin : 0 1em 0 0; 
padding :10px; 
border : 1px solid #000000; 
}
#formulario fieldset div.fm-optional {
display : block; /* Default display option for optional divs */
}

#formulario fieldset div.fm-optional label:before {
content: "";  /* Remove asterisk before form labels */
}

#formulario .fm-optional input {
border : 1px solid #000000;  /* Give optional fields a grey border */
}

/* the legend label for forms that sits on the fieldset border */
#formulario legend { 
font-weight : bold;
font-size:12px;
color : #FFFFFF;
border:1px solid #000000;
background-color: #84719F;
margin : 0;
margin-top:5px; 
padding :2px 9px 3px 9px;
}
/* hidden label of form fields, set to display block to avoid need for break tags on form labels. change margin and font details only */
#formulario label { 
display : block;
margin-top:7px;
margin-bottom:3px;
font-weight:bold;
font-size:10px;
color:#000000;
}

/* colour of required indicators and important form messages */

#formulario .alert {
 color:#000000;
 font-weight:normal;
 font-size:9px;
 margin-bottom:2px;
 font-style: italic;
}

#formulario .highlight {
 color:#84719F;
 font-weight:normal;
 font-size:10px;
}
/* makes submit buttons look less clunky on pc and firefox etc. be careful that changing these styles renders buttons right size on all browsers */
#formulario input.submit
{
border: 3px double #999999;
border-top-color: #FFFFFF;
border-left-color: #CCCCCC;
padding: 1px;
background-color: #FFF;
color: #84719F;
font-size: 100%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}



/*FIN PANEL IZQDO*/