/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Estilo del cuerpo
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
body{ /* General*/
/*Forma*/
    padding: 0px; margin: 0px;
    overflow-y: auto;
/*Letra*/
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
/*Color*/
    background-color: rgb(192,192, 192);
    background-image: url(../images/Fondo.png);
    background-repeat: repeat;
}
body /* Internet Explorer */
{    /*text-align: center;*/    }

body /* Mozilla Firefox alignment */
{    /*text-align: -moz-center; */   }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Contenedores generales
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#Contenedor{   /*Contenedor de toda la página, incluidas las sombras laterales*/
/*Forma*/
    width: 1024px;
    border: 0px;
    margin: 0px; padding: 0px;
    position: relative;
/*Color*/
    background-color: white;
    background-image: url(../images/ContenedorBorde.png);
    background-repeat: repeat-y;
}

#Contenido{    /*Contenedor de la página, sin incluir las sombras laterales*/
/*Forma*/
    background-color: white;
    width: 992px;
    border: 0px;
    margin: 0px; padding: 0px;
    text-align: left;
	position: relative;
	left: 16px;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    La Barra de titulos
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#Titulo{    /*Contenedor de la barra de titulo*/
/*Forma*/
    background-color: White;
    width: 992px;
    height: 150px;
    border: 0px;
    margin: 0px; padding: 0px;
}
.Language{
	position:absolute;
	margin:0px;
	padding:0px;
	left:20px;
}
.LanguageA{
	float:right;
}
.LanguageLink{
	border:solid 3px white;
	margin:0px;
	padding:0px;
}
.LanguageLink:hover{
	border:solid 3px rgb(2,6,136);
}
#TituloBordeDer{    /*Sombra del borde derecho de la imagen de la barra de titulo*/
/*Forma*/
    width: 16px;
    height: 119px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: right;
/*Color*/
    background-color: white;
    background-image: url(../images/TituloBordeDer.png);
    background-repeat: repeat-y;
}
#TituloImagen{    /*Imagen de fondo de la barra de titulo*/
/*Forma*/
    width: 726px;
    height: 119px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: right;
/*Color*/
    background-color: white;
    background-image: url(../images/TituloImagen.gif);
    background-repeat: no-repeat;
}
#Logotipo{    /*Logotipo de Procert Iberia*/
/*Forma*/
    width: 250px;
    height: 119px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: right;
/*Color*/
    background-color: white;
    background-image: url(../images/Logotipo.png);
    background-repeat: no-repeat;
}
#LogotipoLink{    /*Contenedor en forma de link del logotipo a HOME*/
/*Forma*/
    border: 0px;
    margin: 0px; padding: 0px;
}
#TituloPie{    /*Pie de la barra de titulo*/
/*forma*/
    width: 992px;
    height: 31px;
    border: 0px;
    margin: 0px; padding: 0px;
    clear: both;
/*Color*/
    background-color: white;
    background-image: url(../images/TituloPie.png);
    background-repeat: repeat-x;
}
#TituloPieImgIzq{    /*Sombra de la esquina izquierda del pie de la barra de titulo*/
/*forma*/
    width: 16px;
    height: 31px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: left;
/*Color*/
    background-color: white;
    background-image: url(../images/TituloPieIzq.png);
    background-repeat: no-repeat;
}
#TituloPieImgDer{    /*Sombra de la esquina derecha del pie de la barra de titulo*/
/*forma*/
    width: 16px;
    height: 31px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: right;
/*Color*/
    background-color: white;
    background-image: url(../images/TituloPieDer.png);
    background-repeat: no-repeat;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Menu Superior
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#MenuSup{    /*Contenedor del menu superior*/
/*Forma*/
    width: 726px;
    height: 25px;
    border: 0px;
    margin: 0px; padding: 0px;
	position: relative;
/*Texto*/
    font-weight: bold;
	 color: RGB(135, 180, 40);
}
.MenuSupBoton{
	float: right; 
	position:relative; 
	width: 150px; 
	height: 25px;
}
#MenuSupOpcion1{    /*Botón 1 del menu superior*/
/*Forma*/ width: 150px; height: 25px; border: 0px; margin: 0px; padding: 0px; float: right;
          display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;
/*Texto*/ text-align: center;
/*Color*/ background-image: url(../images/MenuSupOpcion.gif); background-repeat: no-repeat;
          filter:alpha(opacity=65);opacity:0.65;-moz-opacity:0.65;}
#MenuSupOpcion2{    /*Botón 2 del menu superior*/
/*Forma*/ width: 150px; height: 25px; border: 0px; margin: 0px; padding: 0px; float: right;
          display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;
/*Texto*/ text-align: center;
/*Color*/ background-image: url(../images/MenuSupOpcion.gif); background-repeat: no-repeat;
          filter:alpha(opacity=65);opacity:0.65;-moz-opacity:0.65;}
#MenuSupOpcion3{    /*Botón 3 del menu superior*/
/*Forma*/ width: 150px; height: 25px; border: 0px; margin: 0px; padding: 0px; float: right;
          display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;
/*Texto*/ text-align: center;
/*Color*/ background-image: url(../images/MenuSupOpcion.gif); background-repeat: no-repeat;
          filter:alpha(opacity=65);opacity:0.65;-moz-opacity:0.65;}
#MenuSupOpcion4{    /*Botón 4 del menu superior*/
/*Forma*/ width: 150px; height: 25px; border: 0px; margin: 0px; padding: 0px; float: right;
          display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;
/*Texto*/ text-align: center;
/*Color*/ background-image: url(../images/MenuSupOpcion.gif); background-repeat: no-repeat;
          filter:alpha(opacity=65);opacity:0.65;-moz-opacity:0.65;}
#MenuSupOpcion5{    /*Botón 5 del menu superior*/
/*Forma*/ width: 150px; height: 25px; border: 0px; margin: 0px; padding: 0px; float: right;
          display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;
/*Texto*/ text-align: center;
/*Color*/ background-image: url(../images/MenuSupOpcion.gif); background-repeat: no-repeat;
          filter:alpha(opacity=65);opacity:0.65;-moz-opacity:0.65;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Menu Izquierdo
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#Buscador{    /*Contenedor del buscador y los iconos de home, contactar y map web*/
/*Forma*/
    width: 210px;
    height: 55px;
    border: 0px;
    margin: 0px; padding: 0px;
    margin-top: 35px;
    position: relative;
    right: 15px;
    float: right;
/*Letra*/
    font-size: 12px;
    font-weight: bold;
	 color: black;
}
#GoogleSearchForm{    /*El form del buscador, necesario para cuadrar la pagina*/
/*Forma*/
    border: 0px;
    margin: 0px; padding: 0px;
}
#BuscadorInput{    /*TextBox del buscador*/
/*Forma*/
    width: 175px;
    height: 18px;
    border: solid  RGB(8,64,48) 1px;
    margin: 0px; padding: 0px;
    float: left;
	 background-color: white;
	 color: black;
	 font-weight:normal;
}
#BuscadorInput:focus{    /*TextBox del buscador*/
/*Forma*/
	 background-color: white;
	 color: black;
}
#BuscadorBotonIr{    /*Botón IR del buscador*/
/*Forma*/
    width: 18px;
    height: 18px;
    border: solid  black 1px;
    margin: 0px; padding: 0px;
    margin-left: 2px;
	 margin-top: 0px;
    display: block;
    float: left;
/*Texto*/
	 font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: normal;
}
#BuscadorBotonIr:hover{    /*Botón IR del buscador si esta indicado*/
/*Texto*/ text-decoration: underline;
          font-weight: bold;
}
#HomeIconsBox{    /*Contenedor de los botones home, contactar y map web*/
/*Forma*/
    width: 192px;
    border: 0px;
    margin: 0px; padding: 0px;
    clear: both;
	font-weight:bold;
}
.HomeIcon{    /*Botones home, contactar y map web*/
/*Forma*/
    width: 64px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: left;
}

.HomeVinculo{    /*Botones home, contactar y map web*/
/*Forma*/
	 text-decoration: none;
	 color: black;
	 text-align:center;
	 width: 64px;
	 display:block;
}
.HomeVinculo:hover{    /*Botones home, contactar y map web*/
/*Forma*/
    text-decoration: underline;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Menu Izquierdo
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#MenuIzq{    /*Contenedor del menu izquierdo*/
/*Forma*/
    width: 212px;
    border: 0px;
    margin: 0px; padding: 0px;
    margin-top: 27px;
    float: left;
	 color: black;
/*Color*/
    background-color: white;
    background-image: url(../images/MenuIzqFondo.png);
    background-repeat: repeat-y;
}
.MenuIzqTituloIzq{    /*Sombra izquierda al titulo del menu izquierdo. */
/*Forma*/
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: left;
/*Color*/
    background-image: url(../images/MenuIzqTituloIzq.png);
    background-repeat: no-repeat;
}
.MenuIzqTituloDer{    /*Sombra Derecha al titulo del menu izquierdo. */
/*Forma*/
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: right;
/*Color*/
    background-image: url(../images/MenuIzqTituloDer.png);
    background-repeat: no-repeat;
}
.MenuIzqTitulo{    /*Título del menu izquierdo*/
/*Forma*/
    height: 20px;
    width: 180px;
    border: 0px;
    padding: 0px; margin: 0px;
    margin-top: 3px;
    margin-bottom: 4px;
    display: block;
    overflow: hidden;
    float: left;
/*Texto*/
    font-weight: bold;
    font-size: 15px;
	 color: black;
/*Color*/
    background-color: white;
    background-image: url(../images/MenuIzqTitulo.png);
    background-repeat: repeat-y;
}
.MenuIzqTituloTexto{    /*contiene el texto del titulo*/
/*Forma*/
    border: 0px;
    padding: 0px; margin: 0px;
    padding-left:15px;
}
.OpcionSTexto1{    /*Texto de un menu de nivel 1*/
/*Forma*/
    border: 0px;
    padding: 0px; margin: 0px;
    width: 125px;
    height: 20px;
    display: block;
    overflow: hidden;
    float: left;
	 position: relative;
	 left: 5px;
}
.OpcionSTexto2{    /*Texto de un menu de nivel 2*/
/*Forma*/
    border: 0px;
    padding: 0px; margin: 0px;
    width: 109px;
    height: 20px;
    display: block;
    overflow: hidden;
    float: left;
}
.OpcionSTexto3{    /*Texto de un menu de nivel 3*/
/*Forma*/
    border: 0px;
    padding: 0px; margin: 0px;
    width: 109px;
    height: 20px;
    display: block;
    overflow: hidden;
    float: left;
}
.MenuIzqOpcion1{    /*Opcion de nivel 1 del menu izquierdo*/
/*Forma*/
    height: 20px;
    border: 0px;
    padding: 0px;
    margin-left: 30px;
    margin-right: 15px;
    margin-top: 3px;
    margin-bottom: 4px;
    padding-left: 16px;
    display: block;
    overflow: hidden;
    clear:both;
/*Texto*/
    font-weight: bold;
/*Color*/
    background-image: url(../images/MenuIzqIcono.png);
    background-repeat: no-repeat;
}
.MenuIzqOpcion2{    /*Opcion de nivel 2 del menu izquierdo*/
/*Forma*/
    height: 20px;
    border: 0px;
    padding: 0px;
    margin-left: 48px;
    margin-right: 16px;
    margin-top: 3px;
    margin-bottom: 4px;
    padding-left: 15px;
    display: block;
    overflow: hidden;
    clear:both;
}
.MenuIzqOpcion3{    /*Opcion de nivel 3 del menu izquierdo*/
/*Forma*/
    height: 20px;
    border: 0px;
    padding: 0px;
    margin-left: 64px;
    margin-right: 16px;
    margin-top: 3px;
    margin-bottom: 4px;
    padding-left: 15px;
    display: block;
    overflow: hidden;
    clear:both;
}
#MenuIzqPie{    /*Degradado del pie del menu izquierdo*/
/*Forma*/
    width: 212px;
    height: 50px;
    border: 0px;
    padding: 0px; margin: 0px;
    clear: both;
/*Color*/
    background-image: url(../images/MenuIzqPie.png);
    background-repeat: no-repeat;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Texto de contenido de la página y Titulos
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#Texto{    /*Contenedor del texto de la pagina*/
/*Foma*/
    width: 760px;
    border: 0px;
    margin: 0px; padding: 0px;
	 margin-left:20px;
    float: left;
    display: block;
    overflow: hidden;
/*Letra*/
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
	 line-height: 24px;
/*Color*/
    background-color: white;
}

#Recorido{    /*Indicación de ruta a lo alto del contenido*/
/*Forma*/
    margin: 0px;
    border: 0px;
    padding: 0px;
    margin-left: 16px;
/*Texto*/
    color: #888888;
    font-size: 10px;
}
#TituloGeneral{    /*Título general del contenido*/
/*Forma*/
    margin-left: 30px;
    margin-top: 4px;
    margin-bottom: 5px;
    margin-right: 20px;
    padding: 0px;
    border: 0px;
/*Texto*/
    font-size: 20px;
    font-weight: bold;
	 color: rgb(2, 6, 136);
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Pie de página
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#PieContenedor{    /*Contenedor del pie de página y W3C*/
/*Forma*/
    width: 1024px;
    height: 15px;
    display: block;
    overflow: hidden;
    border: 0px;
    margin: 0px;padding: 0px;
    position: relative;
    top: -15px;
    clear: both;
    text-align: left;
}

#Pie{    /*Contenedor del texto de licencia y sombras en los lados*/
/*Forma*/
    width: 992px;
    margin: 0px; padding: 0px;
    margin-left: 16px;
    border: 0px;
/*Color*/
    background-color: RGB(200,200,100);
}

#PieTexto{    /*Contenedor del texto de licencias*/
/*Forma*/
    width: 960px;
    height: 15px;
    border: 0px;
    margin: 0px; padding: 0px;
    text-align: center;
    float: left;
}
#PieTextoFondo{    /*Necesario para cuadrar el pie de pagina*/
/*Forma*/
    height: 15px;
    border: 0px;
    margin: 0px; padding: 0px;
    clear: both;
}
#PieImgIzq{    /*Sombra izquierda al lado del pie de pagina*/
/*Forma*/
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: left;
/*Color*/
    background-color: white;
    background-image: url(../images/PieIzq.png);
    background-repeat: no-repeat;
}
#PieImgDer{    /*Sombra izquierda al lado del pie de pagina*/
/*Forma*/
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px; padding: 0px;
    float: right;
/*Color*/
    background-color: white;
    background-image: url(../images/PieDer.png);
    background-repeat: no-repeat;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    HiperVinculos y otros
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.fin {    /*Necesario para cuadrar la página*/
    clear: both;
}
.Hipervinculo{    /*Estilo general de los hipervinculos*/
    color: black;
    text-decoration: none;
}
.Hipervinculo:hover{    /*Estilo general de los hipervinculos indicados*/
    color: black;
    text-decoration: underline;
}
.MenuIzqVinculo{    /*Estilo general de los hipervinculos*/
	 color: black;
    text-decoration: none;
	 font-size: 13px;
}
.MenuIzqVinculo:hover{    /*Estilo general de los hipervinculos indicados*/
    text-decoration: underline;
}
.HipervinculoMenuSup{    /*Estilo general de los hipervinculos*/
/*Forma*/ float: right; width: 150px;
/*Texto*/ color: white;
			 position: absolute; left:0px; top:0px;
			 font-weight:bold;
			 font-size: 13px;
			 text-decoration: none;
			 text-align: center;
}
.HipervinculoMenuSup:hover{    /*Estilo general de los hipervinculos indicados*/
    text-decoration: underline;
}
.HipervinculoPie{ /*Estilo de los hipervinculos del pie de página*/
    color: black;;
    text-decoration: none;
    font-weight: bold;
}
.HipervinculoPie:hover{    /*Estilo de los hipervinculos del pie de página indicados*/
    text-decoration: underline;
}
.flecha{    /*Flecha que indica que una opcion del menu izquierdo es desplegable*/
    width: 12px;
    height: 15px;
    float: left;

/*Color*/
    background-image: url(../images/flecha.gif);
    background-repeat: no-repeat;
}