/*css para maquetar*/
body {
	font-family:Arial,Verdana,Tahoma;	
	font-size:12px;	
	background-color: #000000;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;	
}

#capacontendedor{			
	  position: absolute;
    left: 50%;
    margin-left: -488px;    
    background-color:#ffffff;
    
  }
  
/*css de google*/  
  
.cse-branding-bottom,
.cse-branding-right {
margin:0;
padding:0
}
.cse-branding-bottom,
.cse-branding-right {
zoom: 1;
}
.cse-branding-bottom:after,
.cse-branding-right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.cse-branding-text { 
font: 10px Arial;
}
.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {
display: block; 
float: left
}
.cse-branding-bottom .cse-branding-form {
margin-bottom: 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding: 0
}
.cse-branding-bottom .cse-branding-text {
padding-top: 4px
}
.cse-branding-right .cse-branding-form {
float: left;
}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {
margin-left: 4px;
}
.cse-branding-right .cse-branding-form {
float: left;
margin-right: 4px;
}
.cse-branding-right .cse-branding-logo {
padding: 0
}
.cse-branding-right .cse-branding-text {
margin-top: -4px
}

/*fin del css de google*/



.tablaPeque{
  font-size:10.50px;
}

.leyenda{
	font-size:9px;
	text-align:left;
}

.capasSelecionada{	
	font-family:Arial,Verdana,Tahoma;
	font-size:11px;	
	text-align:center;
	font-weight:bold;	
	color:Black;
	text-align:center;
}

.capasSinSelecionada{	
	font-family:Arial,Verdana,Tahoma;
	font-size:11px;	
	text-align:center;
	font-weight:bold;
	text-align:center;
	background:Black;	
	color:#ffffff;
}

.cabeceraTabla{	
	font-family:Arial,Verdana,Tahoma;
	font-size:11px;	
	text-align:center;
	font-weight:bold;	
	background-color:#cccccc;
	color:#ffffff;
	text-align:center;
}

.resaltar{	
	background-color:blue;
	color:#ffffff;
	text-align:left;
	font-weight:bold;	
}

.toggler{ 
  cursor:pointer; 
  margin:5px 0 0 0 ; 
  color:#006699; 
  padding:5px; 
  }
.element{ 
  padding:0 5px;
  margin-bottom:5px; 
  color:#000000;
}
.colorLista{ 
  color:#006699;     
}
.indice{    
    font-size:15px;
}
.tituloContenido{ 
  color:#FF0000;
  font-weight:bold;
  text-align:center;
}
.tamContenido{
  margin-right:10px;
  margin-left:10px;  
  text-align:justify;
}

.producto{
	background-color:#EEEEEE;
	text-align:justify;
}

.tamContenidoFlash{  
  height:615px;    
}
.fondoTH{
	color:#FF0000;
	background-color:#00FF00;
}

.tabla2 th{	
	color:#00FF00;	
	background-color:#000000;
	border-color:#00FF00;	
	border-bottom:1px solid;
}


.tabla th{
	color:#FF0000;
	background-color:#00FF00;
	border-color:#FF0000;	
	border-bottom:1px solid;
}
.tabla td{
	border-color:#FF0000;	
	border-bottom:1px solid;	
}

.tabla2 td{
	border-color:#00FF00;	
}

.tamTabla{
	width:977px;
	text-align:center;
	background-color:white;
	text-align:center;		
}

.tamMenuLateral{
	width:200px;
	height:500px;	
	background-color:white;
	text-align:left;	
}

.colocarTexto{
	padding-left:10px;
	text-align:justify;
	padding-right:10px;
}

.capasEnlaces{	
	background-color:#b2ab9b;	
	color:#ffffff; 
	text-align:left;
	font-weight:bold;
}

.resaltadoRojo{ 
  color:#ff0000; 
  font-weight:bold;
}
.resaltadoVerde{ 
  color:#00ff00; 
  font-weight:bold;
}

.resaltadoVerdeOscuro{ 
  color:#006633; 
  font-weight:bold;
}

.resaltadoBlanco{ 
  color:#ffffff; 
  font-weight:bold;
}

.separacionTexto{
	padding-top:5px;
}
.separacionTextoLista{
	padding-top:10px;
}
.colorNegro{
	color:#000000;
}

.colorPanel{
	background-color:#EEEEEE;
}
.colorPanelCabecera{
	background-color:#DDDDDD;
}

.textosPie {
		font-family:Arial,Verdana,Tahoma;	
		font-size:11px;
		color:#ffffff;
	}
	
.homePublicidad {	
		border-right:1px solid;
		border-color:red;	
		padding-left:5px;
		padding-right:5px;
		padding-top:10px;
}

.homeTags {	
		border-left:1px solid;
		border-color:red;	
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
}

/*Estilos para la nube de tags*/
.tag1{			
	font-size:14px;
	color:#66FF00;		
}
.tag2{			
	font-size:10px;
	color:#993300;		
}
.tag3{			
	font-size:13px;
	color:#66CC33;		
}
.tag4{			
	font-size:11px;
	color:#CC6600;		
}
.tag5{			
	font-size:10px;
	color:#CCCC00;		
}
.tag6{			
	font-size:10px;
	color:#993399;		
	font-weight:bold;
}

.tag7{			
	font-size:9px;
	color:#996699;		
}
.tag8{			
	font-size:12px;
	color:#339900;		
}
.tag9{			
	font-size:13px;
	color:#CC9999;		
}
.tag10{			
	font-size:12px;
	color:#FF3300;		
	font-weight:bold;
}
.tag11{			
	font-size:11px;
	color:#339900;	
	font-weight:bold;	
}
.tag12{			
	font-size:9px;
	color:#330000;		
}
.tag13{			
	font-size:10px;
	color:#333300;		
	font-weight:bold;
}
.tag14{			
	font-size:12px;
	color:#FF6600;		
}
.tag15{			
	font-size:9px;
	color:#996633;	
	font-weight:bold;	
}
.tag16{			
	font-size:12px;
	color:#990066;		
}
.tag17{			
	font-size:10px;
	color:#3300FF;		
}
.tag18{			
	font-size:10px;
	color:#000000;		
}
.tag19{			
	font-size:10px;
	color:#CC6666;	
	font-weight:bold;	
}
.tag20{			
	font-size:10px;
	color:#FF0000;		
}
.tag21{			
	font-size:10px;
	color:#003300;		
}
.tag22{			
	font-size:10px;
	color:#FF00FF;		
}
.tag23{			
	font-size:12px;
	color:#666600;	
	font-weight:bold;	
}
.tag24{			
	font-size:10px;
	color:#CC3300;		
}
.tag25{			
	font-size:10px;
	color:#666666;		
}
.tag26{			
	font-size:12px;
	color:#990000;		
	font-weight:bold;	
}
.tag27{			
	font-size:10px;
	color:#CC00CC;		
}
.tag28{			
	font-size:13px;
	color:#9900FF;		
}
.tag29{			
	font-size:10px;
	color:#0000FF;		
}
.tag30{			
	font-size:10px;
	color:#006600;	
	font-weight:bold;	
}
.tag31{			
	font-size:13px;
	color:#FFCC66;		
}
.tag32{			
	font-size:9px;
	color:#3333FF;		
}
.tag33{			
	font-size:11px;
	color:#FF6699;		
}

.recuadro{
	background-color:#EEEEEE;
 	color:#FF0000; 
  font-weight:bold;
  padding-bottom:5px;
  padding-top:5px;
  margin-bottom:10px;
  margin-top:10px;
}

.noticias{
	background-color:#000000;
 	color:#FF0000; 
  font-weight:bold;
  text-align:center;
  padding-top:5px;
  padding-bottom:10px;
}

.boton_buscar input{
	border: 0px;
	width: 166px;
	height: 29px;
	background: url("http://www.qualitylife.es/imagenes/botonfondonegro.jpg") no-repeat;	
	color: #FFF;
	font-weight:bold;
	text-align:center;	
	cursor: pointer;	
}

.boton_buscar1 input{
	border: 0px;
	width: 75px;
	height: 26px;
	background: url("http://www.qualitylife.es/imagenes/botonfondoblancopeq.jpg") no-repeat;	
	color: #FFF;
	font-weight:bold;
	text-align:center;	
	cursor: pointer;	
	font-size:8.4px;
}

.boton_buscar2 input{
	border: 0px;
	width: 166px;
	height: 29px;
	background: url("http://www.qualitylife.es/imagenes/botonfondoblanco.jpg") no-repeat;	
	color: #FFF;
	font-weight:bold;
	text-align:center;	
	cursor: pointer;	
}

A:link {text-decoration: none}
A:visited {text-decoration: none; color:#006633;}
A:active {text-decoration: none}
A:hover {text-decoration: none;}

div h1{
	font-size:16px;
	color:#00ff00; 
	font-weight:bold;
}

div h2{
	font-size:15px;
	color:#ff0000; 
	font-weight:bold;
}
/*
div h3{
	font-size:14px;
	color:#ff0000; 
	font-weight:bold;
}
*/
.separacionCapas{
	padding-top:5px;
	padding-bottom:5px;
}

.separacionCapasAncho{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:25px;
}

.separacionCapasAncho2{
	padding-top:5px;
	padding-bottom:5px;	
	padding-right:25px;
	padding-left:3px;	
}

.separacionIzquierda{
	padding-left:5px;
}

.separacionDerecha{
	padding-right:5px;
}


.cajaTexto{	
	width: 180px;
}

.cajaAlinearLeft{	
	text-align:left;
	padding-left:10px;
}

.cajaAlinearRight{	
	text-align:right;
	padding-right:10px;
}

.desplegable{
cursor: pointer;	

}

.espacioEntreLinea{
	line-height:20px;
}

.undisplayed {
	display: none;
}

.textoFormateado{
	line-height:20px;
	text-align:justify;
	padding-top:10px;		
}

.ofertasqualitylife{
	background-color:#ff0000;
 	color:#EEEEEE; 
  font-weight:bold;	
  font-family:Comic Sans MS,Arial,Verdana,Tahoma;
	font-size:15px;	
	height: 29px;
	margin-top:10px;
	margin-left:7px;
	margin-right:7px;	
}

.ofertasServicios{
	background-color:#ff0000;
 	color:#EEEEEE; 
  font-weight:bold;	
  font-family:Comic Sans MS,Arial,Verdana,Tahoma;
	font-size:31px;	
	line-height:40px;	
	padding-top:20px;
	padding-bottom:10px;	
}

.cajaRojaLetraBlanca{
	background-color:#FF0000;
 	color:#FFFFFF; 
  font-weight:bold;
  font-family:Arial,Verdana,Tahoma;
  font-size:12px;	
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;  
}


/*menu para los hexaganos*/
* html #outer {height:350px; he\ight:330px;}
.hex {padding:0; margin:0 auto; list-style:none;}
.hex li {display:block; width:50px; margin-right:80px;margin-top:20px; margin-left:100px;float:left}
.hex li a {text-decoration:none; color:#000; cursor:pointer;}
.hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
.hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; font-weight:bold;background:#ec0; font-size:11px; font-family: arial, veradana, sans-serif;}
.hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
* html .hex li a b, * html .hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}
.hex li a.inner b {border-bottom-color:#00FF00;}
.hex li a.inner span {background:#00FF00;}
.hex li a.inner em {border-top-color:#00FF00;}
.hex li a.inner:hover b {border-bottom-color:#FF0000;}
.hex li a.inner:hover span {background:#FF0000;}
.hex li a.inner:hover em {border-top-color:#FF0000;}
.hex li a:hover {white-space:normal; color:#fff;}
.hex li a:hover b {border-bottom-color:#FF0000;}
.hex li a:hover span {background:#FF0000;}
.hex li a:hover em {border-top-color:#FF0000;}


/*css curvas*/

.xsnazzy h1, .zsnazzy h1 , .xsnazzy h2 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzySin h1, .zsnazzySin h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:240px; 
float:left; 
margin:0 2px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}
.sincolor_a {
color:#fff;
}
.color_a {
background:#000000;
color:#fff;
}

.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}

.enlace {
background: transparent; 
width:130px; 
float:left; 
margin:0 3px;
}


/*menu pagina web*/

.preload1 {background: url(../drop3/blank_over.gif);}
.preload2 {background: url(../drop3/blank_overa.gif);}

.menu2 {padding:0 0 0 0px;margin:0; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
/*.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../drop3/blank.gif);}*/
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ff0000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../drop3/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(../drop3/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(../drop3/blanka.gif) no-repeat right top;}
/*.menu2 li a.top_link:hover {color:#fff; background: url(../drop3/blank_over.gif) no-repeat;}*/
.menu2 li a.top_link:hover {color:#ff0000; background: url(../drop3/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../drop3/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../drop3/blank_overa.gif) no-repeat right top;}

/*.menu2 li:hover > a.top_link { color:#000000; background: url(../drop3/blank_over.gif) no-repeat;}*/
.menu2 li:hover > a.top_link { color:#ff0000; background: url(../drop3/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../drop3/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../drop3/blank_overa.gif) no-repeat right top;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}


.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../drop3/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#000000; color:#FFFFFF;}
.menu2 :hover ul.sub li a.fly:hover {background:#000000 url(../drop3/arrow_over.gif) 80px 7px no-repeat;color:#FFFFFF;}
.menu2 :hover ul li:hover > a.fly {background:#000000 url(../drop3/arrow_over.gif) 80px 7px no-repeat;color:#FFFFFF;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}

.pieTextos{	
	text-align:center;
	background-color:#000000;
	width:573px;
	margin-left:208px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;		
} 	