/* 
	Maquetado por Emiliano Mateu.
	Fecha: 13/06/2008.
	Modificado: 11/07/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
cursor: default;
font-family: serif;
background: url('../images/bg_body.jpg') no-repeat right top;
/*font-family: sans-serif;*/
}
hr{display: none;}
label{cursor: pointer;}
a{cursor: pointer;}
a:active{outline: 0 !important;}
abbr, acronym{cursor: help; border: none;}

/* Estructura */
#contenedor{
width: 1000px;
height: 600px;
margin: 0 auto 0 auto;
background: url('../images/bg_contenedor.jpg') no-repeat right top;
}
#lateral{
float: left;
width: 300px;
}
	#lateral h1{
	padding: 30px 0 0 0;
	}
	#lateral h1 a img{
	border: none;
	}
	#lateral #menu{
	list-style: none;
	padding: 10px 0 20px 10px;
	}
	#lateral #menu li{
	padding: 2px 0 3px 0;
	}
	#lateral #menu li a{
	outline: 0; /* :( */
	height: 20px;
	display: block;
	text-indent: -999px;
	}
	#lateral #menu .b1 a{background: url('../images/b1.png') no-repeat left bottom;}
	#lateral #menu .b2 a{background: url('../images/b2.png') no-repeat left bottom;}
	#lateral #menu .b3 a{background: url('../images/b3.png') no-repeat left bottom;}
	#lateral #menu .b4 a{background: url('../images/b4.png') no-repeat left bottom;}
	#lateral #menu .b5 a{background: url('../images/b5.png') no-repeat left bottom;}
	#lateral #menu .b6 a{background: url('../images/b6.png') no-repeat left bottom;}
	
	#lateral #menu .b1 a:hover,
	#lateral #menu .b1 a:focus{background: url('../images/b1.png') no-repeat left top;}
	#lateral #menu .b2 a:hover,
	#lateral #menu .b2 a:focus{background: url('../images/b2.png') no-repeat left top;}
	#lateral #menu .b3 a:hover,
	#lateral #menu .b3 a:focus{background: url('../images/b3.png') no-repeat left top;}
	#lateral #menu .b4 a:hover,
	#lateral #menu .b4 a:focus{background: url('../images/b4.png') no-repeat left top;}
	#lateral #menu .b5 a:hover,
	#lateral #menu .b5 a:focus{background: url('../images/b5.png') no-repeat left top;}
	#lateral #menu .b6 a:hover,
	#lateral #menu .b6 a:focus{background: url('../images/b6.png') no-repeat left top;}
	
    #s1 #lateral #menu .b1 a{background: url('../images/b1.png') no-repeat left top;}
    #s2 #lateral #menu .b2 a{background: url('../images/b2.png') no-repeat left top;}
    #s3 #lateral #menu .b3 a{background: url('../images/b3.png') no-repeat left top;}
    #s4 #lateral #menu .b4 a{background: url('../images/b4.png') no-repeat left top;}
    #s5 #lateral #menu .b5 a{background: url('../images/b5.png') no-repeat left top;}
    #s6 #lateral #menu .b6 a{background: url('../images/b6.png') no-repeat left top;}
	
	#lateral .swf{
	padding: 0 0 0 10px;
	}

#contenido{
float: right;
width: 700px;
}
	#contenido .swf{
	width: 546px;
	padding: 221px 0 0 0;
	margin: 0 0 0 132px;
	background: url('../images/bg_header_home.jpg') no-repeat left top;
	}
	#contenido .info{
	font-family: "Georgia", serif;
	}
	
	/* Exclusivo #s1 */
	#contenido .info{
	width: 490px;
	height: 234px;
	padding: 245px 0 0 0;
	margin: 50px 0 0 160px;
	}
	#s1 #contenido .info{
	width: 490px;
	height: 255px;
	padding: 15px 0 0 0;
	margin: 0 0 0 160px;
	}
	#s5 #contenido .info{
	width: 490px;
	height: 434px;
	padding: 60px 0 0 0;
	margin: 50px 0 0 160px;
	}
		#s5 #contenido .info .scroll{
		}
		
	#s1 #contenido .info{background: url('../images/bg_home.jpg') no-repeat left top #333;}
	#s2 #contenido .info{background: url('../images/bg_marketing.jpg') no-repeat left top #333;}
	#s3 #contenido .info{background: url('../images/bg_services.jpg') no-repeat left top #333;}
	#s4 #contenido .info{background: url('../images/bg_biopage.jpg') no-repeat left top #333;}
	#s5 #contenido .info{background: url('../images/bg_media.jpg') no-repeat left top #333;}
	#s6 #contenido .info{background: url('../images/bg_contact.jpg') no-repeat left top #333;}
	
		#contenido .info .scroll{
		height: 220px;
		padding: 0 0 0 20px;
		overflow: auto;
		font-family: "Verdana", sans-serif;
		}
		#s1 #contenido .info .scroll{
		height: 270px;
		}
		#s6 #contenido .info .scroll{overflow: hidden;}
		
			#contenido .info .scroll p{
			color: #B5B2AA;
			font-size: 0.9em;
			padding: 0 10px 10px 0;
			}
			#contenido .info .scroll ul{
			color: #B5B2AA;
			padding: 10px;
			margin: 0 0 0 20px;
			list-style: url('../images/vinieta.jpg');
			}
				#contenido .info .scroll ul li{
				font-size: 0.9em;
				padding: 0 0 0 10px;
				margin: 0 0 2px 0;
				}
			
			/* Exclusivo #s5 */
			#contenido .info .scroll .mediaUL{
			list-style: none;
			margin: 0;
			padding: 20px 0 10px 0;
			}
				#contenido .info .scroll .mediaUL li{
				float: left;
				padding: 0 15px 30px 5px;
				}
					#contenido .info .scroll .mediaUL li a img{
					border: none;
					}
			
			/* Exclusivo #s6*/
			#contenido .info .scroll .contacto{
			padding: 0 0 42px 25px;
			}
			#contenido .info .scroll .sitios{
			padding: 0 0 0 25px;
			height: 80px;
			overflow: auto;
			}
				#contenido .info .scroll .sitios ul{
				list-style: none;
				padding: 0;
				}
				
				#contenido .info .scroll a{
				color: #fff;
				text-decoration: none;
				}
					#contenido .info .scroll a:hover,
					#contenido .info .scroll a:focus{
					text-decoration: underline;
					}

		#contenido .info p{
		color: #3D3D3D;
		font-size: 0.75em;
		padding: 5px 0 10px 0;
		}
		
		#contenido .swfVideo{
		width: 240px;
		margin: 0 auto 0 auto;
		padding: 5px 0 17px 0;
		}
		
#pie{
clear: both;
width: 900px;
padding: 20px 0 0 0;
margin: 0 auto 0 auto;
}
#pie p{
color: #999;
font-size: 0.7em;
text-align: right;
font-family: sans-serif;
}
	#pie p a{
	color: #666;
	text-decoration: none;
	}
		#pie p a:hover{
		color: #000;
		text-decoration: underline;
		}
		

/* ///////////////// jScrollPane ///////////////// */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: #383838;
}
.jScrollPaneDrag {
	position: absolute;
	background: url('../images/scroll.png') no-repeat left center #494949;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 16px;
	background: url('../images/arrowUp.png') no-repeat left top;
}
a.jScrollArrowUp:hover {
	/* void, haha */
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 16px;
	background: url('../images/arrowDown.png') no-repeat left top;
}
a.jScrollArrowDown:hover {
	/* void, haha */
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/* void, haha */
}

#popup_foto{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
	#popup_foto table{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	}
	#popup_foto table td{
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	}
	#popup_foto table td img{
	border-top: 2px solid #eee;
	border-left: 2px solid #eee;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	}