@charset "utf-8";


/* --------------------------------------------------------------------	*/
/*	CSS general															*/
/*  -------------------------------------------------------------------	*/
html {
	/*overflow-x:hidden;*/
}

body {
	margin: 0;
	font-family:'TKTypeMedium', Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size:0.625em;
	/*line-height: 16px;*/
	/*text-align: justify;*/
	
	color: #000000;
	background-color: #fefefe;
	
}




/* --------------------------------------------------------------------	*/
/*	CSS custom fonts													*/
/* --------------------------------------------------------------------	*/
@font-face {
	font-family: 'TKTypeRegular';
	src: url('../fonts/tktyperegular-webfont.eot') format('embedded-opentype'),
	     url('http://www.thyssenkruppelevadores.es/puertasdegaraje/fonts/tktyperegular-webfont.woff') format('woff'), 
	     url('../fonts/tktyperegular-webfont.ttf')  format('truetype'),
	     url('http://www.thyssenkruppelevadores.es/puertasdegaraje/fonts/tktyperegular-webfont.otf') format('opentype'),
	     url('../fonts/tktyperegular-webfont.svg') format('svg');
}

@font-face {
	font-family: 'TKTypeMedium';
	src: url('../fonts/tktypemedium-webfont.eot') format('embedded-opentype'),
	     url('http://www.thyssenkruppelevadores.es/puertasdegaraje/fonts/tktypemedium-webfont.woff') format('woff'), 
	     url('../fonts/tktypemedium-webfont.ttf')  format('truetype'),
	     url('http://www.thyssenkruppelevadores.es/puertasdegaraje/fonts/tktypemedium-webfont.otf') format('opentype'),
	     url('../fonts/tktypemedium-webfont.svg') format('svg');
}

@font-face {
	font-family: 'TKTypeBold';
	src: url('../fonts/tktypebold-webfont.eot') format('embedded-opentype'),
	     url('http://www.thyssenkruppelevadores.es/puertasdegaraje/fonts/tktypebold-webfont.woff') format('woff'), 
	     url('../fonts/tktypebold-webfont.ttf')  format('truetype'),
	     url('http://www.thyssenkruppelevadores.es/puertasdegaraje/fonts/tktypebold-webfont.otf') format('opentype'),
	     url('../fonts/tktypebold-webfont.svg') format('svg');
}




/* --------------------------------------------------------------------	*/
/* Estilos en css_editor.css 											*/
/* --------------------------------------------------------------------	*/
p {
	/* top right bottom left */
	/* margin: .25em 0 0.5em 0; */
}


a {
	/*
	color: #000000;
	text-decoration: underline;
	*/
}

a:hover {
	/*
	color: #000000;
	text-decoration: underline;
	*/
}


img {
	border: 0;
	display: block;
}

.imginline {
	border: 0;
	display:inline;
	padding-left: 4px;
	vertical-align:middle;
}

.imginline_2 {
	border: 0;
	margin-top:0px;
	padding-right: 4px;
	display:inline;
	
	vertical-align:middle;
}

.imginline_icopdf {
	border: 0;
	padding-left: 6px;
	display:inline;
	
	vertical-align:middle;
}

.imginline_der {
	float:right;
	margin: 0px 0px 0px 4px;
}

.imginline_der_borde {
	float:right;
	border: 1px solid #CCCCCC;
}




h1 {
	margin:0;
	padding:0;
}




/* --------------------------------------------------------------------	*/
/*	CSS contenedor general												*/
/*  -------------------------------------------------------------------	*/
#all {
	position:relative;
	margin: 20px auto 20px auto;
	width: 960px;
	
}




/* --------------------------------------------------------------------	*/
/*	CSS contenedores comunes											*/
/*  -------------------------------------------------------------------	*/
#logo {
	position:absolute;
	right:0px;
	top:0px;
	
	z-index:10;
}

#frase {
	position:absolute;
	left:0px;
	top:60px;
	
	z-index:5;
}

#puerta_contenedor {
	position:absolute;
	
	/*display:none;*/
}

	#puerta_mask {
		position:relative;
		width:960px;
		height:720px;
		overflow:hidden;
		
		pointer-events:none;
	}
	
		#puerta {
			position:absolute;
			left:0px;
			top:0px;
			
			z-index:1;
			
			pointer-events:none;
			
			/*display:none;*/
		}


#contenido {
	padding: 164px 0px 0px 0px;
	
	display:none; /* Inicialmente oculto */
}

	#contenido h2 {
		margin: 0px 0px 18px 0px;
		padding:0;
		
		font-family: 'TKTypeBold','Arial';
		font-size:2.6em;
		font-weight:normal;
		line-height:1.1em;
		color:#005683;
	}

	#contenido #izq {
		float:left;
		display:inline;
		
		width:294px;
		padding:6px 0px 0px 22px;
	}
	
		#contenido #izq p {
			font-family: 'TKTypeMedium','Arial';
			font-size:1.3em;
			font-weight:normal;
			line-height:1.2em;
			color:#000000;
		}
	
	#contenido #der {
		float:right;
		display:inline;
		
	}
	
	#destacados {
		clear:both;
		margin: 20px 0px 6px 0px;
		
		border-left:1px solid #ccc;
		padding:0px 0px 0px 10px;
	}
	
		#destacados ul {
			list-style:none;
			margin:0;
			padding:0;
			
			
		}
		
			#destacados li {
				margin:0;
				padding:0;
				font-size:1.0em;
				
				float:left;
				display:inline;
				
				width: 160px;
				min-height:170px;
				
				padding:0px 14px 0px 14px;
				border-right:1px solid #ccc;
				
			}
			
				#destacados li h3 {
					margin: 0px 0px 10px 0px;
					padding:0;
					
					font-family: 'TKTypeMedium','Arial';
					font-size:1.5em;
					font-weight:normal;
					line-height:1.1em;
					color:#005683;
				}
				
				#destacados p {
					font-family: 'TKTypeMedium','Arial';
					font-size:1.2em;
					font-weight:normal;
					line-height:1.1em;
					color:#000000;
				}

	
	#contenido a {
		display:block;
		
		font-family: 'TKTypeMedium','Arial';
		font-size:1.4em;
		font-weight:normal;
		line-height:1.1em;
		text-decoration:none;
		color:#ffffff;
		
		background:url(../img/fondo_boton_izq.gif) no-repeat left;
		
		margin: 0px 0px 0px 22px;
		padding: 12px 0px 12px 3px;
		
		width:200px;
	}
	
		#contenido a span {
			display:block;
			
			background:url(../img/fondo_boton_der.gif) no-repeat right;
		
			padding: 12px 0px 12px 16px;
		}
	





/* --------------------------------------------------------------------	*/
/*	CSS ...															*/
/*  -------------------------------------------------------------------	*/









/* --------------------------------------------------------------------	*/
/*	CSS cajas pie														*/
/*  -------------------------------------------------------------------	*/
#pie {
	
}





/* --------------------------------------------------------------------	*/
/*	CSS cajas popups													*/
/*  -------------------------------------------------------------------	*/
#cnt_pop {
	padding: 20px;
	font-size:1.1em;
	color:#000;
}

	#cnt_pop p {
		color:#000;
	}



/* --------------------------------------------------------------------	*/
/*	CSS utiles															*/
/*  -------------------------------------------------------------------	*/
.clear {
	clear: both;
	display:block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size:1px;
	height:0px;
	overflow: hidden;
	visibility:hidden;
}

.alphabg_href {
	position:relative;
	z-index:1;
}