@charset "utf-8";

/*****************************************************
	- Autor: Marcos Iglesias
	- Fecha: 19-01-2010
	- Referencias:	
	- Proyecto: Alfa9 - Ascensores Jordá
	- Función: Estilos para el Layout de Ascensores Jordá
*****************************************************/

	html{background: transparent url(../images/body-bg.gif) repeat 0 0;}
	body{
		 
		 text-align: center;
	}
		.myPage{
			border-right: 1px solid #cccccc;
			border-top: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			width:897px;
			text-align: left;
			padding-left: 10px;
			background-image: url(../images/container-bg.png);
			background-repeat: repeat-y;
			background-position: top left;
		}

/*	---------	Header	-----------------------------*/
	.head{
		background-color: #fff;
		height: 138px;
	}	
		#logo {
			position:relative;
			height:72px;
			width:204px;
			/*left:30px;
			top:19px;*/
			margin:19px 0 0 30px;
			float: left;
			}
			#logo span {
				background: url(../images/jorda-logo.gif) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}
		#language-nav{
			color:#ff0000;
			font-size:1em;
			font-weight:400;
			letter-spacing:-2px;
			float: right;
			display: inline;
			margin:16px 25px;
		}
			#language-nav li{
				float: left;
				display: inline;
			}
		#login-area{
			clear:right;
			display:inline;
			float:right;
			background-color: #ebe7e6;
			height: 60px;
			padding-right: 10px;
			margin: -3px 24px 10px 0;
		}
		*:first-child+html #login-area{width: 287px;}
			#login-btn{
				background:transparent url(../images/jorda-icon-sprite.png) no-repeat scroll 0 0;
				border:medium none;
				float:right;
				height:19px;
				margin:21px 0 0 3px;
				width:22px;
			}
			#login-area dl{
				float: right;
				display: inline;
				margin-top:6px;
				margin-left:3px;
			}
				#login-area dt{text-align: center;padding-bottom:2px;}
				
				#pass-input,
				#user-input{
					width:71px;
					height: 17px;
					border: 1px solid #999999;
				}
			#login-area h5{
				display: inline;
				float: right;
				margin: 24px 3px 0 6px;
			}
			#login-area .lost-password-tag{
				margin-right:35px;
				margin-top:2px;
				text-align:right;
				clear:right;
				display:block;
			}		
		#main-nav{
			height: 27px;
			width: 850px;
			float: left;
			margin: 0px 23px 0 24px;
			background: url(../images/main-nav-bg.gif) repeat-x 0 0;
		}
			#main-nav li{
				display:block;
				float:left;
				height:27px;
				position: relative;
			}
				#main-nav li.active span,
				#main-nav li span{
					letter-spacing: -2px;
					position: relative;
					margin: 0 2px;
					font-weight: 400;
				}
				*:first-child+html #main-nav li span{top:-10px;}
				
			#main-nav li:hover,
			#main-nav li.active{
				background:transparent url(../images/main-nav-hover-left.png) no-repeat scroll left 0;
			}
				#main-nav li.first-item:hover,
				#main-nav li.first-item.active{
					background:transparent url(../images/main-nav-hover-left.png) no-repeat scroll left -33px;
				}
		#main-nav #sub-nav{
			color:#ffffff;
			font-size:1em;
			font-weight:800;
			letter-spacing: -2px;
			float: right;
			margin:8px 17px;
		}
			#main-nav #sub-nav li:hover,
			#main-nav #sub-nav:hover{background: none;}
		
/*	---------	MyColumn	-----------------------------*/
	
	.myColumn{
		width:241px; 
		text-align: left;
	}
	
	/*	---------	Navigation-Menu	-----------------------------*/
	
	/*	OOCSS - Module side-menu, extends mod */
	.side-menu{
		margin:0 0 0 26px;
		height:582px; 
		background: transparent url(../images/side-bar-bg.gif) repeat;
	}
	
	.side-menu .hd{}
		#section-title {
			position:relative;
			height:46px;
			width:215px;
			}
			#section-title span {
				position: absolute;
				width: 100%;
				height: 100%;
			}
			.e-presentacion #section-title span,
			.e-donde #section-title span,
			.e-departamentos #section-title span{
				//background: url(../images/section-title-sprite.gif) no-repeat 0 0;
			}
			.p-intro-ascensores #section-title span,
			.p-tecnologias-hd #section-title span,
			.p-tecnologias-ksj #section-title span,
			.p-ascensores-acabados #section-title span,
			.p-intro-industriales #section-title span,
			.p-industriales-plataformas #section-title span,
			.p-industriales-montacargas #section-title span,
			.p-intro-pmr #section-title span,
			.p-elevadores-apj #section-title span,
			.p-elevadores-hl #section-title span,
			.p-intro-escaleras #section-title span{
				//background: url(../images/section-title-sprite.gif) no-repeat 0 -47px;
			}
			.s-mantenimiento-elevadores #section-title span,
			.s-mantenimiento-electrico #section-title span{
				//background: url(../images/section-title-sprite.gif) no-repeat 0 -94px;
			}
			.n-reglamentacion #section-title span,
			.n-subvenciones #section-title span,
			.n-eventos #section-title span{
				//background: url(../images/section-title-sprite.gif) no-repeat 0 -140px;
			}
	
	.side-menu .bd{}
		.navcontainer{
			width: 100%;
			padding: 0;
			background-color: #e9e9e9;
		}
			.navcontainer ul{
				list-style: none;
				padding: 0 0 0 0px;
				border: none;
			}
			.navcontainer li{
				border-bottom: 1px solid #c8c8c8;
				margin: 0;
			}
				.navcontainer li a{
					display: block;
					text-decoration: none;
					width: 100%;
				}
				html>body .navcontainer li a { width: auto;}
	
				.navcontainer li h4 a{
					background:transparent url(../images/grey-triangle.png) no-repeat scroll 12px 10px;
					color:#000000;
					padding:5px 5px 4px 23px;
				}
				.navcontainer li h4 a:hover,
				.navcontainer li h4 a.current{
					color: #fff;
					background:#000 url(../images/white-triangle.png) no-repeat scroll 12px 10px;
				}
				
				.navcontainer #subnavlist li{
					border-bottom:1px solid #C8C8C8;
					margin:0;
				}
					.navcontainer #subnavlist li a{
						color:#6e6e6e;
						display:block;
						font-size:1.1em;
						font-weight:800;
						padding:5px 5px 5px 28px;
						text-decoration:none;
						width:100%;
					}
					*:first-child+html .navcontainer #subnavlist ul {border-top:1px solid #C8C8C8;}
					.navcontainer #subnavlist ul li a{padding:5px 5px 5px 59px;}
					
					.navcontainer #subnavlist li a:hover,
					.navcontainer #subnavlist li a.current{color:#ff0000;} 
					
				.navcontainer li li li{
					border-bottom:1px solid #C8C8C8;
					margin:0;
				}	
					.navcontainer li li li a{
						display: block;
						padding: 5px 5px 5px 60px;
						color: #6e6e6e;
						text-decoration: none;
						width: 100%;
						font-size:1.1em;
						font-weight:800;
					} 		

/*	---------	Content	-----------------------------*/

	.body{
		background-color: #fff;
		padding:18px 0 5px;
	}
	.index{padding:5px 0;text-align: center;}
		
		.main{margin: 0 auto;}
	

/*	---------	Footer	-----------------------------*/

	.foot{
		background-color: #fff;
		height: 29px;
		clear: both;
	}	
		#copyright{
			display:inline;
			float:right;
			margin-right:24px;
			margin-top:6px;
		}
			#copyright li{
				float: left;
				display: inline;
			}

/*	---------	Common Modules	-----------------------------*/

	/*	OOCSS - Module main-content, extends mod */
	.main-content{
		margin:0 21px;
	}
					
	/*	OOCSS - Module breadcrums, extends mod */
	.breadcrumbs{
		margin:0px;
	}
		.breadcrumbs .inner{
			background-color: #e9e9e9; 
			display:inline-block; 
			padding-right:9px;
		}
		*:first-child+html .breadcrumbs .inner{display:inline;}
		
		.breadcrumbs .bd{}
			.breadcrumbs .bd ul {display:inline;}
				.breadcrumbs .bd ul li{
					display:inline;
					float: left;
				}
				*:first-child+html .breadcrumbs .bd ul li span {position:relative; top:-3px;}
	
	/*	OOCSS - Module two-column-content, extends mod */
	.two-column-content{margin:8px 30px 0 0;}
	/*	OOCSS - Module one-column-content, extends mod */
	.one-column-content{margin:8px 30px 0 0;}
	/*	OOCSS - Module description, extends mod */
	.description {margin:8px 30px 0 0;}
	/*	OOCSS - Module picture, extends mod */
	.picture {margin:2px 0 26px 0;}


/*	---------	Common and Helping Styles	-----------------------------*/

	.grey-bordered{border: 1px solid #e9e9e9; border-top: 15px solid #e9e9e9;}

	.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
	}
	/* Hides from IE-mac \*/
	* html .clearfix { height:1%; }
	/* End hide from IE-mac */	
	
	
/*  ------------ SPAN MAIN TITLE -------------*/
	
	#page-title {
		background-color:#E9E9E9;
		color:#FF0000;
		font-family: Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
		font-size:28px;
		font-style:italic;
		font-weight:bold;
		letter-spacing:2px;
		padding-left:9px;
		padding-top:4px; 	
	}