* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 0.9em;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #444;
}
#Baner{
	background-image: url('Images/cabecera2.jpg');
	background-repeat: no-repeat;
	width: 150px;
	height: 50px;
	padding-left: 810px;
	padding-top: 35px;
}
#contenedor {
	width: 950px;
	position: relative;
	margin: 5ex auto;
	overflow: hidden;
}
#caja_roja {
	padding: 15px 15px 0px 15px;
	width: auto;
	position: relative;
	/*padding:15px;*/
}

#content {
	background-color:#006699;
}

#content_i {
	background-color:#006699;
	height:605px;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
h1 {

	padding-top:5px;
	color: #FFFFFF;
	font-size: 130%;
	font-stretch:expanded;
	margin-bottom: 1ex;
	margin:0px;
        /* Solo para decoración, no tiene nada que ver con la solución
          al espacio en blanco */ 
	/*border-bottom:1px dashed #996;*/
}

.rotulo {
	/*background-color: #006699;*/
	padding: 15px;
	display: block;
    width:920px;
    height:263px;
   
}
/* Estilos del Cuadro */

.cabecera {
	
	background: #FFFFFF;
	height:148px;
}

.cuadro {
	background: #fcfaf7;
	width:950px;
}

.cuadro h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #777;
	font-size: 150%;
	margin-bottom: 1ex;
}

.cuadro p {
	text-align: justify;
}

.cuadro p.primera {
margin-bottom: 0.7ex;
}

.sup-1px, .sup-2px, .sup-3px {
	border-bottom: solid #ccae88;
	top: 0;
}

.inf-1px, .inf-2px, .inf-3px {
	border-top: solid #ccae88;
	bottom: 0;
}

.sup-1px, .sup-2px, .sup-3px,
.inf-1px, .inf-2px, .inf-3px {
	overflow: hidden;
	background: #fff;
	position: absolute;
}

.sup-1px, .inf-1px {
	width: 1px;
}

.sup-2px, .inf-2px {
	width: 2px;
}

.sup-3px, .inf-3px {
	width: 3px;
}


/* Estilos de las Esquinas

Esquina Superior Izquierda - Orden de Abajo hacia Arriba */


.si-1 { height: 11px; left: 0; border-width: 0; }

.si-2 { height: 8px; left: 1px; border-width: 3px; }

.si-3 { height: 6px; left: 2px; border-width: 2px; }

.si-4 { height: 4px; left: 3px; border-width: 2px; }

.si-5 { height: 3px; left: 4px; border-width: 2px; }

.si-6 { height: 3px; left: 5px; border-width: 1px; }

.si-7 { height: 2px; left: 6px; border-width: 1px; }

.si-8 { height: 1px; left: 8px; border-width: 1px; }


/* Esquina Superior Derecha - Orden de Abajo hacia Arriba */


.sd-1 { height: 11px; right: 0; border-width: 0; }

.sd-2 { height: 8px; right: 1px; border-width: 3px; }

.sd-3 { height: 6px; right: 2px; border-width: 2px; }

.sd-4 { height: 4px; right: 3px; border-width: 2px; }

.sd-5 { height: 3px; right: 4px; border-width: 2px; }

.sd-6 { height: 3px; right: 5px; border-width: 1px; }

.sd-7 { height: 2px; right: 6px; border-width: 1px; }

.sd-8 { height: 1px; right: 8px; border-width: 1px; }


/* Esquina Inferior Izquierda - Orden de Arriba hacia Abajo */


.ii-1 { height: 11px; left: 0; border-width: 0; }

.ii-2 { height: 8px; left: 1px; border-width: 3px; }

.ii-3 { height: 6px; left: 2px; border-width: 2px; }

.ii-4 { height: 4px; left: 3px; border-width: 2px; }

.ii-5 { height: 3px; left: 4px; border-width: 2px; }

.ii-6 { height: 3px; left: 5px; border-width: 1px; }

.ii-7 { height: 2px; left: 6px; border-width: 1px; }

.ii-8 { height: 1px; left: 8px; border-width: 1px; }


/* Esquina Inferior Derecha - Orden de Arriba hacia Abajo */


.id-1 { height: 11px; right: 0; border-width: 0; }

.id-2 { height: 8px; right: 1px; border-width: 3px; }

.id-3 { height: 6px; right: 2px; border-width: 2px; }

.id-4 { height: 4px; right: 3px; border-width: 2px; }

.id-5 { height: 3px; right: 4px; border-width: 2px; }

.id-6 { height: 3px; right: 5px; border-width: 1px; }

.id-7 { height: 2px; right: 6px; border-width: 1px; }

.id-8 { height: 1px; right: 8px; border-width: 1px; }


/* Estilos del botón */

p.boton a {
	padding: 1ex;
	background: #999999;
	color: #fff;
	text-decoration: none;
}

p.boton a:hover {
	text-decoration: none;
	background: #666666;
	color: #fff;
}

div.top {
    /* La altura es de 20 píxeles ya que ese es el espacio que ocupa
          nuestra imagen de esquina. */ 
        height:20px;
		background-color:#006699; 
		margin:2em 0 0 0;
		margin-top:-4px;
    /*  background-image:url(top_line.gif); 
        background-repeat: repeat-x; */
}
div.top2 {
    /* La altura es de 20 píxeles ya que ese es el espacio que ocupa
          nuestra imagen de esquina. */ 
        height:30px;
		width:920px;
		background-color:#990000;
	/*	margin:2em 0 0 0; 
    /*  background-image:url(top_line.gif); 
        background-repeat: repeat-x; */

}
  img.esquina_sup_izq { float:left; }
  img.esquina_sup_der { float:right; }
  
div.bottom {
        height:20px;
		background-color:#006699; 
    /*  background-image:url(btm_line.gif); 
        background-repeat: repeat-x; */
}
div.bottom2 {
        height:20px;
		background-color:#990000; 
    /*  background-image:url(btm_line.gif); 
        background-repeat: repeat-x; */
}
  img.esquina_inf_izq { float:left; }
  img.esquina_inf_der { float:right; }
.rotulo_i {
/*	background-color:#006699;*/
	height:609px;
	width: 920px;
}

div.boxcontrol {
	/*position: absolute;*/
	display: none;
	width: 920px;
	height: 600px; /*        padding:0 5% 0 5%; */;
	background-color: #FFFFFF;
}

div.boxcontrol2 {
	display: none;
	background-position: 650px 80px;
	width: 920px;
	height: 718px; 
	background-color: #FFFFFF;
	background-image: url('Images/02Fondo.jpg');
	background-repeat: no-repeat;
}
div.boxcontrol3 {
	display: none;
	width: 920px;
	height: 261px; /*        padding:0 5% 0 5%; */;
	background-color: #FFFFFF;
	background-position: 808px 20px;
	background-image: url(Images/03Fondo.jpg);
	background-repeat: no-repeat;
}
div.boxcontrol4 {
		display: none;
		position:relative;
		width:920px;
		height:1500px;
		background-color:#FFFFFF;
		background-position: 650px 20px;
		background-image:url(Images/04Fondo.jpg);
		background-repeat: no-repeat;
		
}

div.boxcontrol5 {
	background-position: 750px 50px;
	display: none;
	position: relative;
	width: 920px;
	height: 390px; /*        padding:0 5% 0 5%; */
	background-color: #FFFFFF;
	background-image: url(Images/05Fondo.jpg);
	background-repeat: no-repeat;
}

div.boxcontrol6 {
	background-position: 250px 65px;
	display: none;
	position: relative;
	width: 920px;
	height: 450px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
div.boxcontrol7 {
	
	display: none;
	position: relative;
	width: 920px;
	height: 2200px;
	background-color: #FFFFFF;
    /*
    background-position: 250px 65px;
	background-repeat: no-repeat;*/
}
div.boxcontrol8 {
	
	display: none;
	position: relative;
	width: 920px;
	height: 2550px;
	background-color: #FFFFFF;
    /*
    background-position: 250px 65px;
	background-repeat: no-repeat;*/
}
div.boxcontrol9 {
	
	display: none;
	position: relative;
	width: 920px;
	height: 3500px;
	background-color: #FFFFFF;
    /*
    background-position: 250px 65px;
	background-repeat: no-repeat;*/
}
.cookies-heading{
margin-bottom: 44px;
}

div.boxcontrol_i {
		width:920px;
		height:268px;
/*        padding:0 5% 0 5%; */
		background-color:#990000;
		background-image:url(Images/portada.gif);
		
}
div.ap{
	background-position: 75px 10px;
	width: 650px;
	position: relative;
	padding-left: 250px;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}

.texto{
/* font-family:"Arial", Helvetica, sans-serif; */
font-weight:300;
font-size:18px;
padding-top:50px;
padding-left:50px;
padding-right:500px;
}

.textot{
/* font-family:"Arial", Helvetica, sans-serif; */
font-weight:300;
font-size:18px;
padding-left:50px;
}
.texto02{
/* font-family:"Arial", Helvetica, sans-serif; */
font-weight:300;
font-size:18px;
padding-top:50px;
padding-left:50px;
padding-right:190px;
}
.texto_ap1{
	/* font-family:"Arial", Helvetica, sans-serif; */
position: relative;
	font-weight: bold;
	font-size: 22px;
	/*color: #0000B9;*/
	color: #990000;
}
.texto_ap2{
	/* font-family:"Arial", Helvetica, sans-serif; */
position: relative;
	padding-top: 2px;
	font-weight: bold;
	font-size: 14px;
	padding-left: 12px;
	color: #006699;
}

div.red_titulo {
width:924px;
        
}

p.design {
	width: 300px;
	height: 40px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;	
	padding: 1ex;
}
a:link {color: #333333}     /* unvisited link */
a:visited {color: #666699}  /* visited link */
a:hover {color: #000000}   /* mouse over link */
a:active {color: #3366CC}   /* selected link */

/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 
#menue
{
    height: 51px;
    display: block;
    width: 950px;
    padding-left: 25px;
    background-color: #FFFFFF;
}
.Cmd
{
    width: 143px;
    height: 47px;
    display: block;
    border-style: none;
    background-image: url('Images/CmdOff.jpg');
    background-repeat: no-repeat;
    font-family: Verdana;
    font-size: 15px;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin-right: 8px;
}
.Cmd:hover, .CmdOn
{
    background-image: url('Images/CmdOn.jpg');
    width: 143px;
    height: 47px;
    display: block;
    border-style: none;
    background-repeat: no-repeat;
    font-family: Verdana;
    font-size: 15px;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin-right: 8px;
}
#PuntoNaranja{
	background-position: 130px 45px;
	background-image: url('Images/check.png');
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-top: 46px; padding-left: 160px;
}
#PuntoAzul{
	background-position: 130px 45px;
	background-image: url('Images/check.png');
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-top: 45px; padding-left: 160px;
	
}
#PuntoVerde{
	background-position: 130px 45px;
	background-image: url('Images/check.png');
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-top: 44px; padding-left: 160px;
	
}
#PuntoMorao{
	background-position: 130px 45px;
	background-image: url('Images/check.png');
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-top: 45px; padding-left: 160px;

}
#PuntoRojo{
	background-position: 130px 45px;
	background-image: url('Images/check.png');
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-top: 44px; padding-left: 160px; 
}
#PuntoNaranja2{
	background-position: 130px 45px;
	background-image: url('Images/check.png');
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-top: 44px; padding-left: 160px;
}
#PuntoAzul2{
	background-position: 130px 45px;
	background-image: url('Images/check.png');
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-top: 44px; padding-left: 160px;
	
}
#Enlaces{
	padding: 10px 15px 0px 5px;
	text-align: right;
}