@include "home.css";
@include "promociones.css";
/**************************************************/
BODY 
{
    margin:0;
}

FORM 
{
    margin:0;
}
SUP 
{
    font-size: 70%;
}
A
{
    text-decoration: none;
}
/**************************************************/


#ContenedorPrincipal{
	position:relative;
	left:50%;
	width: 790px;
	margin-left:-395px;
	z-index: 1;
}
#Cuerpo
{
	margin:0;
	border: 1px solid black;
	min-height: 400px;
	overflow: hidden;
	position: relative;	
}
#Cuerpo A {
color: #333333;
text-decoration:underline;
font-size:0.9em;
}

/*................................... CABECERA*/


/*#FondoCabeceraHome,
#FondoCabeceraComun{
		background-image: url(Images/logoxiob.gif);
		background-repeat: no-repeat;
		height: 165px;
		width: 790px;
		background-position: 0px 110px;
}*/

#FondoCabeceraHome{
		background-image: url(Images/logoxiob.gif);
		background-repeat: no-repeat;
		height: 165px;
		background-position: 10px 110px;
}

#FondoCabeceraComun{
		background-image: url(Images/logoxiob_new.gif);
		background-repeat: no-repeat;
		height: 70px;
		background-position: 10px 15px;
}


	#FondoCabeceraHome #VinculoLogo,
	#FondoCabeceraComun #VinculoLogo{
		float: left;
		position: relative;
		left: 10px;
	}

	#FondoCabeceraHome #VinculoLogo{
		top: 110px;
	}
	
	#FondoCabeceraComun #VinculoLogo{
		top: 10px;
	}
				
	#FondoCabeceraHome #VinculoIdioma,
	#FondoCabeceraComun #VinculoIdioma{
		float: right;
		position: relative;		
	}

	#FondoCabeceraHome #VinculoIdioma{
		top: 148px;
	}

	#FondoCabeceraComun #VinculoIdioma{
		top: 55px;
	}

IMG {border: none;}

FORM {
	margin:0;
}

P {
margin:0;
}



/*................................... PIE*/

#Pie 
{
    position: relative;
    font-size: 0.85em;
	background-color:#000000;    
    color: #FFFFFF;
    padding: 7px 5px;	    
   	margin-top: 5px;  
	clear: both;
}
    #Pie A {	
	    text-decoration:none;
	    color: #FFFFFF;
    }

    #Pie A:hover{
	    color: #990000;
    }

    #Pie .Xiob
         {
        position: absolute;
	    right: 5px;
		_right: 20px;
    }

/*................................... GENERAL*/
/*HTML { height: 100%; }*/

BODY {
	margin: 0px;
	/*height: 100%;*/
	background: #FFF;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}



#FondoConstruccion{
	margin: 0px;
	height: 100%;
	overflow:visible;
	background: #000000 url(Images/fondoconstruccion.jpg) center top no-repeat;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
}


#Separadorpuntitos{
	height: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #fff;
	overflow:hidden;
}

#Separadorpuntitosrojos{
	height: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #990000;
	overflow:hidden;
}


#Menu {
	background-color: #5A0000;
}

#MenuLat {
	margin:0;
	background-color: #DDD;
	padding: 0px;
    padding-bottom: 10px;

}

#MenuLat UL{
	margin:0;
	list-style-type: none;
	padding: 0px;

}

#MenuLat LI {
	margin: 3px 0px;
	list-style-type: none;
	padding: 0px;		
}
#MenuLat LI A 
{
	text-decoration:none;
    color: #fff;
    display: block;    
    background: #666666 url(Images/bullet_menu.gif) 6px 7px no-repeat;	
	*background-position: 6px 10px;
    padding: 4px 2px 4px 12px;
    text-transform: uppercase; 
    font-size: 75%;
    font-family: Arial, Sans-Serif;
}
#MenuLat LI.active A,
#MenuLat LI A:hover
{
    background-color: #000;
}


#MenuLat UL UL{
	margin:0;
	list-style-type: none;
	padding: 0px;	

}


#MenuLat LI LI{
	margin:0;
	list-style-type: none;
	padding: 0px;

}

/*
#ContenedorConstruccion,
#ContenedorPromociones,
#ContenedorPromocionesListado,
#ContenedorDetallePromociones,
#ContenedorPresentacionPromociones,
#ContenedorEmpresa,
#ContenedorServicios,
#ContenedorActualidad
#ContenedorTrabaja,
#ContenedorContacto{
	margin:0;
	width: 790px;
	border: 1px solid black;	
}

.vinculomail,
.vinculomail A{
color: #333333;
text-decoration:underline;
font-size:0.9em;
}


.vinculomail:hover{
color: #666;
}


#Aclaracion .vinculomail,
#Aclaracion .vinculomail A{
color: #333333;
text-decoration:underline;
}


#Aclaracion .vinculomail:hover{
color: #666;
}


/*................................... DEFAULT* /

	#ContenedorConstruccion #Ppal{
		background: url(Images/difuminadohome.jpg) top no-repeat;
		height: 460px;
		padding-top:40px;
		}
		

	
				    

/*................................... LISTADO PROMOCIONES* /

	#ContenedorPromocionesListado #Ppal{
		background: #DDDDDD;
		height: 100%px;
		padding: 20px;
		border: 1px solid #000000;
	}

		#ContenedorPromocionesListado #Ppal H1{
			font-size: 1.2em;
			color: #990000;
			font-weight:bold;
			border-bottom: 1px solid #fff;
			margin: 0;
		}
		
		#ContenedorPromocionesListado #Ppal #Promocion{
			height:100%;
			overflow:hidden;
			margin-top:4px;
			border-bottom:1px solid #fff;
			padding-bottom:4px;
		}

			#ContenedorPromocionesListado #Ppal #Promocion #ColIzda{
				float:left;
				width: 570px;
			}
			
				#ContenedorPromocionesListado #Ppal #Promocion #ColIzda .Promocion,
				#ContenedorPromocionesListado #Ppal #Promocion #ColIzda .NombrePromocion{
					font-size: 1em;
					font-weight:bold;
				}
				
				#ContenedorPromocionesListado #Ppal #Promocion #ColIzda .Promocion{
					color: #990000;
				}

				#ContenedorPromocionesListado #Ppal #Promocion #ColIzda .NombrePromocion{
					color: #000000;
				}

				#ContenedorPromocionesListado #Ppal #Promocion #ColIzda P{
					font-size: 1em;
					color: #666666;
				}
				
				#ContenedorPromocionesListado #Ppal #Promocion #ColIzda IMG{
					position:relative;
					top: 3px;
					margin-bottom:5px;
				}			
				
			#ContenedorPromocionesListado #Ppal #Promocion #ColDcha{
				float:left;
				width: 180px;
			}
			
			#ContenedorPromocionesListado #Ppal #Promocion #ColDcha IMG{
				border: 1px solid #FFF;
				margin-left: 10px;
			}
			



/*................................... DETALLES PROMOCIONES* /


#ContenedorDetallePromociones #Ppal{
		background: #DDDDDD;
		height: 500px;
		padding: 20px;
		margin-bottom:20px;
}


#ContenedorPresentacionPromociones #Ppal{
		background: #DDDDDD;
		height:100%;
		overflow:hidden;

}


	#ContenedorPresentacionPromociones #Ppal #ColIzda{
		width:127px;
		padding-top: 27px;
		padding-left: 46px;
		float:left;
		background: #DDDDDD;

	}

		#ContenedorPresentacionPromociones #Ppal #ColIzda .imgpromocion{
			position:relative;
			border: 6px solid #FFFFFF;
			margin-top:3px;
			margin-bottom: 10px;
		}
		
		
		#ContenedorPresentacionPromociones #Ppal #ColDcha{
			width:537px;
			float:left;
			background: #DDDDDD;
			padding-left: 40px;
			padding-right: 40px;
			padding-top: 24px;
		}
	
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Botonera{
				border-bottom: 1px solid #666666;
				width:100%;
				clear:both;
				padding-bottom:4px;
				text-align:right;
			}
			
				#ContenedorPresentacionPromociones #Ppal #ColDcha #Botonera IMG{
					margin-left: 15px;
				}
				
				
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Volver{
				clear:both;
				width:100%;
				clear:both;
				padding-bottom:30px;
				text-align:right;
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha H1{
				font-size: 1.5em;
				color: #990000;
				font-weight:bold;
				margin: 0;
				display:inline;
			}
			
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha H2{
				font-size: 1.2em;
				color: #990000;
				font-weight:bold;
				margin: 0;
				display:inline;
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha .Subtitulo{
				font-size: 1.2em;
				color: #000;
				font-weight:bold;
				margin: 0;
				display:block;
				margin-left:124px;
				_margin-left:121px;/*IE* /
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha .foto{
				margin-left:124px;
				_margin-left:121px;/*IE* /
				border: 6px solid #FFFFFF;
			}


			#ContenedorPresentacionPromociones #Ppal #ColDcha P{
				font-size: 1em;
				color: #333;
				font-weight:normal;
				margin-bottom: 10px;
				margin-top: 10px;
				margin-left:124px;
				_margin-left:121px;/*IE* /
				text-align:justify;
				padding-bottom:20px;
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleria{
				margin-left: 125px;
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleria IMG{
				border: 6px solid #fff;
				margin-right: 5px;
			}


			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleriatexto{
	position:relative;
	height: 15px;
	left: -2px;
	margin-top:5px;

			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleriatexto .itemA,
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleriatexto .itemB,
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleriatexto .itemC{
	position:absolute;
	color:#666;
	top: -5px;
	width: 104px;
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleriatexto .itemA{
				left:131px;
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleriatexto .itemB{
				left: 266px;					
			}
			
			#ContenedorPresentacionPromociones #Ppal #ColDcha #Lineagaleriatexto .itemC{
				left: 403px;					
			}

/*................................... EMPRESA* /
/*................................... SERVICIOS* /

#ContenedorEmpresa #Ppal,
#ContenedorServicios #Ppal{
	background-repeat: no-repeat;
	height: 439px;
	background-position: right bottom;
	background-color: #FFFFFF;
	border: 1px solid #000;
}


#ContenedorEmpresa #Ppal{
	background-image: url(Images/fondo_empresa.jpg);
}



#ContenedorServicios #Ppal{
	background-image: url(Images/fondo_servicios.jpg);
}

	#ContenedorEmpresa #Ppal #Contenido,
	#ContenedorServicios #Ppal #Contenido{
		width: 320px;
		height:auto;
		y-index: 1;
		padding-left: 45px;
		position: relative;
		text-align:right;
	}

	#ContenedorEmpresa #Ppal #Contenido{
		top:9%;
	}
	
	#ContenedorServicios #Ppal #Contenido{
		top:25%;
	}
	
			#ContenedorEmpresa #Ppal #Contenido H1,
		#ContenedorServicios #Ppal #Contenido H1{
			font-size: 1.2em;
			color: #990000;
			font-weight:bold;
			margin: 0;
		}

		#ContenedorEmpresa #Ppal #Contenido H2,
		#ContenedorServicios #Ppal #Contenido H2{
			font-size: 1.1em;
			color: #990000;
			font-weight:bold;
			margin: 0;
		}
		
		#ContenedorEmpresa #Ppal #Contenido P,
		#ContenedorServicios #Ppal #Contenido P{
			font-size: 1em;
			color: #333;
			font-weight:normal;
			margin-bottom: 10px;
			margin-top: 10px;
		}




			
			

	
		
		
/*................................... TRABAJA CON NOSOTROS* /
/*................................... CONTACTO* /

	#ContenedorTrabaja #Ppal,
	#ContenedorContacto #Ppal{
		background-color:#DDD;
		height: 100%;
		overflow:hidden;
		padding-top: 30px;
		padding-left: 45px;
		padding-right: 45px;
		border: 1px solid #000000;
		}	
		
		
		#ContenedorTrabaja #Ppal H1,
		#ContenedorContacto #Ppal H1{
			font-size: 1.4em;
			color: #990000;
			font-weight:bold;
			border-bottom: 1px solid #ffffff;
			padding-bottom: 4px;
			margin:0;
		}
		
		
		#ContenedorTrabaja #Ppal H2,
		#ContenedorContacto #Ppal H2{
			font-size: 1.2em;
			color: #666;
			font-weight:bold;
			border-bottom: 1px dotted #666;
			padding-top: 14px;
			margin:0;

		}
		
			#ContenedorTrabaja #Ppal #ColIzda,
			#ContenedorContacto #Ppal #ColIzda{
				float:left;
				width: 280px;
				padding-top:10px;
				padding-bottom:10px;
			}
		
				#ContenedorTrabaja #Ppal #ColIzda FORM LABEL,
				#ContenedorContacto #Ppal #ColIzda FORM LABEL{
					display:block;
				}



				#ContenedorTrabaja #Ppal #ColIzda FORM #Checks,
				#ContenedorContacto #Ppal #ColIzda FORM #Checks{
					margin-bottom:20px;
				}
				
				
				#ContenedorTrabaja #Ppal #ColIzda FORM .textochecks,
				#ContenedorTrabaja #Ppal #ColIzda FORM .texto,
				#ContenedorContacto #Ppal #ColIzda FORM .textochecks,
				#ContenedorContacto #Ppal #ColIzda FORM .texto{
					color: #666666;
				}
				
				#ContenedorTrabaja #Ppal #ColIzda FORM .textochecks,
				#ContenedorContacto #Ppal #ColIzda FORM .textochecks{
				}

				#ContenedorTrabaja #Ppal #ColIzda FORM .textosseleccion,
				#ContenedorContacto #Ppal #ColIzda FORM .textosseleccion{
					color: #666666;
					margin-right: 10px;
					min-width: 70px;
					width: 70px;
					float: left;
				}
				
				#ContenedorTrabaja #Ppal #ColIzda FORM .cajasseleccion,
				#ContenedorTrabaja #Ppal #ColIzda FORM .cajastexto,
				#ContenedorContacto #Ppal #ColIzda FORM .cajasseleccion,
				#ContenedorContacto #Ppal #ColIzda FORM .cajastexto{
					width: 180px;
					margin-bottom: 3px;
					font-size: 10px;
				}
				
				
				 
				#ContenedorTrabaja #Ppal #ColDcha FORM .cajamultilinea,
				#ContenedorContacto #Ppal #ColDcha FORM .cajamultilinea{
					width: 350px;
					height: 100px;
					margin-bottom: 3px;
				}
				
				
				#ContenedorTrabaja #Ppal #ColIzda FORM .botonbuscar,
				#ContenedorContacto #Ppal #ColIzda FORM .botonbuscar{
					float:right;
					margin-right:38px;
					padding-top:10px;
				}
				
				#ContenedorTrabaja #Ppal #ColDcha FORM #Botones,
				#ContenedorContacto #Ppal #ColDcha FORM #Botones{
					text-align:left;
					margin-bottom:10px;
					width: 400px;
				}
				
								
				 #ContenedorTrabaja #Ppal #ColDcha #Botones .enviar,
				 #ContenedorContacto #Ppal #ColDcha #Botones .enviar{
					margin-left:230px;
				}				
				
				

			#ContenedorTrabaja #Ppal #ColDcha,
			#ContenedorContacto #Ppal #ColDcha{
				float:left;
				width: 340px;
				padding-left: 30px;
			}
			
			#ContenedorTrabaja #Ppal #ColDcha .examinar{
				margin-left:10px;
			}
			
			#ContenedorTrabaja #Ppal #ColDcha #Mensaje,
			#ContenedorContacto #Ppal #ColDcha #Mensaje{
				color: #666666;
				font-size:1em;
				clear:both;
			}
			
			#ContenedorContacto #Ppal #ColDcha #Mensaje{
				margin-top:10px;
			}			
			
			#ContenedorTrabaja #Ppal #ColDcha #Adjunta{
				padding-top:5px;
			}
			
			
			#ContenedorTrabaja #Ppal #ColDcha #Adjunta #Aa{
				float:left;
				width: 150px;


			}
				#ContenedorTrabaja #Ppal #ColDcha #Adjunta .curriculum{
					color: #666666;
					font-size:1em;
					display:block;
				}
				
				#ContenedorTrabaja #Ppal #ColDcha #Adjunta .formato{
					color: #666666;
					font-size:0.9em;
					display:block;
				}
				
				
			#ContenedorTrabaja #Ppal #ColDcha #Adjunta #Ab{
				float:left;
				width:150px;
				padding-left:40px;

			}				
				
				#ContenedorTrabaja #Ppal #ColDcha #Adjunta .datos{
					color: #666666;
					font-size:1em;
					display:block;
				}
				
				#ContenedorTrabaja #Ppal #ColDcha #Adjunta .adjunto{
					color: #000;
					font-size:0.9em;
					display:block;
				}

			 #ContenedorTrabaja #Ppal #Aclaracion P,
			 #ContenedorContacto #Ppal #Aclaracion P{
					color: #666666;
					font-size: 0.8em;
					clear:both;
					margin-bottom:10px;
			 }
			 
			 #ContenedorTrabaja #Ppal #Vacantes{
			 	width: 500px;
			 }
			 
				 #ContenedorTrabaja #Ppal #Vacantes .titulovacante,
				 #ContenedorContacto #Ppal #Oficinas #Oficina01 .nombreoficina,
				 #ContenedorContacto #Ppal #Oficinas #Oficina02 .nombreoficina,
				 #ContenedorContacto #Ppal #Oficinas #Oficina03 .nombreoficina,
				 #ContenedorContacto #Ppal #Oficinas #Oficina04 .nombreoficina{
					color: #990000;
					font-size:1.1em;
					display:block;
					font-weight:bold;
					margin-bottom: 5px;
				 }
				 
				 #ContenedorTrabaja #Ppal #Vacantes .encabezado,
				 #ContenedorContacto #Ppal #Vacantes .encabezado{
					color: #666666;
					font-size:1em;
					display:block;
					font-weight:bold;
				 }
				 
				 #ContenedorTrabaja #Ppal #Vacantes .desarrollo{
					color: #666666;
					font-size:1em;
					display:block;
					padding-bottom: 10px;

				 }
				 
			 #ContenedorTrabaja #Ppal #Vacantes P{
			 	color: #666;
				font-size:0.9ems;
				text-align:justify;
			 }
				 
			
			#ContenedorContacto #Ppal #Oficinas{
				height: 150px;
			}
			
			
			#ContenedorContacto #Ppal #Oficinas #Oficina01,
			#ContenedorContacto #Ppal #Oficinas #Oficina02,
			#ContenedorContacto #Ppal #Oficinas #Oficina03,
			#ContenedorContacto #Ppal #Oficinas #Oficina04{
				float:left;
				width: 165px;
				margin-right: 10px;
				margin-top: 10px;
			}
			
			
				#ContenedorContacto #Ppal #Oficinas #Oficina01 P,
				#ContenedorContacto #Ppal #Oficinas #Oficina02 P,
				#ContenedorContacto #Ppal #Oficinas #Oficina03 P,
				#ContenedorContacto #Ppal #Oficinas #Oficina04 P{
					margin:0;
					color: #666666;
					font-size:1em;
				}
				
				
/*----------------------------TABLA PLANOS PROMOCIONES-------------------------------* /
#ContenedorPresentacionPromociones #Ppal #ColDcha #planos{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}


#ContenedorPresentacionPromociones #Ppal #ColDcha #planos TH{
	text-align:left;
	color:#CCC;
	white-space:nowrap;
	background-color: #666;
}

#ContenedorPresentacionPromociones #Ppal #ColDcha #planos TD{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	height:25px;
}

#ContenedorPresentacionPromociones #Ppal #ColDcha #planos TH,
#ContenedorPresentacionPromociones #Ppal #ColDcha #planos TD{
	padding-right:5px;
	padding-left:5px;
	border:1px #DDD;
	border-style: none solid solid none;
}