body {
	font-family: Verdana, Geneva, sans-serif;
	margin:0 auto;
	font-size:13px;
}
ul, li{
	margin-bottom:5px;
}

ol {
	list-style-type:circle;
}

#contenedor-ppa{
	width:650px;
	margin:0 auto;
	float: left;
    height: auto;
	background-color:#f3f8ec;
		padding-top:30px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 30px;
	}

#contenedor-ppa-web{
	margin:0 auto;
	background-color:#f3f8ec;
		height:1580px;
		padding-top:30px;

}


#contenedor-ppa-simulacion{
	width:900px;
	margin:0 auto;
	background-color:#f3f8ec;
		height:280px;
		padding-top:30px;

}

#contenedor-ppa-solucion{
	width:900px;
	margin:0 auto;
	background-color:#f3f8ec;
		height:380px;
		padding-top:30px;

}

a:link {
	text-decoration: none;color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.bx-prev{
	
		color:transparent;

}

.bx-prev a:hover{
	color:transparent !important;
}

.bx-next{

		color:transparent;

}

.bx-next a:hover{
	color:transparent;
}


#home{
	width:650px;
	height:70px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:30px;
}

#cabecera{
	width:650px;
	height:70px;
	margin:0 auto;
	
}

#social{
	float: left ;
	width:350px;
	margin-top:20px;
	text-align: left;
}

#social-footer{
	float: right;
	width:130px;
	margin-top:15px;
	text-align: left;
}

#menu-head{
	float: right;
	text-align:right;
	width:650px;
	margin-top:15px;
	color:#94c153;
	font-size:14px;
}

#menu-head a{
	color:#94c153;
	font-size:14px;
}

#menu-head a:hover{
	color:#000;
	font-size:14px;
}


#logo{
	width:400px;
	float:left;
	margin-top:30px;
}


.barra {
	color: #000;
}

#contenedor{
	width:900px;
	margin:0 auto;
}


.demo-wrap .bx-prev {
    background: url(images.htm/flecha2.jpg) no-repeat;
    height: 38px;
    position: absolute;
    width: 55px;
	color:transparent;
	margin-top:-20px;
}

.demo-wrap .bx-next{
    background: url(../images.htm/flecha.jpg) no-repeat;
    height: 38px;
    position: absolute;
    right: -15px;
    width: 35px;
	color:transparent;
	margin-top:-20px;
}

.bx-pager {
    text-align: center;
}
.bx-pager a {
	background-image: url(../images.htm/gris.png);
	background-repeat:no-repeat;
	background-position:center;
	color:transparent;
    font-size: 16px;
    padding: 0 10px;
}
.bx-pager .pager-active, .bx-pager a:hover {
background-image: url(../images.htm/verde.png);
background-repeat:no-repeat;
background-position:center;
text-decoration: none;
color:transparent;
}


#menu-wrapper{
	position:absolute;
	z-index:1;
	margin-top:45px;}
	
#slider{
	margin-top:130px;
	margin-left:40px;}
	
#menu-tres{
	margin:0 auto;
	padding-top:20px;
}
	
	
ul#menu {
	background-image:url(images.htm/fondo-menu.png);
	background-repeat:repeat-x;
  margin: 0 auto;
  border: 0 none;
  padding: 0;
/*  width: 500px;*/ /*For KHTML*/
	width:900px;
  list-style: none;
  height: 31px;
  /*border:1px solid #eee;*/
  padding-bottom:0px;
}

ul#menu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
}
ul#menu li{
	padding-bottom:10px;
}
ul#menu li:hover{
	background:#d8e3c9;
}


ul#menu-tres {
background-image:url(images.htm/fondo-menu.png);
	background-repeat:repeat-x;  margin: 0 auto;
  border: 0 none;
  padding: 0;
/*  width: 500px;*/ /*For KHTML*/
	width:900px;
  list-style: none;
  height: 34px;
  padding-bottom:0px;
}

ul#menu-tres li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
}
ul#menu-tres li{
	padding-bottom:10px;
}
ul#menu-tres li:hover{
	background:#d8e3c9;
}

ul#menu  ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 210px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  background: #eee;
  border: none;
    margin-top:8px;
	margin-left:-55px;
}

ul#menu  ul a{
 padding-top:-8px;
 padding-left:55px;
 padding-right:10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #737476;
  text-decoration: none;
  font-size:14px;
/*  border-right:1px solid #818181;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}


ul#menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  margin-top:-10px;
}

ul#menu ul li {
	margin-top:-4px;
	margin-bottom:7px;
	width: 210px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu a {
  padding: 7px 55px 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #000;
  text-decoration: none;
  font-size:16px;
/*  border-right:1px solid #818181;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#menu-tres a {
	text-align:center;
  padding: 6px 111.5px 5px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #000;
  text-decoration: none;
  font-size:14px;
/*  border-right:1px solid #818181;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
color: #737476;

}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
  float: none;
  border:none;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
  color: #737476;
  padding-top
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
  color: #666;
}

/* 3rd Menu Hover Persistence */

ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
background:#ddd;
  color: #FFF;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
background:#ddd;
  color: #666;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
}

ul#menu .selected{
	color: #003300;
}


.menu-inferior a{
	color:#000;
	float:left;
	width:280px;
	margin-left:30px;
	background-image:url(images.htm/fondo-menu.png);
	background-repeat:repeat-x;
	  height: 35px;
	  text-align:center;
	padding-top:6px;

}

.menu-inferior1 a{
	color:#000;
	float:left;
	background-image:url(images.htm/fondo-menu.png);
	background-repeat:repeat-x;
	width:280px;
	height: 35px;
	text-align:center;
	padding-top:6px;

}

.menu-inferior a:hover{
	background-color:#d9e5cb;
	background-image:none;
	height: 28px;
}

.menu-inferior1 a:hover{
	background-color:#d9e5cb;
	background-image:none;
		height: 28px;

}


#contenido{
	margin:0 auto;
	width:900px;
	margin-top:60px;
	text-align:left;
}
.col1{
	width:280px;
	float:left;
	margin-bottom:30px;
	padding-top:20px;
	padding-left:20px;
}

.col2 {
	width:240px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;
	border:1px solid #d8e3c9;
	margin-top:12px;
}

.centrado {
	width:800px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;
	border:1px solid #d8e3c9;
	margin-top:12px;
	padding:20px;
}



.col3 {
	width:540px;
	float:left;
	margin-left:60px;
margin-bottom:30px;
border-bottom:1px solid #d8e3c9;
margin-bottom:30px;
padding-bottom:15px;}



.colaborador {
	height:80px;
	width:500px;
padding-bottom:15px;
margin-top:15px;}


.col4 {
	width:800px;
	float:left;
	margin-left:60px;
margin-bottom:30px;
border-bottom:1px solid #d8e3c9;
margin-bottom:30px;
padding-bottom:15px;}

.col4 li a:hover{background-color:#FAAC58; color:#00000; padding:5px; font-size:14px; font-weight:bold;}


.col2 a{
	
	color:#717274;
}

.col2 a:hover{
	color:#000;
}


.titulos{
	font-size:14px;
	color:#666;
}

.img{
	margin-top:10px;
	margin-top:20px;
}

#lineamenu{
	height:30px;
	text-align:center;
	color:#38302b;
}

#menu-tres{
	height:30px;
	text-decoration: none;
	
}

.menuHorizontal {
	display: inline;
	padding: 10px 98px;
	height:20px;
	text-align:center;
	line-height: 25px;
	background-color:#EEEEEE;
}

#footer{
	margin: 0 auto;
	background-image: url(images.htm/fondo_gris.png);
	height:80px;
	clear:both;
	width:900px;
}


#menuf{
	width:900px;
	margin: 0 auto;
}

#menu-footer{
	float: left;
	text-align: left;
	margin-top:15px;
	color:#94c153;
	font-size:10px;
}

#menu-footer a{
	padding:0 10px;
	color:#000;
}


#menu-footer a:hover{
	padding:0 10px;
	color:#94c153;
	background-color:transparent !important;
}

.imagproducto{
	float:left;
	width:200px;
	margin-right:30px;
	border:0;
	margin-top:17px;
}

.imagcolaborador{
	float:left;
	width:80px;
	margin-right:10px;
	border:0;
}

.imagnoticia
{
	float:left;
	width:240px;
	margin-right:30px;
	border:0;
	margin-top:17px;
}
.textoproducto{
	float: left;
	margin-left:200px;
}

#ext{
	float:left;
	width:600px;
	
}

.titulo{
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#38302B;
	background-image:url(images.htm/menu-bg-verde.png);
	background-repeat:repeat-x;
	background-color:#94c153;
}


#breadcrumbs{
	margin:120px 0 auto;
	width:900px;
	color:#94C153;
}

#breadcrumbs2{
	margin:5px 0 auto;
	width:900px;
	color:#94C153;
}

.breadcrumbs-p {
	font-size: 10px;
	margin-left:10px;
	margin-bottom:20px;
	color:#94C153;
}


.breadcrumbs-p a:hover{
	color:#737476;
}


.breadcrumbs-t {
	margin-left:10px;
}

.menulateral{
	padding-left:60px;
}

.tit {
	color: #94c153;
	font-size:15px;
}

.verde {
	color: #94c153;
}

.tit a{
	color: #94c153;
	font-size:15px;
}

        	
#sliderContainer { width: 940px; height: 300px; position: relative; border-top: 5px solid #999; border-bottom: 5px solid #999; margin: 0 auto; }

.slideContent {  background:url("../../images/contentBg.png") repeat scroll 0 0 transparent; position: absolute; bottom:0px; right:0px; padding: 10px; width: 920px; }

.slide h3 {  font: 26px/1em 'Rokkitt', serif; color: #FFF;  margin: 0 0 5px 0; }

.slide p { font-size: 14px; color: #FFF; margin: 0; }

.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }

.jFlowSlideContainer a:hover { text-decoration: none; }

.jFlowSlideContainer a:focus { position: relative; top: 1px; }

.jFlowNext { background:url("../../images/arrows.png") no-repeat scroll 0 -35px transparent; height:130px; position:absolute; top:75px; right: -50px; width:50px; cursor:pointer; }

.jFlowPrev { background:url("../../images/arrows.png") no-repeat scroll -84px -35px transparent; height:130px; position:absolute; top:75px; left: -50px; width:50px; cursor:pointer; }

.jFlowPrev:hover { background-position: -84px -235px; }

.jFlowNext:hover { background-position: 0px -235px; }


/* controller pagination */

#myController {position: absolute; top: 5px; right: 5px; }

.jFlowControl { background:url("../../images/bullet.png") no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}

.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px;   }