/*GENERAL*/
body { background: #FFFFFF url(../images/imgBackground.jpg) repeat-x left top; }
h2 {font: bold 14px "Trebuchet MS", Verdana; color: #293756; }
h3 {font: bold 13px Arial, Helvetica, sans-serif; color: #293756;}
.LigaVerMas{ font: bold 11px Arial, Helvetica, sans-serif; color: #293756; background: url(../images/icnLinkVerMas.gif) no-repeat right; padding-right:15px; text-decoration:none; }
.LigaVerMas:hover { text-decoration: underline;}

/*HEADER*/
#Header { position:relative; float:left; width:100%;}
#txtIdioma { float:right; background: url(../images/icnIdioma.gif) no-repeat left; padding-left:14px; font:10px Arial, Helvetica, sans-serif;}
#txtIdioma a { text-decoration:none; color: #666666;}
#txtIdioma a:hover {text-decoration: underline;}

/*FOOTER*/
#Footer{float:left; padding-top:50px; clear:both; width:730px;}
	#FooterDerechos{ position:relative; float:left; display:block;}
	#FooterLigas{ position:relative; float:right; display:block;}

/*NAVEGACION*/
#Navegacion {width:100%; margin-left:10px;  margin-bottom:2px;}
	#Navegacion ul {float:left; margin-top:12px; margin-bottom:3px;}
		#Navegacion li {float:left; margin:0px 1px; padding:0px; background: url(../images/imgNavegacionBgLeft.gif) no-repeat left top; height:26px; display:block;}
			#Inicio #nav-inicio,
			#NuestraEmpresa #nav-empresa,
			#Clientes #nav-clientes,
			#Servicios #nav-servicios,
			#Beneficios #nav-beneficios,
			#Inventario #nav-inventario,
			#Contactanos #nav-contactanos,
			#Ligas #nav-ligas{background: url(../images/imgNavegacionOnBgLeft.gif) no-repeat left top;}
	#Navegacion a { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
		#nav-inicio a,
		#nav-empresa a,
		#nav-clientes a,
		#nav-servicios a,
		#nav-beneficios a,
		#nav-inventario a,
		#nav-contactanos a,
		#nav-ligas a {background: url(../images/imgNavegacionBgRight.gif) no-repeat right top; padding:0px 10px; height:26px; display:block; padding-top:8px;}
		
		#Inicio #nav-inicio a,
		#NuestraEmpresa #nav-empresa a,
		#Clientes #nav-clientes a,
		#Servicios #nav-servicios a,
		#Beneficios #nav-beneficios a,
		#Inventario #nav-inventario a,
		#Contactanos #nav-contactanos a,
		#Ligas #nav-ligas a {color:#FFFFFF; text-decoration:none; background: url(../images/imgNavegacionOnBgRight.gif) no-repeat right top;}
		
	#Navegacion a:hover {background: url(../images/imgNavegacionOnBgRight.gif) no-repeat right top;}	
	#Navegacion li:hover {background: url(../images/imgNavegacionOnBgLeft.gif) no-repeat left top;}
	
	
/*IMAGENES*/
.imgBanner{margin-bottom: 20px;}
.imgTeaser{margin-bottom: 10px;}
.imgMarco {border:4px #eeeeee solid;}

/*TEXTOS*/
.txtGeneral{ font: 12px Arial, Helvetica, sans-serif; color: #435A6D; }
.txtFooter{ font: 10px Arial, Helvetica, sans-serif; color: #435A6D;}
	#FooterLigas .txtFooter {text-decoration:none;}
		#FooterLigas .txtFooter:hover{ text-decoration:underline;}
.txtRojoSmall{font: 10px Arial, Helvetica, sans-serif; color:#CC0000;}		

/*ELEMENTOS*/
#divTeaserColRight{ background:#E3E7E9 url(../images/imgBgDivTeasersColRightTop.gif) no-repeat left top; padding:20px 10px; padding-bottom:1px;}
	#divTeaserColRightBot  {background:url(../images/imgBgDivTeasersColRightBot.gif) no-repeat left bottom;}
	#divTeaserColRight img{float:left; margin-right:5px;}
	#divTeaserColRight p { font: 11px Arial, Helvetica, sans-serif; color: #545454; }	
.divFloatLeft{clear:left; margin-bottom:40px; display:block;}

/*LISTAS*/
.ulGeneral { margin:10px; margin-bottom:20px; font: 12px Arial, Helvetica, sans-serif; color: #293756;}
.ulGeneral li { background: url(../images/icnListaGeneral.gif) no-repeat left 5px; padding-left:12px;}

/*LAYOUT GENERAL*/
#Contenedor {background-color:#FFFFFF; width:740px; float:left; margin-left:20px; padding:15px; display:block; clear:both;}

/*LAYOUT INICIO*/
#Inicio .colLeft {width:170px; margin-right:18px; float:left; display:block; position:relative;}
#Inicio .colCenter {width:280px; margin-right:18px; float:left; display:block; position:relative;}
#Inicio .colRight {width:248px; float:left; display:block; position:relative;}

/*LAYOUT NUESTRA EMPRESA*/
#NuestraEmpresa .colLeft {width:180px; margin-right:18px; float:left;}
#NuestraEmpresa .colRight {float:left; width:540px;}

/*LAYOUT CLIENTES*/
#Clientes .colLeft {width:30%; margin-right:18px; float:left;}
#Clientes .colCenter {float:left; width:30%; margin-right:18px;}
#Clientes .colRight {width:30%; float:left;}
#Clientes #divClientes { clear:both; text-align:center;}
	#Clientes #divClientes img {margin-right:20px; margin-bottom:20px; vertical-align:middle;}

/*LAYOUT SERVICIOS*/
#Servicios .colLeft {float:left; width:100%; margin-right:20px;}
#Servicios .colRight {float:left; width:45%;}
.divServicio {float:left; margin-bottom:30px; width:45%; margin-right:20px;}
	.divServicio img { float:left; margin-right:10px;}
	.divServicio ul { padding-left:80px; margin-bottom:0px;}
	
/*LAYOUT BENEFICIOS*/
#Beneficios .colLeft {width:180px; margin-right:18px; float:left;}
#Beneficios .colRight {float:left; width:540px;}	

/*LAYOUT INVENTARIO*/
#Inventario .colLeft {float:left; width:250px; margin-right:20px; }
#Inventario .colRight {float:left; width:470px;}	
	#Inventario .colRight a{font-size: 12px; color: #293756;}

/*LAYOUT OFICINAS*/
#Oficinas .Contendido {float:left; width:100%;}
	#Oficinas .Contendido a{font-size: 12px; color: #293756;}	

/*LAYOUT CONTACTANOS*/
#Contactanos .divContacto{float:left; width:100%; margin-bottom:20px;}
	#Contactanos .divContacto img{float:left; margin-right:18px;}
	#Contactanos .divContacto a{font-size: 12px; color: #293756;}
	
/*LAYOUT LIGAS*/
#Ligas .colLeft {float:left; width:100%;}	
	#Ligas .colLeft a{font-size: 12px; color: #293756;}