﻿/* Copyright 2007 Ungravity.com - All Rights Reserved.   
/*-- v 1.00 23/02/2007 15:13:00 leonel --*/



/* ******************  HZone  *************** */

/*Logo y bg*/
div#HZone .SectionA {height:138px;  margin:0; }
/*Menu principal*/
div#HZone .SectionB {height:55px;  margin:0; }

/* ******************  MZone  ************** */

/*Contenido - Lado izquierdo*/
div#GroupA {margin:0; padding: 20px 5px 10px 10px; float:left; width:475px;   }
div#GroupA1 {margin:0; padding: 20px 20px 10px 20px; width:710px; }

/*Parrafo de bienvenida Home*/
	div#GroupA .Area1 { margin:0; padding:0; text-align:justify; clear:both; display:table;  }
		
	div#GroupA h1.home {
		margin:0; padding:0; line-height:40px; font-size:100%; background: url('../picFiles/titHomeGAA1.gif') no-repeat 0px 0; 
	}
	div#GroupA .Area1 img {  padding:2px; background:#FFF;  border: solid 2px #CFD2D6;   }
	div#GroupA .Area1 p {margin:0; padding:0 10px 5px 10px;  }

/*Article List*/
div#GroupA1 .ArtList {margin:0; padding:0 0 0 10px; text-align:justify; display:table;  }
	div#GroupA1 .ArtList img {float:left; margin:0 10px 5px	0; border: solid 1px #C0C0C0; clear:both; }
	div#GroupA1 .ArtList a  {text-decoration:none; color:#0876be; }
	div#GroupA1 .ArtList a:hover  { text-decoration:underline;  color:#054B7A; }
	div#GroupA1 .ArtList dt { padding:10px 0 0 0; font-size: 140%; font-weight:bold; color:#0876be; }
	div#GroupA1 .ArtList dd { padding:0 0 20px 0; margin:0; display:block; background: url('../picFiles/bgSpanGAA3.gif') repeat-x bottom; }




	 /******/	
		#ContentList{
			display:table; 					
			line-height:1.4em; list-style:none; padding-left:0px; margin-left:0px; 
		}
		
		#ContentList li{
			float:left; clear:both; width:100%;				
			margin-top:15px;
			padding-bottom:15px;
			background-image:url(../picFiles/bgSpanGAA3.gif); background-repeat:repeat-x; background-position:bottom; 			
		}
	
		#ContentList h4{ margin-bottom:5px; font-size: 140%; }
		#ContentList h4 a{ color:#0876be;text-decoration:none; }
		#ContentList h4 a:hover{ text-decoration:underline;  color:#054B7A; }


	
		#ContentList img{ 
			float:right; 
			padding:5px; margin-left:10px;
			border:1px solid #f0f0f0;
		}
	

		 /******/
		#ContentList .InlineDefList{ 
			display:block;  
			margin:5px 0px;padding:0px;  		
		}
					
		#ContentList .InlineDefList dt{
			display:inline; 
			margin-left:0; padding-left:15px; 
			background-image:url(../picFiles/bullet_OpenArrow.gif); background-repeat:no-repeat; background-position:7px 3px;
			border-left:1px solid #f0f0f0; 		 
			font-weight:bold;  
		}
		
		#ContentList .InlineDefList dd{ 
			display:inline; 
			margin-left:0; padding-right:10px;
		}
		
		#ContentList .InlineDefList dt:first-child , .InlineDefList .first-child { 
			border:0px;		
			padding-left:10px;
			background-position:0px 3px;
		}
	




/*Article Detail*/
div#GroupA1 .ArtDetail {margin:0; padding:0 0 0 15px; text-align:justify; }
	div#GroupA1 .ArtDetail img {float:left; margin:10px 10px 0 10px; border: solid 1px #C0C0C0; }
	div#GroupA1 .ArtDetail a  {text-decoration:none; color:#0876be; }
	div#GroupA1 .ArtDetail a:hover  { text-decoration:underline;  color:#FF8040; }
	div#GroupA1 .ArtDetail p { margin:0; padding:0 0 15px 0; }

/*Noticias/Eventos List*/
div#GroupA1 .NotList {margin:0; padding:0 0 20px 10px; text-align:justify;}
	div#GroupA1 .NotList h2 { margin:0; padding:0; text-indent:30px; line-height:25px; color:#00adef; background: url('../picFiles/bgH1Interna.gif') no-repeat bottom; }
	div#GroupA1 .NotList img {float:left; margin:0 10px 5px	0; border: solid 1px #C0C0C0; }
	div#GroupA1 .NotList p { margin:0; padding:15px 0 0 0; }
	div#GroupA1 .NotList p a { color:#00A3F0; font-weight:normal; text-decoration:underline; }
	div#GroupA1 .NotList p a:hover { color:#007BB7; font-weight:normal; }
	div#GroupA1 .NotList p strong { font-size:120%; }
	div#GroupA1 .NotList a  {text-decoration:none; font-weight:bold; font-size:0.9em; color:#FF8040; }
	div#GroupA1 .NotList a:hover  { text-decoration:underline;  color:#D54500; }
	div#GroupA1 .NotList dl { padding:0; margin:0; }
	div#GroupA1 .NotList dt { padding:10px 0 0 0; font-size: 140%; font-weight:bold; color:#0876be; }
	div#GroupA1 .NotList dd { padding:0 0 20px 0; margin:0; display:block; background: url('../picFiles/bgSpanGAA3.gif') repeat-x bottom; }

/*Noticias Detail*/
div#GroupA1 .NotDetail {margin:0; padding:0 0 0 15px; text-align:justify;}
	div#GroupA1 .NotDetail img { float:left; margin:5px 10px 5px	10px; border: solid 1px #C0C0C0; }
	div#GroupA1 .NotDetail a  {text-decoration:none; color:#0876be; }
	div#GroupA1 .NotDetail a:hover  { text-decoration:underline;  color:#FF8040; }
	div#GroupA1 .NotDetail p { margin:0; padding:0 0 15px 0; color: #838383; }
	div#GroupA1 .NotDetail strong { padding:0; margin:0; font-weight:bold; color:#FF8040;}

/*Eventos Form*/
div#GroupA1 .EveForm { margin:0; padding:0 0 0 15px;}
	div#GroupA1 .EveForm p { margin:0; padding:0 0 10px 0; color: #838383; text-align:justify; }
	div#GroupA1 .EveForm form { margin:0; padding:0;  }
	div#GroupA1 .EveForm dt { padding:15px 0 2px 45px; }
	div#GroupA1 .EveForm dd { padding:0 0 0 25px; }
	div#GroupA1 .EveForm legend {  font-size:120%; font-weight:bold; color:#0876be;text-align:left; padding-left:10px; padding-right:10px; }
	div#GroupA1 .EveForm label {  font-size:11px;}
	div#GroupA1 div.boton { text-align:center; }
	div#GroupA1 .EveForm strong { padding:0; margin:0; font-weight:bold; color:#FF8040; }

/*Promociones Ofertas List*/
div#GroupA1 .PromOferList {margin:0; padding:10px 0 0 20px; }
	div#GroupA1 .PromOferList img {margin:0 5px 2px 0; float:left; }
	div#GroupA1 .PromOferList li {margin:4px 5px 4px 5px; padding:10px 5px 5px 5px; width:30%; list-style:none; border: solid 1px #CCC; float:left; }
	div#GroupA1 .PromOferList em {font-weight:bold; font-style:normal; color:#FF8000; }
	div#GroupA1 .PromOferList strong { font-size:120%; color:#0876be; }
	div#GroupA1 .PromOferList span.separator {margin:0 0 5px 0; padding:0; height:10px; display:block; clear:left; background: url('../picFiles/bgSpanGAA3.gif') repeat-x 0 50%; }
	div#GroupA1 .PromOferList a.Detalle  { margin:0 5px 0 5px; padding:2px 8px 2px 8px; font-size:9px; text-decoration:none; background: #838383 url('../picFiles/bgBtnGris.gif') repeat-x; font-weight:bold; border: solid 1px #B4B4B4; color:#FFF; float:right; }
	div#GroupA1 .PromOferList a:hover.Detalle  { background: #6D6D6D; border: solid 1px #B4B4B4; }
	div#GroupA1 .PromOferList a.Comprar  { margin:0 5px 0 5px; padding:2px 8px 2px 8px; font-size:9px; text-decoration:none; background: #FF9403 url('../picFiles/bgBtnAmarillo.gif') repeat-x; font-weight:bold; border: solid 1px #FFC993; color:#FFF; float:right; }
	div#GroupA1 .PromOferList a:hover.Comprar  { background: #F08B02; border: solid 1px #F08B02; }

/*Promocion Detail*/
div#GroupA1 .PromoDetail {margin:0; padding:0 0 0 15px; text-align:justify;}
	div#GroupA1 .PromoDetail img { float:left; margin:5px 10px 5px	10px; border: solid 1px #C0C0C0; }
	div#GroupA1 .PromoDetail a  {text-decoration:none; color:#0876be; }
	div#GroupA1 .PromoDetail a:hover  { text-decoration:underline;  color:#FF8040; }
	div#GroupA1 .PromoDetail p { margin:0; padding:0 0 15px 0; color: #838383; }
	div#GroupA1 .PromoDetail strong { padding:0; margin:0; font-size:110%; font-weight:bold; color:#FF8040;}

/*Oferta Detail*/
div#GroupA1 .OferDetail {margin:0; padding:0 0 0 15px; text-align:justify;}
	div#GroupA1 .OferDetail img { float:left; margin:5px 10px 5px	10px; border: solid 1px #C0C0C0; }
	div#GroupA1 .OferDetail a  {text-decoration:none; color:#0876be; }
	div#GroupA1 .OferDetail a:hover  { text-decoration:underline;  color:#FF8040; }
	div#GroupA1 .OferDetail p { margin:0; padding:0 0 15px 0; color: #838383; }
	div#GroupA1 .OferDetail strong { padding:0; margin:0; font-size:110%; font-weight:bold; color:#FF8040;}
	
/*Formulario de contacto*/
div#GroupA1 .Contacto { margin:0; padding:0 0 0 20px;}
	div#GroupA1 .Contacto img {margin:5px 10px 5px	10px; }
	div#GroupA1 .Contacto p { margin:0; padding:15px 0 0 0; color: #838383; text-align:justify; }
	div#GroupA1 .Contacto ul { margin:0; padding:10px 0 20px 30px;}
	div#GroupA1 .Contacto li { margin:0; padding:0; line-height:140%; font-weight:bold; list-style:none;}
	div#GroupA1 .Contacto form { padding:0;  }
	div#GroupA1 .Contacto fieldset { width:550px; margin:auto; }
	div#GroupA1 .Contacto fieldset label { font-size:11px;  }	

	div#GroupA1 .Contacto legend { font-size: 120%; font-weight:bold;  color:#0876be;  padding-left:10px; padding-right:10px; }
	div#GroupA1 .Contacto dd {margin: 0px; padding:5px 0 5px 50px;}
	div#GroupA1 .Contacto input.boton {margin: 5px auto 0 auto; display:block; text-align:center;}
	div#GroupA1 .Contacto strong { padding:0; margin:0; font-weight:bold; color:#FF8040;}

/*Banner 468x60 Home*/
div#GroupA .Area2 { width:468px; display:table; margin-top:5px; margin-bottom:5px; }
div#GroupA .Area2 div { display:block;  padding:0; margin:0; float:left; }
div#GroupA .Area2 script { display:none;}

div#GroupA .LaboratoryBanners li {border:1px solid #f0f0f0; width:468px; display:table; clear:both}


/*Noticias Home*/
div#GroupA .Area3 { margin:0; padding:0; width:468px; text-align:justify; }
	div#GroupA .Area3 img { float:left; margin:35px 10px 5px 10px; padding:1px; border: solid 1px #CFD2D6; }
	div#GroupA .Area3 p { margin:0; padding:10px 10px 15px 10px; border: solid 1px #CCC; }
	div#GroupA .Area3 strong { color:#2c2c2c; }
	div#GroupA .Area3 h1 { margin:0; padding:25px 0 0 0; font-size:small; background: url('../picFiles/titHomeGAA3.gif') no-repeat 0 0; }
	div#GroupA .Area3 a  { text-decoration:underline; font-weight:bold; font-size:0.9em; color:#289CC9; }
	div#GroupA .Area3 a:hover  { color:#007BB7; }
	div#GroupA .Area3 a.masinfo  { text-decoration:none; font-weight:bold; font-size:0.9em; color:#EC8306; }
	div#GroupA .Area3 a.masinfo:hover { color:#9F5904; }

/*Ofertas Home*/
div#GroupA .Area4 {margin:0; padding:45px 0 0 0; width:468px; background: url('../picFiles/titHomeGAA4.gif') no-repeat 0 0; }
	div#GroupA .Area4 img {margin:0 5px 2px 0; float:left; }
	div#GroupA .Area4 li {margin:4px 0 4px 0; padding:10px 5px 5px 5px; list-style:none; }/*item*/
	div#GroupA .Area4 li.left {width:47%; border: solid 1px #CCC; float:left; }/*item left*/
	div#GroupA .Area4 li.right {width:47%; border: solid 1px #CCC; float:right; }/*item right*/
	div#GroupA .Area4 em {font-weight:bold; font-style:normal; color:#FF8000; }
	div#GroupA .Area4 strong { color:#2c2c2c; }
	div#GroupA .Area4 span.separator {margin:0 0 5px 0; padding:0; height:10px; display:block; clear:left; background: url('../picFiles/bgSpanGAA3.gif') repeat-x 0 50%; }
	div#GroupA .Area4 a.Detalle  { margin:0 5px 0 5px; padding:2px 8px 2px 8px; font-size:9px; text-decoration:none; background: #838383 url('../picFiles/bgBtnGris.gif') repeat-x; font-weight:bold; border: solid 1px #B4B4B4; color:#FFF; float:right; }
	div#GroupA .Area4 a:hover.Detalle  { background: #6D6D6D; border: solid 1px #B4B4B4; }
	div#GroupA .Area4 a.Comprar  { margin:0 5px 0 5px; padding:2px 8px 2px 8px; font-size:9px; text-decoration:none; background: #FF9403 url('../picFiles/bgBtnAmarillo.gif') repeat-x; font-weight:bold; border: solid 1px #FFC993; color:#FFF; float:right; }
	div#GroupA .Area4 a:hover.Comprar  { background: #F08B02; border: solid 1px #F08B02; }
	
	.precio { text-decoration: line-through; color:#8D8989 !important}
	
	
 
	
	
	
	
	

/*Sidebar - Lado derecho*/
div#GroupB {margin:0; padding: 10px 5px 0 0; width:250px; float:right; display:table; padding-left:3px; }
div#GroupB hr {display: none; clear:both; }

/*Acceso clientes-proveedores Home*/
div#GroupB .Area1 {margin:0; padding:0 0 10px 0; }
	div#GroupB .Area1 li {margin:4px 0; padding:0; list-style:none; }
	div#GroupB .Area1 li#Clientes {background: url('../picFiles/btnClientes.gif') no-repeat; }
	div#GroupB .Area1 li#Clientes a  {width:246px; height:52px; cursor:pointer; text-decoration:none; display:block; background: url('../picFiles/btnClientes.gif') no-repeat; }
	div#GroupB .Area1 li#Clientes a:hover {background: url('../picFiles/btnClientesOn.gif') no-repeat; }
	div#GroupB .Area1 li#Proveedores {background: url('../picFiles/btnProveedores.gif') no-repeat; }
	div#GroupB .Area1 li#Proveedores a  {width:246px; height:52px; text-decoration:none; display:block; background: url('../picFiles/btnProveedores.gif') no-repeat; }
	div#GroupB .Area1 li#Proveedores a:hover {background: url('../picFiles/btnProveedoresOn.gif') no-repeat; }

/*Botones banners 120x60 Home*/
	div#GroupA .LaboratoryBanners .Area2{
	
		margin:0; clear:both;  height:120px; margin-top:10px; 
		/*padding-top:37px; margin-top:10px;  background-image:url('../picFiles/TitHomeOLab.gif') ; background-repeat:no-repeat; 
		background-position:4px top  ;*/
		
	}
	
	div#GroupA .LaboratoryBanners {
	
	border:none;
	margin-top:10px;
		
	}	
	
	div#GroupA .LaboratoryBanners ul{

	border:none;
		
	}
	
	div#GroupA .LaboratoryBanners .Area2 li {list-style:none; width:468px; border:1px solid #cccccc;}
	div#GroupA .LaboratoryBanners .Area2 li a  {margin:0; padding:0; text-decoration:none;  }
	div#GroupA .LaboratoryBanners .Area2 img { margin:2px 1px; border: solid 1px #79adcc; }
	div#GroupA .LaboratoryBanners .Area2 li.separator { margin:0; padding:0; height:1px; width:248px; background: url('../picFiles/bgSpanGBA3.gif') repeat-x 0 50%; }

/*Encuesta Home*/
div#GroupB .Area3 {margin:10px 0 0 0; padding:0; width:246px; background: url('../picFiles/bgGBA3-2.gif') repeat-y; clear:left;}
	div#GroupB .Area3 legend {  display:none; text-align:left; padding-left:10px; padding-right:10px; }
	div#GroupB .Area3 form { margin:0; padding:0;  }
	div#GroupB .Area3 fieldset { margin:0; padding:40px 20px 0 20px; border:0; background: url('../picFiles/bgGBA3-1.gif') no-repeat 0 0; }
	div#GroupB span.separator { margin:0; padding:0; height:10px; width:98%; text-align:center; display:block; background: url('../picFiles/bgSpanGBA3.gif') repeat-x 50% 50%; }
	div#GroupB span.bottomArea3 {margin:0; padding:0; height:6px; display:block; background: url('../picFiles/bgGBA3-3.gif') no-repeat bottom; }
	div#GroupB input.boton {margin: 0 auto 0 auto; display:block; text-align:center; vertical-align:middle }
	div#GroupB input { vertical-align:middle }
	div#GroupB strong { padding: 0 0 10px 0; font-size:110%; color:#505358; }

/*Banners 234x60 Home*/
div#GroupB .Area4 {margin:10px 0 0 0; padding:0; background: url('../picFiles/TitHomeGBA4.gif') no-repeat 0 0; padding-top:37px; }
/*	div#GroupB .Area4 ul { margin:auto}	 */
	div#GroupB .Area4 span { margin:0; padding:13px 0 0 0; background: url('../picFiles/TitHomeGBA4.gif') no-repeat 0 0; }
	div#GroupB .Area4 li { list-style:none; border:1px solid #f0f0f0; }
	div#GroupB .Area4 li a  { text-decoration:none; }
	div#GroupB .Area4 img { margin:0; padding:0; border: solid 1px #bdbdbf; }

/* ******************  FZone  ************** */

/*Menu de texto*/
div#FZone .SectionA {
	margin:0; padding:20px 0 0 0; height:50px; line-height:50px; text-align:center;  background: url('../picFiles/bgFZSA.gif') repeat-x bottom;
	font-size:11px; 
}
	div#FZone .SectionA li {margin:0; padding:0; list-style:none; display:inline; }
	div#FZone .SectionA a  { margin:0; padding:2px 8px 2px 8px; background:transparent; text-decoration:none; color:#595959; }
	div#FZone .SectionA a:hover  { background:#EEF3F6; color:#289CC9; }
	div#FZone .SectionA a.ActiveLink  { background:#EEF3F6; color:#FF8800; }
/*Copyright*/
div#FZone .SectionB {margin:5px 0 0 5px; padding:0; float:left; font-size:90%; color:#9F9F9F; }
/*Mosca ungravity*/
div#FZone .SectionC {margin:10px 5px 10px 0; padding:0; float:right; }
	div#FZone .SectionC a  {width:118px; height:20px;  font-size:small; text-decoration:none; display:block; background: url('../picFiles/ungravity.gif') no-repeat 0 0; }
	div#FZone .SectionC a:hover {background: url('../picFiles/ungravityOn.gif') no-repeat; }
	
	
/* ******************  Mensajes  ************** */

/*MessageSuccess*/ 	
	#MessageSuccess { text-align:center; }
	#MessageSuccess strong { font-size:140%; color:#0066CC; }
	#MessageSuccess em { font-size:125%; color:#00adef; font-style:normal; }
	#MessageSuccess p { width:65%; margin:30px auto; padding:30px 0 15px 0; background:url('../picFiles/bullMessage.gif') no-repeat 50% 0; border-bottom:1px #289CC9 dotted; }

/*MessageWarning*/ 	
	#MessageWarning { text-align:center; }
	#MessageWarning strong { font-size:140%; color:#FF9900; }
	#MessageWarning em { font-size:120%; color:#00adef; font-style:normal; }
	#MessageWarning p { width:65%; margin:30px auto; padding:30px 0 15px 0; background:url('../picFiles/bullMessage.gif') no-repeat 50% 0; border-bottom:1px #289CC9 dotted; }

/*MessageInfo*/
	#MessageInfo { text-align:center; }
	#MessageInfo strong { font-size:140%; color:#0066CC; }
	#MessageInfo em { font-size:125%; color:#00adef; font-style:normal; }
	#MessageInfo p { width:65%; margin:30px auto; padding:30px 0 15px 0; background:url('../picFiles/bullMessage.gif') no-repeat 50% 0; border-bottom:1px #289CC9 dotted; }
		   
/* ******************  Paginador  ************** */
#Pagination { margin:0; padding:0; display:block; text-align:center; clear:both }
#Pagination table{ margin:auto  }
#Pagination li { margin:0; padding:0 2px 0 2px; height:15px; list-style:none; display:inline; color:#289CC9; }
#Pagination a { padding:2px 3px; font-size:110%; text-decoration:none; color:#007BB7; background:#EEF3F6; }
#Pagination a:hover { background:#D6E1E8; }
#Pagination a.boton { padding:2px 3px; font-size:110%; text-decoration:none; color:#007BB7; background:transparent; }
#Pagination a:hover.boton { background:transparent; }
#Pagination em { padding:2px 3px; font-size:110%; font-style:normal; font-weight:bold; text-decoration:underline; }
#Pagination img { margin:0 0 4px 0; vertical-align:middle; }

/* ******************  BreadCrumb  ************** */
#BreadCrumb { margin:0; padding:10px 20px 0 15px; float:right; background: url(../Picfiles/bulletBreadCrumb.gif) no-repeat 0 90%; }
#BreadCrumb li { margin:0; padding:0 2px 0 2px; height:15px; list-style:none; display:inline; color:#289CC9; border-bottom:none;  }
#BreadCrumb li .ActiveLink { color:#FF8040; }
#BreadCrumb a { text-decoration:none; color:#289CC9; border-bottom:none; }
#BreadCrumb a:hover { color:#007BB7; border-bottom:1px #289CC9 dotted; }