/*******************************************************************************
  FORMATOS GLOBALES 
*******************************************************************************/

body {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    background-color: White;
    color: Black;
    margin: 0;
    padding: 0;
  	min-width: 800px;
}
a {
    color: #436976;
    background-color: transparent;
	
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0 0 0.75em 0;
    line-height: 1.5em;
}

p img {
    border: none;
    margin: 0;
}

hr {
    border: 0;
    height: 1px;
    color: #990000;
    background-color: #990000;
    margin: 0.5em 0 1em 0;
}
h1, h2, h3, h4, h5, h6 {
    color: Black;
    background-color: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0 0 0.25em 0;
    border-bottom: 1px solid #990000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: Black ! important;
    text-decoration: none;
}
h1 {
    /*font-size: 50px !important;*/
    background-color: #EEEEEE;
    border-color: #990000;
    border-style: solid;
    border-width: 1px;
    padding-top: 0em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
    margin: 0 0 1em 0;
    page-break-before: always;
    font-weight: bold;
}
h1 {
    font-size: 150%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 125%;
    border-bottom: none;
    font-weight: bold;
}
h4 {
    font-size: 110%;
    border-bottom: none;
    font-weight: bold;
}
h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}
h6 {
    font-size: 0.95em;
    border-bottom: none;
    font-weight: bold;
}
ul {
    line-height: 1.5em;
    margin: 0.5em 0 0 2.5em;
    padding: 0;
    list-style-image: url(img/ico_rojo.jpg);
    list-style-type: square;
}
ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 2.5em;
    padding: 0;
    list-style-image: none;
}
#lateral li {
    margin-bottom: 0.25em;
 	background-color:#E6E8E5;
}

#lateral li.primer { margin-top:5px; background-color:#801F36; color:#FFFFFF; text-align: center; list-style: none; }
li a { text-decoration: none; }
dt {
    font-weight: bold;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}


/* Para poner en el primer elemento de la lista. Aumenta un poco el margen superior */

/*
ul { margin: 10px 0 0 10px; padding: 0; }
li {
 background-color:#E6E8E5;
 margin: 0;
 padding: 2px 5px;
 list-style-type: none;
 font-size:100%;
 }

h1 { color: #808080; }
h2 { color: #787878; }
h3 { color: #707070; }
h4 { color: #606060; }
h5 { color: #505050; }

img { border-style: none; }
img.borde { border-style: solid; border-color: #A00000; }
*/
/*******************************************************************************
   ESTILOS GENERICOS
*******************************************************************************/
.contenedor { 
	width: 100% ; 
	min-width: 800px;
	clear: both;
	float: left;
}

#lateral {
	vertical-align:   top;
	width: 15%;
	font-size: 90%;
	text-align:left;
	float: left;
	clear: left;
}

#cuerpo {
	vertical-align:   top;
	width: 60%;
	padding: 10px 50px;
	float: left;
	clear: right;
}


#pie {
    background-color: #EEEEEE;
	font-size: 80%;
    border-top: 1px solid #990000;
    float: none;
	clear:both;
    line-height: 1.2em;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

#pie p {
    margin: 0.25em 0;
}

#pie a {
    text-decoration: none;
    color: #436976;
    border: none;
}

.cab_contenedor { 
	width: 100% ; 
	min-width: 800px;
	background-image: url(img/barra_cabecera2.gif );
	background-repeat: repeat-x;
	clear: both;
	float: left;
}
#cab1 {
	background-image:url(img/barra_cabecera1.gif );
	vertical-align:   top;
	height: 85px;
	float: left;
	clear: left;
}
#cab2 {
	background-image:url(img/barra_cabeceraX.gif );
	vertical-align:   top;
	width: 85px;
	height: 85px;
	float: left;
}
#cab3 {
	background-image: url(img/barra_cabecera2.gif );
	background-repeat: repeat-x;
	vertical-align: middle;
	width: 60%;
	height: 85px;
	text-align:       center;
	font-family:      Arial,Helvetica,sans-serif;
	font-weight:      bold;
	font-size:        140%;
	color:            #000000;
	padding: 10px 50px;
	float: left;
	clear: right;
}

.foto {
	float: left;
	padding: 0 2em 0 0;
}


/* estilo para colocar información al inicio de las pantallas */
.info { color: #787878; font-size: 26px; font-weight:bold; }

.chico { font-size: 10px; }

.grande { font-size: 16px; color: #808080; }

/*******************************************************************************
  CABECERA 
*******************************************************************************/
#cabecera { width: 100%; }

.cab_escudo {
  background-image: url('img/barra_cabecera1.gif');
  background-repeat:repeat-x;
  vertical-align:   bottom;
  width:            100px;
  height:			85px;
}

.cab_cruce {
  background-image: url('img/barra_cabeceraX.gif');
  background-repeat: repeat-x;
  vertical-align:   top;
  width:            85px;
  height:			85px;
}

.cab_texto {
  background-image: url('img/barra_cabecera2.gif');
  background-repeat:repeat-x;
  vertical-align:   middle;
  height:			85px;
  text-align:       center;
  font-family:      Arial,Helvetica,sans-serif;
  font-weight:      bold;
  font-size:        16px;
  color:            #000000;
}


table lateral {
	font-family:      Arial,Helvetica,sans-serif;
	font-size:        12px;
}

table.lateral th {
	font-size:        14px;
	font-weight:      bold;
	color:            #FFFFFF;
	background-color: #801F36;
	text-align:       center;
}

table.lateral td {
	font-size:        14px;
	color:            #000000;
	background-color: #E6E8E5;
	text-align:       left;
}



.fieldRequired {
    background: url(http://defensor.us.es/required.gif) center left no-repeat;
    padding: 0 0 0 1px;
    color: White;
}
.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;
}
.field .field {
    margin: 1em 0 0 0;
}
.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}
.formHelp:hover {
    color: Black;
    cursor: default;
}
.noborder,
.documentEditable * .noborder {
    border: none;
    margin: 0;
    background: none;
    background-color: transparent;
}
.formControls {
   margin: 1em 0;
}
.context,
.documentEditable * .context {
    background: transparent url(http://defensor.us.es/linkTransparent.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 0.95em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
.standalone,
.documentEditable * .standalone {
    background: #EEEEEE url(http://defensor.us.es/linkOpaque.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 0.95em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}