/* 
   Desarrollo Bahia
   CSS file
   Bootstudio, 2007
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


body {
 	margin: 0;
 	padding: 0;
 	background-color: #003366;
 	font-family: "Lucida Grande", Arial, Helvetica, "sans serif";
 	font-size: 0.9em;
 	text-align:center;
 	background-image: url(../images/body_bg.png);
  	background-repeat: repeat-x;
}

#wrapper{
	width:	870px;
	text-align:left;
	margin: 0 auto 0 auto;
	}

.left {
  	float: left;
}

.right {
  	float: right;
}

.clearfix {
  	font-size: 0.5em;
  	clear: both;
}

hr { 
     width: 400px;
	 height: 1px; 
     margin: 20px 0;
	 border: 0; 
	 color: #4C79A5;
     background: #4C79A5; 
}




/* Header 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
 	position: relative;
 	width: 100%;
	height: 170px;
	padding:0;
	background-image: url(../images/header_background.jpg);
	background-repeat: no-repeat;

}

#header-en {
	 position: relative;
	 width: 100%;
	 height: 170px;
	 padding:0;
	 background-image: url(../images/header_background_en.jpg);
	 background-repeat: no-repeat;

}
#header .col1 {
	padding:0;
	margin:0;
	float:left;
	width:338px;
	}
#header .col2 {
	padding:0;
	margin:0;
	float:left;
	width:532px;
	}
#header-en .col1 {
	padding:0;
	margin:0;
	float:left;
	width:338px;
	}
#header-en .col2 {
	padding:0;
	margin:0;
	float:left;
	width:532px;
	}

/* Logo
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header h1 {
	 margin: 10px 0 0 0;
	 padding: 0;
	 float:left;
	 display: block;
}
#header h1 a {
	  width: 81px;
	  height: 110px; 
	  background-image: url(../images/logo_old_browsers.jpg);
	  background-repeat: no-repeat;
	  display: block;
}
#header h1>a {
	  width: 88px;
	  height: 117px; 
	  background-image: url(../images/logo_modern_browsers.png);
}
#header h1 span {
  display: none;
}

/* ---en*/

#header-en h1 {
	 margin: 10px 0 0 0;
	 padding: 0;
	 float:left;
	 display: block;
}
#header-en h1 a {
	  width: 81px;
	  height: 110px;
	  background-image: url(../images/logo_old_browsers.jpg);
	  background-repeat: no-repeat;
	  display: block;
}
#header-en h1>a {
	  width: 88px;
	  height: 117px;
	  background-image: url(../images/logo_modern_browsers.png);
}
#header-en h1 span {
	  display: none;
}










/* Languages 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#languages {
	display:block;
 	margin:5px 0 0 0;
 	padding:0;
 	list-style-type: none;
	color: #b2b2b2;
	font-size: 0.9em;
	float:left;
	text-align:left;
	clear:both;
}
#languages ul {
	list-style:none;
	margin:0;
 	padding:0;
	}
#languages li {
	  margin:0;
	  padding:0;
	  border-right: 1px solid #b2b2b2;
	  float:left;
}
#languages li#espanol {
	  border: 0;
}
#languages li a {
	  color: #fff;
	  text-decoration: none;
	  padding:0 7px 0 7px;
}

#languages li span {
	  color: #ff0;
	  text-decoration: none;
	  padding:0 7px 0 7px;
}

#languages li a:hover {
	  color: #ff0;
	  text-decoration: underline;
}


#languages li.selected span{
	  color: #999;
}


















/* Navigation Menu    Este menu fue reemplazado por DW Spry Menu Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#mainNav {
	margin:86px 0 0 0;
	padding:0;
	float: left;
	height: 34px;
	width:450px;
	font-size:12px;
	
	}
#mainNav ul {
	list-style: none;
	margin: 0;
  	padding: 0;
}
#mainNav li {
   	margin:0;
  	padding:0;
	float:left;
	display:block;
	text-align:center;
}

#mainNav li a {
   	margin:0;
  	padding:9px 10px 10px 10px;
	display:block;
  	font-weight: bold;
  	text-decoration: none; 
  	color: #fff;	
}
#mainNav li a:hover {
  	color: #ff0;
}
#mainNav li.selected a {
  	color:#ff0;
}
#secNav {
	position: absolute;
	margin: 0;
	padding:0;
	height: 34px;
	width: 300px;
	
	font-size:12px;
}
#secNav ul{
	margin:0;
	padding:0;
	list-style-type: none;
	
}
#secNav li a {
   color: #ff0;
   text-decoration: none;
   font-weight: bold;
   background-image: none;
}
#secNav li a:hover {
  	background-image:none;
	color: #ff0;
}















/* Container 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#container {
  position: relative;
  padding: 0;
  margin:0px 0 0 0;
  color: #fff;
}


/* Sidebar 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar {
  width: 310px;
  padding: 0;
  margin:0;
  float:left;
}


/* Content  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#content {
	 position: relative;
	 width: 520px;
	 margin: 0 0 0 338px;
}
#content h2 {
	 margin: 0 0 10px 0;
	 padding: 0;
	 
	 color: #99ffff;
	 
	 font-size: 0.8em;
	 font-weight: normal;
	 text-transform: uppercase;
}


#content h3 {
	 margin: 0 0 7px 0;
	 padding: 0;
	 color: #fff;
	 font-size: 1.2em;
	 font-weight: normal;

}




#content p {
	 margin: 10px 0 14px 0;
	 
	 font-size: 0.9em;
	 line-height: 1.3;
}



#content p.boton_next {
	  margin: 10px 0;
	  text-align: right;
	  border:0;
}

#content p.boton_back {
	margin: 0 0 7px 0;
	text-align: left;
	border:0;
	float: left;
}

#content a {
	  color: #72AAD3;
}


#content a:hover {
	  color: #72AAD3;
}

#content ul {
  margin: 0 0 30px 20px;
  padding: 0;

  color: #ff0;
  
  font-size: 0.8em;
}

#content ul li {
  margin: 0 0 7px 0;
  padding: 0;
  color: #fff;
}

#content div#especificaciones {
  height: 200px;
  margin: 0 0 30px 0;  
  overflow: auto;
}

#content div#thumbnails {
	display:block;
	float:left;
	clear:right;
	text-align:center;
	width:100%;
}

#content div#thumbnails a {
	margin: 7px;
	padding: 5px;
	border: 1px solid #efefef;
	text-align:center;
	float: left;
	font-size: 0.7em;
	text-decoration:none;
	display:block;
}


#content div#thumbnails a:hover {
 padding: 4px;
 border: 2px solid #fff;
  text-align:center;
  font-size: 0.7em;
  text-decoration:none;
 
}

#content div#thumbnails img {
	margin:0 0 3px 0;
	}

/* Features  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#features_box {
	width: 500px;
	margin: 0px;
	height:150px;
	padding: 14px 0 14px 8px;
	background-color: #2a557f;
	position: absolute;
	top: 390px;
	left: 0px;
}


#features_box div.col {
  width: 120px;
  margin: 10px 25px 0 0;
  
  float: left;
}

#features_box div.col-text-gif{
	width: 40px;
  	margin: 10px 25px 0 0;
  	float: left;
	text-align:center;
}

#features_box div.col h4 {
 margin: 0 0 4px 0;
 padding: 0;
 
 color: #99ffff;
 
 font-size: 0.7em;
 font-weight: normal;
 text-transform: uppercase;
}


#features_box ul {
  margin: 4px 0 0 0;
  padding: 0;
  list-style-type: none;
}


#features_box ul li {
  margin: 0 0 2px 0;
  padding: 0;
}



#features_box ul a {
  color: #fff;
  
  font-size: 0.7em;
  text-decoration: none;
}


#features_box ul a:hover {
  color: #ff0;
}



/* Footer 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
  display: none;
}












/* Styles para el Scroller 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#up {position:absolute; left:500px; cursor:pointer;}
#down {position:absolute; left:500px; cursor:pointer;}

#cont {
	position:absolute;
	width:484px;
	overflow:hidden;
	top: 40;
}
.txt {
	position:absolute;
	left:0px;
	top:0px;
	width:485px;
	visibility: visible;
}