/* RESET CSS*/
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
	{ margin : 0; padding : 0; }
	ol,ul { list-style : none; }
	address, caption, cite, code, dfn, em, strong, th, var
	{ font-style : normal; font-weight : normal; }
	table { border-collapse : collapse; border-spacing : 0; }
	fieldset,img, img a { border : 0; }
	caption,th { text-align : left; }
	a { outline:none; }
	a img { border:none; }
	em { font-style: italic; }
/* END RESET CSS*/

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    }
	
body {
  background-color:#ffffff; 
}

#general {
   display: table;
   height: 100%;
   width: 100%;
   margin: 0;
}

#flotante {
   display: table-cell;
   vertical-align: middle;
   position: relative;
	ext-align:center;
}


#contenedor {
   width:990px;
   height:680px;
   margin: 10px auto;
   font-family:"Tw Cen MT";
   font-size:14px;
   color:#222222;
}

img {border:none;}

a, a:hover {
 text-decoration:none;
}

.logo {
 margin-left:10px;
}

#idioma {
  float:right;
  margin:20px 40px 0 0;
  border-bottom:1px solid #575656;
  padding-bottom:5px;
}

#idioma a {
 margin:0 5px;
 color:#575656;
 text-decoration:none;
 font-size:12px;
}

#contacto_cabecera {
  background: url(../img/fondo_contacto.jpg) no-repeat left top;
  float:right;
  clear:both;
  margin:0px 25px 0 0;
  width:205px;
  height:19px;
  text-align:right;
  padding: 0px 29px 0 0;
  font-size:10px;
}

#contenido {
  background: url(../img/fondo.jpg) no-repeat left top;
  height:500px;
  margin-top:30px;
  position:relative;
}

#menu {
 margin:9px 40px 0 0;
 float:right;
}
/*
#menu  a{
  margin:0 10px;
 color:#000000;
 text-decoration:none;
 font-size:17px;
}*/

#contenido .home {
  position:absolute;
  top:43px;
  left:41px;
}


#contenido .izquierda{
 width:328px;
 float:left;
 margin:14px 0 0 43px;
 font-size:14px;
 padding:27px 0px 50px 80px;
 text-align:justify;
 position:relative;
}

#contenido .derecha{
 width:492px;
 float:right;
 margin:1px 41px 0 0;
}


#contenido .detalle_izquierda {
 /* background-color:#00ff00;*/
  float:left;
  width:450px;
  margin-left:42px;
  padding:2px 0 0 40px;
  position:relative;
}

#contenido .detalle_derecha {
  float:right;
  width:380px;
   margin-right:42px;
   margin-top:13px;
   text-align:right;
   padding-right:20px;
}


.detalle_izquierda .caracteristicas {
  width: 265px;
  float:left;
  padding-top:30px;
}


.detalle_izquierda .imagenes {
  width: 180px;
  float:right;
  text-align:right;
}


/*----------------------------------------*/
#sobrepie {
  position:absolute;
  bottom:22px;
  left:45px;
  width:900px;
  color:#000000;
  font-size:18px;
  text-align:right;
}

#pie {
  position:absolute;
  bottom:-5px;
  left:45px;
  width:900px;
  border-top:1px solid #000000;
  padding-top:5px;
  color:#676767;
}

#pie .minilogo {
 float:left; 
 margin-right:16px;
}


#pie .copyright {
 font-size:12px;
}

.copyright a {
  color:#676767;
}





/*******************************************************************/
/*estilos para el scroll en jquery*/
#scroll-bar {
	width: 13px;
	height: 359px;
	/*float:left;*/
	background:url(../img/scroll.jpg) no-repeat center top;
	cursor: pointer;
	position:absolute;
	right:-40px;
}


#scroll-bar_top{
	width: 13px;
	height: 138px;
	background:url(../img/scroll_mini.jpg)  no-repeat center top;
	cursor: pointer;
	position:absolute;
	left:20px;
	top:35px;
}


#scroll-bar_bottom{
	width: 13px;
	height: 138px;
	background:url(../img/scroll_mini.jpg)  no-repeat center top;
	cursor: pointer;
	position:absolute;
	left:20px;
	top:235px;
}

#scroll-bar .handle, #scroll-bar_top .handle, #scroll-bar_bottom .handle {
	width: 13px;
	height: 13px;
	background-color:#ffffff;
}
	
	
	
#contenedor_texto {
	width: 300px;
	height: 340px;
	overflow: hidden;
	float:left;
	margin:0 0 20px 0px;
}

#contenedor_texto_top {
	height: 145px;
	overflow: hidden;
	float:left;
	/*background-color:#ff0000;*/
}

#contenedor_texto_bottom {
	height: 145px;
	overflow: hidden;
	float:left;
	margin-top:55px;
	clear:both;
/*	background-color:#00ff00;*/
}

.graficos {
  margin-top:59px;
}  

	
/*este serķa indicador*/	
.dragdealer {
	position: relative;
	height: 30px;
	background: #FF0000;
	margin:0px 0px 20px 0;
}
.dragdealer .handle {
	position: absolute;
	cursor: pointer;
}
.dragdealer .red-bar {
	width: 100px;
	height: 30px;
	background: #CC0000;
	color: #FFF;
	line-height: 30px;
	text-align: center;
}
.dragdealer .disabled {
	background: #898989;
}

/*fin estilos para el scroll en jquery*/