/*
  $Id: styles.css,v 1.56 2006/04/03 09:56:02 hpdl Exp $

  Productos Metalest S.L.
  http://www.metalest.com

  Copyright (c) 2006 BSC AIPPEM, S.L.

*/

/* Cuadro alrededor de la web --------------------------------- */
#tableBodyMain {
	margin: 0;
	padding: 0;
	background-color: #BAC2C8;
}
.mainTopLeft      { height: 10px; background-color: #BAC2C8; font-size: 6px; }
.mainTopCenter    { height: 10px; background-color: #BAC2C8; font-size: 6px; }
.mainTopRight     { height: 10px; background-color: #BAC2C8; font-size: 6px; }
.mainMiddleLeft   { background: url(./cont/images/marco/mainMiddleLeft.gif) repeat-y top right; }
.mainMiddleCenter
{
	width: 778px;
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	padding: 0px;
}
.mainMiddleRight  { background: url(./cont/images/marco/mainMiddleRight.gif) repeat-y top left; }
.mainBottomLeft   { height: 12px; background-color: #BAC2C8; background: url(./cont/images/footer/corner_left.gif) no-repeat top right; }
.mainBottomCenter { height: 12px; background-color: #BAC2C8; }
.mainBottomRight  { height: 12px; background-color: #BAC2C8; background: url(./cont/images/footer/corner_right.gif) no-repeat top left; }
/* Fin del Cuadro alrededor de la web ------------------------- */

BODY {
  background: #BAC2C8;
  color: #000000;
  margin: 0px;
}

/* Enlaces ----------------------------------------------------- */
A {
	font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans serif;
	color: #06518C;
	font-weight: bold;
	text-decoration: none;
}

A:hover {
	font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans serif;
	color: #7C2A1B;
	font-weight: bold;
	text-decoration: none;
}

A.big {
	font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans serif;
	font-size: 15px;
	color: #06518C;
	font-weight: bold;
	text-decoration: none;
}

A.big:hover {
	font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans serif;
	font-size: 15px;
	color: #7C2A1B;
	font-weight: bold;
	text-decoration: none;
}

A.VerFicha {
	display: block;
	background: url(./cont/images/minibox.gif) no-repeat top left;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #06518C;
	font-weight: bold;
	text-decoration: none;
}

A.VerFicha:hover {
	display: block;
	background: url(./cont/images/minibox.gif) no-repeat top left;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #7C2A1B;
	font-weight: bold;
	text-decoration: none;
}

/* Fuentes ----------------------------------------------------- */
.normal { font-size: 12px; }
.medium { font-size: 11px; }
.small { font-size: 10px; width: 100%; }
.blue { color: #294A69; }
.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.width100 { width: 100%; }

H1 {
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-weight: normal;
	font-size: 22px;
	color: #000;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

H2 {
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-weight: normal;
	font-size: 18px;
	color: #000;
	margin: 0px;
}

H3 {
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	margin: 0px;
}

H4 {
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin: 0px;
}

/* Formularios ------------------------------------------ */
FORM { display: inline; }
SELECT.justify { width: 100%; }
SELECT.normal { font-family: Verdana, Tahoma, Trebuchet MS, sans serif; font-size: 12px; }
SELECT.mini { font-family: Verdana, Tahoma, Trebuchet MS, sans serif; font-size: 11px; letter-spacing: -1px; width: 200px; }
INPUT.checkbox { vertical-align: middle; }

/* Estilos genericos ------------------------------------ */
.blue { color: #294A69; }
.bold { font-weight: bold; }
.left { text-align: left; }
.right { text-align: right; }
.strong { font-weight: bold; }
.center { text-align: center; }
.indent { padding-left: 20px; }
.inline { display: inline; }
.ColorGrey { color: grey; }

/* Barra de Navegación Superior ------------------------- */
#Container_top {
	width: 100%;
}

#Container_top TD.Container {
	border: 1px #777777 solid;
}

TR.header {
	height: 39px;
	background: #CCCCCC;
}

TD.header_left {
	width: 340px;
	background: url(./cont/images/header/logo_left.gif) no-repeat top left;
}

TD.header_right {
	text-align: center;
	background-color: #6E6E6E;
	background: url(./cont/images/header/lang/bg.gif) repeat-x top left;
	color: #FFF;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-size: 12px;
	letter-spacing: 2px;
	vertical-align: bottom;
}

TD.photo {
	height: 110px;
	background: url(./cont/images/header/encabezado1.jpg) no-repeat 0px -18px;
	border-top: 1px #FFF solid;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

DIV.index {
	width: 300px;
	height: 260px;
	background: url(./cont/images/index.gif) no-repeat 300px 30px;
	top: 0%;
	left: 50%;
}

DIV.index2 {
	width: 300px;
	height: 260px;
	background: url(./cont/images/logoFACI.gif) no-repeat 0px 30px;
	top: 0%;
	left: 50%;
}

/******************/
/* Menu Horizontal (junto con chromestyle.css)
/******************/
#Application {
	clear: left;
}

*html TABLE.menu { margin-top: -10px; /* solucion para ie */ }

TD.menu {
	height: 26px;
	background: url(./cont/images/menu/encabezado2.jpg) no-repeat top left;
	padding-left: 20px;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-size: 12px;
	color: #FFFFFF;
}

/*
TD.menu A {
	font-weight: bold;
	color: #E2EAF3;
}

TD.menu A:hover {
	font-weight: bold;
	color: #E2EAF3;
	text-decoration: underline;
}
*/

/******************/
/* Menu de idiomas
/******************/
TD.header_right A {
	color: #FFF;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: normal;
}

TD.header_right A:hover {
	color: #FFF;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: normal;
	border-bottom: 3px #FFF solid;
	padding-bottom: 7px;
}

TD.lang_spa {
	background: url(./cont/images/header/lang/spa.gif) no-repeat bottom center;
	border-right: 1px #989898 solid; vertical-align: bottom; padding-bottom: 10px;
}
TD.lang_eng {
	background: url(./cont/images/header/lang/eng.gif) no-repeat bottom center;
	border-right: 1px #989898 solid; vertical-align: bottom; padding-bottom: 10px;
}
TD.lang_fre {
	background: url(./cont/images/header/lang/fre.gif) no-repeat bottom center;
	border-right: 1px #989898 solid; vertical-align: bottom; padding-bottom: 10px;
}
TD.lang_ger {
	background: url(./cont/images/header/lang/ger.gif) no-repeat bottom center;
	border-right: 0px #989898 solid; vertical-align: bottom; padding-bottom: 10px;
}

/* Barra de Navegación Superior ------------------------- */

/* Contenido Principal ---------------------------------- */
#Container_main {
	width: 100%;
	background-color: #FFF;
}

#Container_main TD.content {
	vertical-align: top;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 14px;
	background: url(./cont/images/background.gif) no-repeat top right;
	font-family: Verdana, Arial, Tahoma, Trebuchet MS, sans serif;
	font-size: 12px;
	color: #333333;
}

/**********************************************************/
/* SECCION EMPRESA                                        */
/**********************************************************/
/* punto azul */
A.empresa_foto0 { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% 0px; }

/* foto1 */
A.empresa_foto1 { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -140px; }
A.empresa_foto1:hover { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -140px; }

/* foto2 */
A.empresa_foto2 { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -280px; }
A.empresa_foto2:hover { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -280px; }

/* foto3 */
A.empresa_foto3 { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -420px; }
A.empresa_foto3:hover { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -420px; }

/* foto4*/
A.empresa_foto4 { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -560px; }
A.empresa_foto4:hover { display:block; width: 70px; height: 70px; background: url(./cont/images/empresa/empresa.gif) no-repeat 50% -560px; }

/**********************************************************/
/* FOTOS DE SECCIONES                                     */
/**********************************************************/
#Container_main TD.app_img {
	background: url(./cont/images/empresa/aplicaciones.jpg) no-repeat top right;
}

#Container_main TD.prod_img {
	background: url(./cont/images/empresa/productos.jpg) no-repeat top right;
}

/* Contenido Principal ---------------------------------- */

/* Pie de pagina ---------------------------------------- */
#Container_bottom {
	height: 60px;
	width: 100%;
	background-color: #24405B;
}

#Container_bottom TD.Bottom_Left {
	text-align: left;
	vertical-align: top;
	width: 50%;
	padding: 6px;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-size: 12px;
	color: #EEE;
}

#Container_bottom TD.Bottom_Right {
	text-align: right;
	vertical-align: top;
	width: 50%;
	padding: 6px;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS, sans serif;
	font-size: 12px;
	color: #EEE;
}

#Container_bottom TD.Bottom_Left A, TD.Bottom_Right A {
	font-weight: normal;
	color: #9EAAB3;
}

#Container_bottom TD.Bottom_Left A:hover, TD.Bottom_Right A:hover {
	font-weight: normal;
	color: #24405B;
	text-decoration: none;
	background-color: #9EAAB3;
	border: 0px black raised;
	padding: 2px;
}

TD.Footer_Left {
	width: 50%;
	height: 12px;
	background: url(./cont/images/footer/foo_left.gif) no-repeat top left;
}

TD.Footer_Right {
	width: 50%;
	height: 12px;
	background: url(./cont/images/footer/foo_right.gif) no-repeat top right;
}

DIV.DesignedBy {
	text-align: right;
	font-size: 10px;
	color: #4E6172;
	font-family: Tahoma, Trebuchet MS, sans serif;
	padding-top: 10px;
	padding-bottom: 5px;
}

DIV.DesignedBy A {
	text-align: right;
	font-size: 10px;
	color: #4E6172;
	font-family: Tahoma, Trebuchet MS, sans serif;
	padding-top: 10px;
	padding-bottom: 5px;
}

DIV.DesignedBy A:hover {
	text-align: right;
	font-size: 10px;
	color: #4E6172;
	font-family: Tahoma, Trebuchet MS, sans serif;
	padding-top: 10px;
	padding-bottom: 5px;
}
/* Pie de pagina ---------------------------------------- */

/* Cuadrod recondeados ---------------------------------- */
/* Show only to IE PC \*/
/* http://vertexwerks.com/tests/sidebox/ */
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	/*margin: 0 auto; /* center for now */
	width: 20em; /* ems so it will grow */
	background: url(./cont/images/boxes/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sidebox2 {
	/*margin: 0 auto; /* center for now */
	width: 40em; /* ems so it will grow */
	background: url(./cont/images/boxes/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(./cont/images/boxes/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(./cont/images/boxes/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #294A69;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(./cont/images/boxes/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 18px 20px;
}

/* Formulario de contacto --------------------------------- */
#ContactForm { padding: 0px 10px 0px 10px; }
#ContactForm .label { background: url(./cont/images/contacto/2puntos.gif) no-repeat top right; vertical-align: top; font-size: 12px; color: #333; font-weight: normal; }
#ContactForm .question { font-weight: bold; }
#ContactForm .question_img { background: url(./cont/images/contacto/rounds.gif) no-repeat -10px -5px; font-weight: bold; padding-left: 30px; height: 40px; padding-top: 7px; }
#ContactForm .data { padding: 0px 0px 3px 0px; vertical-align: top; }
.sepbar { padding: 0px; height: 10px; width: 100%; background: url(./cont/images/contacto/sepbar.gif) no-repeat top left; }
#ContactForm .indent { padding-left: 40px; }
#ContactForm .data input { background: transparent; border: 1px #7F9DB9 solid; }

/* Colaboradores ------------------------------------------ */
/*#Contrib { padding-left: 20px; }*/
#Contrib .nombre { padding-left: 15px; background: url(./cont/images/boxes/partners/flecha.gif) no-repeat 0 5px; font-size: 14px; font-weight: bold; }
#Contrib .slogan { padding-left: 25px; font-size: 11px; font-weight: bold; color: #666; }
#Contrib .url { padding-left: 25px; font-size: 12px; letter-spacing: 2px; }
#Contrib .direccion { padding-left: 25px; font-size: 11px; color: #1E2D3B; }
#Contrib {
	/*margin: 0 auto; /* center for now */
	/*width: 20em; /* ems so it will grow */
	background: url(./cont/images/boxes/partners/bg_box_test.gif) no-repeat top left;
	font-size: 100%;
	padding: 10px;
}