@charset "utf-8";
/* ---------------------------------------------------------------------------------- HTML/BODY -------------- */
	html {height:100%;}
	body{
		font-family: Helvetica, Verdana, sans-serif;
		padding:0; margin:0 auto;
		width:1022px; /* height:auto; */
		min-height:100%;
		overflow: auto;
	}
	.bodyText{
		padding-left:10px;
		padding-right:10px;	
	}
	.bodyText p{margin-top:5px;}	
/* ----------------------------------------------------------------------------------- G E N E R A L -------------- */
	a{color:#e64215; text-decoration:none;}
	a:hover{color:#666; text-decoration:none;}
	a img{border:none;}
	input, textarea{border:1px #ccc solid; color: #333; background-color:#FFF;}
	input.text:focus, textarea.text:focus{border:1px #e64215 solid; /*background-color: #ffffcc;*/ color: #000;}
	.button{width:145px; text-align:center; cursor:pointer;}
	ul li{list-style:none;}
	.right{text-align:right;}
	.size_1{width:350px;}
	.size_2{width:300px;}
	.size_3{width:510px;}
	.underlined{text-decoration:underline;}
	.border{border:1px #e64215 solid; padding:2px;}
	.trsprnt50{opacity:0.5}
	.trsprnt{opacity: 0.8;}
	.trsprnt85{opacity: 0.85;}
	.trsprnt90{opacity: 0.9;}
	.trsprnt95{opacity: 0.95;}
	h1, h2, h3, h4, h5, h6 {color:#e64215;}
/* ---------------------------------------------------------------------------- CONSUMIDOR - Quienes somos - nosotros.html  */ 
	#nosotros div{
		text-align:justify;
		margin-left:60px;
		width:322px; height:auto;
	}
	#nosotros{
		background:url(nosotros.png) center no-repeat;
		width:500px; height:600px;
		margin:0px 0 0 600px;
	}
/* ----------------------------------------------------------------------------- CONSUMIDOR - Marcas - marcas.html  */
	#links {
		background:url(marcas.png) no-repeat;
		float: left;
		margin:80px 0 0 50px;
		width:270px; height:500px;
	}
	#links div{
		padding:20px 20px 20px 20px;
		width:230px;
	}
	#links a {
		font-size:130%;
		color: #000;
	}
	#links a:hover {
		font-size:130%;
		color:#e64215;
		background:#dfdfdf; 
		border:1px #e64215 solid;
	}
	#links a img {height: 0; width: 0; border-width: 0;} /* hide IMAGES */
	#links a:hover img {position: absolute; top: 95px; right: 50%; margin-right:-20px; height: 160px; width: 160px;}
/* ----------------------------------------------------------------------------- CONSUMIDOR - Notitcias - noticias.html  */
	/* see "news - clientnews.html */
/* ----------------------------------------------------------------------------- ESPECIALISTA - Filosofia - filosofia.html  */
	#filosofia div{
		text-align:justify;
		padding:17px;
		margin-left:59px;
		width:285px; height:auto;
	}
/* ----------------------------------------------------------------------------- ESPECIALISTA - Catalogo - catalogo.html  */
	.katalogtable{margin-top:0px; background:url(katalog.png) no-repeat left top;}
	.katalog_tmp{
		padding:30px;
	}
	#katalog_tmp{
		width:700px;
		height:520px;
		padding:5px 0 2px 20px;
	}
/* ----------------------------------------------------------------------------- ESPECIALISTA - Formulario - form.html  */
	#form{
		margin:30px 0 0 35px;
		float:left;
		position: relative;
		border:1px #e64215 solid;
		padding:2px;
	}
	.iframe_form{
		background:#fff;
		width:635px; height:577px;
	}
	.formmarcas tr td{height:24px;}
	#iform, #iform table{
		padding:24px;
		font-size:91%;
	}
/* ----------------------------------------- E X I T O /FORM - */	
	#exito{
		padding:7px 15px 7px 15px;
		background:#FFF;
		position: absolute;
		top:330px;
		right:50%;
		margin-right:-35px;
	}
	#fexito{padding:50px;}
/* ----------------------------------------------------------------------------- ESPECIALISTA - Client News - clientnews.html  */
	#news{
		margin:25px 0 0 9px;
		float:left;
		position: relative; background:none;
	}
	
	.news a h5 {text-align:right;}
	.news a img {float:left; margin:1px 25px 5px 1px; float:left; padding-right:15px;}
	.origin {
		position: absolute;
		float:left;
		bottom:2px; left:20px;
	}
	.lastnew {margin-bottom:20px;}
	.iframe_news{
		width:575px; height:590px;
	}	
/* ----------------------------------------------------------------------------- PRENSA - Notas Prensa - notasprensa.html */
	#press{
		margin:25px 0 0 9px;
		float:left;
		position: relative; background:none;
	}
	.press {
		background-color:#FFF;
		position: relative;
		float:left;
		margin:10px 2px 0px 10px; 
		padding:20px 20px 10px 20px;
		text-align:justify;
		font-size:85%; border:1px #e64215 solid;
	}
	.press a h5 {text-align:right;}
	.press a img {float:left; margin:1px 25px 5px 1px; float:left; padding-right:20px;}
	.date {float:right; position: relative; top:0; margin-top:-15px;}
	.lastarticle {margin-bottom:20px;}
	.iframe_press {width:545px; height:590px;}
/* ----------------------------------------------------------------------------- PRENSA - Prensa - prensa.html - !!! DreamHost !!! */
	#prensa{
		background:#fff;
		width:250px; height:auto;
		margin:260px 0 0 55px;
		font-size:1em;
		font-weight:bold;
	}
	#prensa a{margin-left:15px;}
	#imageroute{
		position:absolute;
		top:85px;
		left:50%; margin-left:-470px;
		padding:5px 15px 5px 15px;
		background-color:#FFF;
	}
	#space{height:50px;}
	#imagegroup{
		background:#fff;
		text-align:left;
		margin:30px;
		padding:13px;
		width:550px;
	}
	#imagegroup table{
		font-size:.8em;
		width:90%;
		border:1px #e64215 solid;
		border-collapse: separate;
	}
	#imagegroup table td{border:1px #ccc solid;}
/* ----------------------------------------------------------------------------- PRENSA - Contacto marketing - marketing.html */
	#marketing{
		width:520px; height:auto;
		background-color:#fff;
		margin:40px 0 0 40px;
		padding:20px;
	}
	#marketing form{
		font-size:85%;
	}
/* ----------------------------------------------------------------------------- CONTACTO - contacto.html */
	#contacto{
		width:550px; height:180px;
		margin:27px 0 0 0px;
		padding:12px;
	}
	#contacto table {
		width:520px;
		height:175px;
		border:none;
		font-size:90%;
	}
	#message{
		background-color:#FFF;
		width:471px; height:auto;
		margin:1px 0 0 43px;
		padding:2px;
		font-size:80%;
	}
	#message form{
		padding:35px;
		vertical-align:middle;
	}
/* ---------------------------------------------------------------------------------- VIDEO ------------- */
	#video{
		background-color:#FFF;
		width:895px;
		height:570px;
		padding:20px 0px 0px 20px;
		margin:7px 0px 0px 25px;
	}
	#video form{text-align:right; margin-right:26px; margin-top:10px;}
/* ----------------------------------------------------------------------------- Aviso legal - footer  */ 
	#footer{
		text-align:right;
		font-size:0.7em;
		right:50%;
		margin-right:-511px;
		top:705px;
		position: absolute;
	}
	#aviso {
		padding:10px 155px 10px 120px;
		color: #000;
		text-align:justify;
		bottom:0;
	}
/* ----------------------------------------------------------------------------- ! OBRAS ! --------- */
	#obras{
		background:#fff;
		width:250px; height:auto;
		margin:250px 0 0 55px;
		font-size:0.85em;
	}
	#obras a{margin-left:15px;}
	img.obras{
		position:absolute;
		top:640px;
		right:50%;
		margin-right:-475px;
	}
	div.obras{
		position:absolute;
		top:250px;
		right:50%;
		padding:5px 15px 5px 15px;
		background-color:#FFF;
	}
/* ---------------------------------------------------------------------------------- ERROR PAGE -------- */
	#errorpage{
		width:440px;
		padding:25px 45px 25px 45px;
		margin-top:3px;
		margin-left:250px;
	}
	#errorpage ul li a, #errorpage p a{padding:0;}
	#errorpage a{padding-left:25px;}
/* ---------------------------------------------------------------------------------- M E N U ---------- */
/* MENU - Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com	
	Get this and other scripts at www.dhtmlgoodies.com */
	#mainMenu{
		margin-left:40px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:1.2em;	
		position:relative;
	}
	#mainMenu ul li{display:inline;}
	#mainMenu a{
		padding-right:35px;
		position:absolute;
	}
	#mainMenu .activeMenuItem{
		color: #fff;
		cursor: default;
		font-size:1.2em;
	}
	#mainMenu .inactiveMenuItem{
		color: #f1876a;
		cursor: default;
		font-size:1.2em;
	}
	#submenu{		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;		
		padding-left:70px;
		padding-top:10px;
		width:100%;		
	}
	#submenu b{color: #f1876a;}
	#submenu div{white-space: nowrap;}		 
	#submenu a{	
		text-decoration:none;
		padding-left:5px;
		padding-right:5px;
		color: #f1876a;
		font-size:1.0em;
	}	
	#submenu a:hover{color: #fff;}
	#submenu a.activepage{color: #fff;}