@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../imagenes/background.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*#F0F1F3;*/}


/* contenedores principales*/
#contenedor
{
	margin: 0 auto 0 auto;
	width:1140px;
	background-color:#FFF;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

#cabecera{
	width:1140px;
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	background-image: url(../imagenes/back_cabecera.jpg);
	background-repeat: repeat;
	
}

#contenido{
	width:1080px;
	margin: 25px;
	padding-left: 10px;
		}

/* fin contenedores principales*/





/* inicio menu desplegable*/

#menu01{
	width:1140px;
	height:42px;

}

#menuPrincipal{
	width:1140px;
	height:81px;

}
.menuPrinc  {
	position:relative;
	z-index:5001;
    border-radius: 3px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 875px;
	margin-top:18px;
    /* el color de fondo */
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .menuPrinc  br { display:none; }

  /* cada item del menu */
  .menuPrinc li {
	  
	  font-family:  "Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
	position:relative;
	z-index:5001;
  }
  .menuPrinc li a {

	font-family: "Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color: #EEE;
    display: block;
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .menuPrinc li:first-child a { border-left: none; }
  .menuPrinc li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .menuPrinc li:hover > a {  
  color: #B3B4B4;

 }

  /* los submenús */
  .menuPrinc ul {
	  font-family: "Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
    border-radius: 0 0 5px 5px;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;

    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #FFF;
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .menuPrinc li:hover > ul {
	  
	   opacity: 1; }

   /* cada un ode los items de los submenús */
  .menuPrinc ul li {
    height: 0; /* no son visibles */
	font-family: "Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#808080;
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .menuPrinc li:hover > ul li {
    font-family: "Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#808080;
	height: 36px; /* los mostramos */
    overflow: visible;
  }
  .menuPrinc ul li a {
	font-family: "Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#808080;
	border: none;
	border-bottom: 1px dotted #111;
	margin-right:19px;
	/* el ancho dependerá de los textos a utilizar */
    width: 210px;
  }
  /* el último n otiene un borde */
  .menuPrinc ul li:last-child a { border: none; }

/* fin menu desplegable*/





/* inicio menu lateral*/

.wrap{ 

	width:210px;
	text-align:left;
 }


/* Creamos los estilos del boton */
.button{
	width:208px;
  background:#ffffff;
  padding:7px 20px 7px;
  margin-bottom:-12px;
  color:#333;
  font: 13px 'Droid Sans', Trebuchet MS, Arial, Helvetica, sans-serif;
  text-decoration:none;
  border:1px solid #dde4e6;

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.button:hover{
  width:208px;
  border-color:#8d969d;
    color:#333;
  font: 13px 'Droid Sans', Trebuchet MS, Arial, Helvetica, sans-serif;
  text-decoration:none;
   /* Modificamos el color del borde */

  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #fefefe, #f1f1f1); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #fefefe, #f1f1f1); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #fefefe, #f1f1f1); /* IE10 */
  background:        linear-gradient(top, #fefefe, #f1f1f1);
  
}

.LinksMenu:link {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-top: 5px;
}
.LinksMenu:visited {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-decoration: none;
}
.LinksMenu:hover {
	font-family: "Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: underline;
	color: #CA191A;
}
.LinksMenu:active {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-decoration: none;
}







/* fin menu lateral*/




.Contenido{
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#808080;
	font-stretch:normal;
	padding-left:15px;
	text-align:justify;
	padding-right:15px;
	line-height:165%;
}


/* inicio estilos Textos*/

.TituloSeccion{
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#808080;
	margin-top:-70px;
}

.Titulos{
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#CA191A;
}

.Subtitulos{
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#808080;	
}

.Texto{
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#808080;
	font-stretch:normal;
	text-align:justify;
	line-height:165%;
}


.Texto2{
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#EA0003;
	font-stretch:normal;
	text-align:justify;
	line-height:165%;
}

.LinksLeg:link {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#808080;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-top: 5px;
}
.LinksLeg:visited {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#808080;
	text-decoration: none;
}
.LinksLeg:hover {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none;
	color: #CA191A;
}
.LinksLeg:active {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#808080;
	text-decoration: none;
}

.hr01{
	background:url(../imagenes/Img_HR.jpg);
	background-repeat:no-repeat;
	width:799px;
	height:10px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: -25px;	
}


.hr02{
	width:85%;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
		
/* fin estilos Textos*/




/* inicio bloque contenedores*/
	
.ModLeft{
	width:790px;
	float:left;
	
	}
	
.ModRight{
	width:267px;
	float: right;
	
	}
	
.LegislacionIndex{
	width:265px;
	height:515px;
	background-image:url(../imagenes/back_legislacion.jpg);
	background-repeat:no-repeat;
	border: thin solid #CCC;	
}

.ModContenido{
	
	width:900px;
	float:right;
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#808080;
	font-stretch:normal;
	padding-left:15px;
	text-align:justify;
	padding-right:15px;
	line-height:165%;
}


/* fin bloque contenedores*/





/* inicio pie de pagina*/


#PieLinks
{
	width:1140px;
	height:210px;
	background-color:#494949;
	color:#c0c0c0;
	font-size:12px;
	text-align:center;
	margin:auto;
	padding:10px 5px 5px 5px;
	line-height:132%;
	/*margin-top:8px;*/
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;

}


#piePagina
{
	width:1140px;
	height:68px;
	background-color:#222021;
	color:#c0c0c0;
	font-size:12px;
	text-align:center;
	margin:auto;
	padding:10px 5px 5px 5px;
	line-height:132%;
	/*margin-top:8px;*/
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;

}

.LinksPie:link {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-top: 5px;
}
.LinksPie:visited {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	text-decoration: none;
}
.LinksPie:hover {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	color: #b8b8b8;
}
.LinksPie:active {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	text-decoration: none;
}

/* fin pie de pagina*/

.LinksSub:link {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CA191A;
	text-decoration: none;
}
.LinksSub:visited {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CA191A;
	text-decoration: none;
}
.LinksSub:hover {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: underline;
	color: #808080;
}
.LinksSub:active {
	font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CA191A;
	text-decoration: none;
}