/*-------------------------------------------------------MODIFICACIONES DIRECCION DE SISTEMAS---------------------------------*/
body{background: url("/content/micrositios/33/image/body_background_gray.png");
	border-top: 5px solid #A81520;
}
#cuerpo{background: url("/content/micrositios/33/image/body_background_gray.png") !important;
	border-top: none !important;
}
.encabezado{
	background: url("/content/micrositios/33/image/back.png");
	background-repeat: no-repeat;
	background-position: 2% center; 
	width: 1000px;
	height: 70px;
	background-color: #659A3C;
}
.encabezado .derecha{
	height: auto;
    margin-left: 850px;
    margin-top: 20px;
    position: absolute;
    width: 160px;
}
#areanavegacion ul#navlist li a:hover {color:#000 !important;}
.encabezado p{
		margin-top: 10px;
	}
	#cesion{
    height: 26px;
    width: 1000px;
    margin-top:-28px;
	}
	#cesion .ruta {
    margin-top: 28px;
    position: absolute;
    width: 1000px;
    background: #fff !important;
}
#cesion .ruta .izquierda{
		margin-left: 20px;}

.contenido #centro{
  width: 980px;
  float: none !important;
  height: auto;
  background: #fff;
  }
  
  #centro .slider{
	width: 625px;
	float: left;
}
  
  
  
  .contenido #centro h1,
  .contenido #centro .derecha h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22pt;
  color: #336699;
  }
  .contenido #centro h2,
  .contenido #centro .derecha h2 {
  font-family: Arial, Helvetica, sans-serif;
font-size: 20pt;
color: #336699;
  }

.contenido #centro .derecha h1{
  width: 325px;
  height: auto;
  }
  #cuerpo {
    background: none repeat scroll 0 0 #F0F0F0;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
}
#cuerpo,
#centro{
	padding-top: 11px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    line-height:16px;
    color: #494949;
    text-align: justify;
    line-height: 1.5em;
}
#centro .derecha{
	float: right;
    width: 330px;
}

/*      ----  Slide  --- */

#slideBox{
	position:relative;
	z-index:0;
	margin-bottom: 40px;
        width:580px;
        float:left !important;
	}
	
#slide{
	height:335px;
	margin:0 auto;
	position:relative;
	z-index:0;
	}

#slide>div.activo{display:block;}

#slide>div img{
	background-size: 100% auto;
    height: 335px;
    position: absolute;
    top: 0;
    width: 100% !important;
	}

#slideBox>div p{
	background-color:#;
	bottom:0px;
	color:#fff;
	font:13px Helvetica, Arial, sans-serif;
	opacity:.9;
	padding:7px 15px 5px;
	position:absolute;
	text-align:right;
	left:0px;
	width:907px;
	}

#slide_barraSombra{
	position:absolute;
	bottom:10px;
	right:-10px;
	}
	
#slideLogo{
	position:absolute;
	z-index:0;
	margin-left: 24px;
	}



/*------------------------footer---------------------------------*/
#footer {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100px;
    margin: 0 auto;
    width: 1000px;
}
#footer .mapaSitio{background: none repeat scroll 0 0 #1D2939;
    height: 90px;
    margin: 0 auto;
    padding: 5px;
    width: 991px;}
#footer .mapaSitio p,
#footer .mapaSitio a{color: #FFFFFF;
    font-size: 12pt;
    font-weight: lighter;
    margin-top: 5px;
    text-align: center;
text-decoration: none;}
/*----------estilo de menu del mapa del sitio-----------------*/
#socialesSitios{position:absolute; width:1000px; height:auto;}
.menuSitios ul li{background-repeat: no-repeat !important;background-size: 35px 37px !important;cursor: pointer;float: left; height: 37px;list-style: none outside none;margin-left: 5px;text-decoration: none;width: 37px;}
.menuSitios{left: 27px;margin-top: -46px;position: absolute;width: 291px;}
.mapaSitio{margin-right: 20px;margin-top: -40px;position: relative;right: 0;width: 230px;}
p.derechos {bottom: 0;position: absolute;right: 0;margin-bottom: 20px;margin-right: 14px;font-size:12px !important; font-family:Arial,Helvetica,sans-serif;}


#abajo {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    height: 50px;
    margin: 0 auto;
    width: 1000px;
}
#abajo .contacto{background: none repeat scroll 0 0 #659A3C;
    height: 40px;
    margin: 0 auto;
    padding: 5px;
    width: 991px;}
#abajo .contacto p,
#abajo .contacto p a{color: #FFFFFF;
    font-size: 12pt;
    font-weight: lighter;
    margin-top: 5px;
    text-align: center;
text-decoration: none;}

/*----------estilo de menu de las redes sociales-----------------*/
#sociales{position:absolute; width:1000px; height:auto;}
.menuSociales ul li{background-repeat: no-repeat !important;background-size: 23px auto !important;cursor: pointer;float: left; height: 23px;list-style: none outside none;margin-left: 5px;text-decoration: none;width: 23px;}
.menuSociales{margin-right: 20px;margin-top: -40px;position: absolute;right: 0;width: 230px;}


/*-----------------------------------------------------------------------------------------------------*/
#menu {margin:0 auto;width: 1000px; background:#ffffff; height: 26px; padding: 15px 0;}
#areanavegacion ul#navlist {width: auto !important;}
#areanavegacion ul#navlist li{text-decoration: none; color: #ffffff;font-family: sans-serif;font-style: normal; font-size: 9pt;}
#areanavegacion ul#navlist li a {color: #666666;font-size: 9pt;}
#areanavegacion ul#navlist li a:hover {color: #659A3C;}
#areanavegacion {margin: 0 auto !important; width:950px;}
#areanavegacion ul#navlist li{padding: 0 15px; border-right: 1px solid #666666;}
#areanavegacion ul#navlist li:hover ul#subnavlist a:before{content: none !important; width: 200px;}
#areanavegacion ul#navlist li:hover ul#subnavlist li{border: 0px solid #ffffff;border-bottom: 1px solid #999;}
#areanavegacion ul#navlist li:hover ul#subnavlist li a{width: 200px !important; text-align:left;}
#areanavegacion ul#navlist li:hover ul#subnavlist{background: rgba(100,153,60,0.62);}
#areanavegacion ul#subnavlist li a{color:#ffffff;  padding:5px 0 !important;}
#areanavegacion ul#subnavlist {margin-left: 0;margin-top: 3px;z-index: 20;}

/*------publicacion---------*/
#publicacion{background: #A81520;}
#publicacion .derechos p{padding: 5px !important; color: #fff;}

#centro p.imagen img {
    text-align: center;
}
#cesion a {
    color: #2E6BF0;
}
#centro a{color:#4C6BF0;}
#centro p.imagen{text-align: center;margin: 20px 0;}
#centro #divRss,
#centro #contenido {
    padding: 0 90px;
   text-align:justify;
}

/*------------------------------------efectos sombra-------------------------------------*/
.efecto2
{
  position: relative;
}
.efecto2:before, .efecto2:after
{
/* Posiciona la sombra por detras del color de la caja*/
                  z-index: -1;
                  position: absolute;
                  /* no aplico ningún contenidos HTML */
                  content: "";
                  /* posiciona la sombra con respecto al borde inferior, izquierdo y superior */
                  bottom: 63px;
                  left: 13px;
                  top: 77%;
                  /* configura el ancho */
                  width: 41%;
/* color de fondo */
                  background: #777;
                  /* definicion de la sombra estandar para box-shadow */
                  -webkit-box-shadow: 0 73px 10px #777;
                  -moz-box-shadow: 0 73px 10px #777;
                  box-shadow: 0 73px 10px #777;
                  /* rotacion de la sombra */
                  -webkit-transform: rotate(3deg);
                  -moz-transform: rotate(3deg);
                  -o-transform: rotate(3deg);
                  -ms-transform: rotate(3deg);
                  transform: rotate(3deg);
}

.efecto2:after
{
                  /* rotacion de la sombra */
                  -webkit-transform: rotate(-3deg);
                  -moz-transform: rotate(-3deg);
                  -o-transform: rotate(-3deg);
                  -ms-transform: rotate(-3deg);
                  transform: rotate(-3deg);
                  /* posiciona la sombra con respecto al borde izquierdo y derecho */
                  right: 10px;
                  left: auto;
}

#cesion .ruta .derecha {margin-right: 20px;}

/*----------------------------idioma y menu de cabecera---------------------------------------*/
#menuInicio .menu{right: 0; position: absolute; margin-top: 50px; width: 275px;}
#menuInicio{position:relative; width:960px; height:auto;}
#menuInicio .menu ul li{background-repeat: no-repeat !important;float: left; text-decoration: none; list-style: none;cursor: pointer; background-repeat:no-repeat; padding: 0 14px;}
#menuInicio .menu ul li a{text-decoration: none; color: #ffffff;font-family: sans-serif;font-style: normal; font-size: 8pt;}
.cs-buttons{display:none !important;}


/*-----------------------------------caja del lado del slider------------------------25/oct/2013-------*/
.caja-info{width:auto;
height:auto;
float:left;}