/* Start of CMSMS style sheet 'sunluxPrueba7 : sunlux7' */
body {
	margin: 0;
	padding: 0;
        background-color:#9AB0C0;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 11px;
	/** background-image: url(http://www.sunpipe.co.uk/assets/scripts/GeneratedItems/bg.gif);**/
        background-image: url(uploads/bg.gif);
        height: 16px;
        vertical-align: top;  
	font-weight: normal;
	line-height: 1.5em;
	}
	
html>body { 
	font-size: 11px;
	}




#container {
        margin:-15px auto 0 auto; 
        width:774px;
	background-color:#ffffff;
	background-repeat: no-repeat;
	padding: 0px;
        border-left:1px solid #000;
        border-right:1px solid #000;
        
	}
	
#innercontainer {
	margin:0;
	padding:0;
	width:774px;
	}
	
#header{
	margin:0;
	padding:0;
	height:155px;
	width: 774px;
        background-image: url(uploads/Panoramica/cabecerasunlux4.png);
	background-repeat: no-repeat;
	float:left;
	}
	
#header h1{
	display:none
	}

#content-left {
	/*width: 445px;*/
       width: 545px;
	float: left;
	height: auto;
	margin-left: 0px;
	padding:0;
	}

#content-left p {
	text-align: left;
	margin-left:0px;
       /*margin-left:25px;*/
	padding:0;
	display: block;
	/*width: 525px;*/
	width: 320px;
	color: #666666;
        text-align: justify;
	}

#content-left h2 {
	font-size: 17px;
	margin-left:10px;
       /*margin-left:25px;*/
	color: #973f1a;
      /*color: #CB231F;*/
	padding-left:0;
	font-weight: normal;
	}


	
#content-left h4 {
	font-size: 17px;
	margin-left:10px;
       /*margin-left:25px;*/
	color: #973f1a;
     /*color: #CB231F;*/
	padding-left:0;
	font-weight: normal;
	}

#content-left a {
	color: #000000;
	text-decoration: underline;
	}

#content-left a:hover {
	text-decoration: none;
	}	
	
#content-right {
	/*width:269px;*/
       /*width:175px;*/
        width:190px; 
	float:left;
	margin-top:0;
	margin-bottom: 0;
	padding-top: 20px;
        padding-left: 0;
	padding-bottom: 0;
	background-repeat: no-repeat;
	margin-left: 3px;
	background-position: 0px 20px;
	}
	
#content-todo {
       width:715px;
	float:left;
	margin-top:0;
	margin-bottom: 0;
	padding-top: 20px;
        padding-left: 0;
	padding-bottom: 0;
	background-repeat: no-repeat;
	margin-left: 20px;
	background-position: 0px 20px;
	}


#stuff {
width: 535px;
/*width: 525px;*/
margin: 0px 0px 0px 0px;
padding-top: 5px;
border: 2px navy;
}

#stuff-todo{
width: 713px;
margin: 0px 0px 0px 0px;
padding-top: 5px;
border: 2px navy;
}



/****************************** banner ****************************/
div#banner{
   float: right;
   width: 772px;    
   height: 90px;
   padding: 10px 0 0 0; /*cambiado*/
}


/****************************** Variasfun ****************************/
div#variasfun{
   float: right;
   width: 772px;    
   height: 30px;
   padding: 30px 0 0 0;
}


/****************************** Buscar****************************/
div#search {
   float: right;
   /* width: 27em;*/
   width:260px;    
   text-align: right;
   padding: 0em 0 0.2em 0;
   margin: 0 1em;

}

/****************************** Iconos****************************/
div#iconos{
   float: right;
   width:60px;    
   //text-align: right;
   padding: 5px 0 0 0;
   margin: 0 1em;
}

#toolbarIcons {
	float:left;
	margin:0 7px 0 0;
	width:60px;
}


/****************************** Miga de pan****************************/
div.breadcrumbs {
   padding: 0em 0 0.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;   
   width: 360px;        
   margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 0px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 


/****************************** Sub-Menu****************************/
#sub-menu{
width: 170px;
height: 100%;
margin-left:2px;

float: center;
text-align: left;
}

#sub-menu li a {

voice-family: "\"}\""; 
voice-family: inherit;
height: 25px;
text-decoration: none;
text-align: left;
color: #ffffff;
font-size: 11px;
}	
	
#sub-menu li a:link, #sub-menu li a:visited {
display: block;
background:  url(uploads/Panoramica/submenu_azul.gif) top center no-repeat;
padding: 4px 0 0 15px;
height: 25px;
text-align: left;
}
	
#sub-menu li a:hover {
color: blue;
background:  url(uploads/Panoramica/submenu_amarillo.gif) top center no-repeat;
padding: 4px 0 0 15px;
height: 25px;
text-align: left;
color: #000000;
font-size: 11px;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}


img {
border: none;
} 

h2 {font-size: 17px;}
h3 {font-size: 14px;}



/********************Menu horizontal***************************/
#tabbed {
	float:left;
	width:774px;
	line-height:normal;
	padding-top: 15px;
	padding-left: 0px;
	height: 28px;
       font-weight:bold; 

    }
	  
#tabbed ul {
	margin:0;
	padding:0px 0px 0;
	list-style:none;
	background-repeat: no-repeat;
    }
	  
#tabbed li {
	display:inline;
	height: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    }
	  
#tabbed a {
	float:left;
	background:url(uploads/Panoramica/tab-l2.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	color: #ffffff;
	font-size: 11px;
    }
	
#tabbed a span {
	float:left;
	display:block;
	background:url(uploads/Panoramica/tab-r2.gif) no-repeat right top;
	/*padding:5px 14px 17px 6px;*/
        padding:5px 14px 7px 6px;
	color:#ffffff;
	margin-left: 2px;
     }

#tabbed a span {
	float:none;
	}
   
#tabbed a:hover span {
      color:#fff;
     }
	  
#tabbed a:hover {
	background-position:0% -28px;
	text-decoration: none;
 
     }
	  
#tabbed a:hover span {
	background-position:100% -28px;
	text-decoration: none;
 
     }
	  



#special a:hover {
	background-position:0% -28px;
	text-decoration: none;
     }
	  
#special a:hover span {
	background-position:100% -28px;
	text-decoration: none;
     }
	  
#special a span {
	float:none;
	}

#special a:hover span {
      color:#fff;
    }
	  
#special a {
	float:left;
	background:url(uploads/Panoramica/tab-l2.gif) no-repeat left top;
        background-position:0%-28px;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	color: #fff;
     }
	  
#special a span {
     float:left;
     display:block;
     background:url(uploads/Panoramica/tab-r2.gif) no-repeat right top;
     background-position:100%-28px;
     padding:5px 14px 7px 6px;
     color:#fff;
     }




/*********************Pi�********************************/
#footer {
	background-color:#ffffff;
	height: 100px;
        background-image: url(uploads/Panoramica/sunlux_pie.png);
	clear: both;
	margin: 0px;
	width: 774px;
	padding-top: 5px;
	}
	
	#sub-footer {
	background-color:#ffffff;
	height: 25px;
	clear: both;
	margin: 0px;
	width: 739px;
	padding-top: 0px;
	font-size: 9px;
	color: #999999;
	text-align: center;
	display: block;
	}
	
#content-right p {
	color: #666666;
	margin-left: 20px;
	}

#content-right h4 {
	font-size: 15px;
	font-weight: normal;
	margin-left:20px;
	color: #CB231F;
	padding-left:0;
	}

#footer p {
	color: #000000;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	margin-left: 20px;
	}
	
#footer a {
	color: #000000;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
#content-right a {
	color: #000000;
	text-decoration: underline;
	}
	
#content-right a:hover {
	text-decoration: none;
	}
	
#header p {
	font-size: 10px;
	font-weight: bold;
	color: #F9FAE0;
	margin-top: 68px;
	margin-left: 75px;
	}
	
#header a {
	color: #FAFBE2;
	text-decoration: none;
	}
	
#header a:hover {
	text-decoration: underline;
	}

#footer-left {
	float: left;
	width: 387px;
        height: 40px;
	padding-top:3px;
	margin:0;
        background-image: url(uploads/Panoramica/pie_fondo.gif);
	}

#footer-right {
	float: right;
	height: 40px;
	padding-top:3px;
	margin:0;
	width: 387px;
        background-image: url(uploads/Panoramica/pie_fondo.gif);
	}

#footer-right p {
	text-align: right;
	display: block;
	padding-right: 25px;
	}
	






.divider {
	height: 12px;
	width: 100%;
	//background-image: url(uploads/Panoramica/br-graphic.gif);
	//background-repeat: no-repeat;
	//background-position: 100px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


.imagenizda {
	margin: 10px; 
	float: left;
       border: 10px solid #9AB0C0;
        
}






/****************** FORMULARIO PEDIDO*****************************/

.formulariopedido { 
	width: 700px;
        align: center;
        font-size: 10pt;
        font-family: Tahoma,arial, "lucida console";
           
}

.datospersonales   { 
	width: 660px;
        align: center;
        font-size: 10pt;
           
}

.datospersonales  label{
   float: left;
   width: 150px;
  // font-weight: bold;
}

.datospersonales  input, textarea{
   width: 400px;
   margin-bottom: 15px;
}




.datostecnicos   { 
	width: 660px;
        align: center;
        font-size: 10pt;
           
}


.distanciaespacio label{
   float: left;
   width: 400px;
}

.observaciones label{
   float: left;
   width: 640px;
}



.contactform .submit{
    margin-left: 10px;
    margin-top: 15px;
    width: 50px;
}

/****************** FORMULARIO DISTRIBUIDOR*****************************/

.formulariodistribuidor{ 
	width: 500px;
        align: center;
        font-size: 10pt;
        font-family: Tahoma,arial, "lucida console";
           
}

.fd_datospersonales   { 
	width: 490px;
        align: center;
        font-size: 10pt;
           
}

.fd_datospersonales  label{
   float: left;
   width: 150px;
   margin-left: 10px;
  // font-weight: bold;
}

.fd_datospersonales  input, textarea{
   width: 300px;
   margin-bottom: 15px;
}

.labeltiporedcomercial input{
   width: 10px;
   margin-bottom: 15px;
   margin-left: 10px;
}

.labeltiporedcomercial label{
  width: 468px;
  margin-bottom: 15px;
  margin-left: 10px;
}

.formulariodistribuidor.submit{
    margin-left: 10px;
    margin-top: 15px;
    width: 150px;
}

.tiporedcomercialini{
	width: 490px;
        align: center;
        font-size: 10pt;
}
.observacionesini{
	width: 490px;
        align: center;
        font-size: 10pt;
}
.observacionesini label{
   float: left;
   width: 150px;
   margin-left: 10px;
}

/****************** TECNICA **************************/
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xboxcontent {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px;} 
.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:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}          
     
/*lux*/
#luxFlatRoof {
	border-collapse:collapse;
	border:#fff;
	border-collapse:seperate;
	border-spacing:2px;	
	text-align:center;
	font-size:12px;
}

	#luxFlatRoof tr.header td {
		color:#fff;
		font-weight:bold;
		background:#191970;
	}

	#luxFlatRoof td{
		padding:4px 8px;
		vertical-align:top;
		border:2px solid #fff;
	}
	
	#luxFlatRoof .darkOrange {
			background:#ffa500;
	}
	
	#luxFlatRoof .paleYellow {
			background:#ffff99;
	}
	
	#luxFlatRoof .Yellow {
			background:#ffff33;
	}
	
	#luxFlatRoof .paleOrange {
			background:#ffcc66;
	}


/*Super Silver Output*/
table#superSilver {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	border:#fff;
	border-collapse:seperate;
	border-spacing:2px;	
	text-align:center;
	font-size:10px;
	margin:5px;
	color:#000;
}

	table#superSilver tr.header td, table#superSilver td.header {
		color:#fff;
		font-weight:bold;
		background:#191970;
	}

	table#superSilver td{
		padding:4px 8px;
		vertical-align:top;
		border:2px solid #fff;
	}
	
	table#superSilver td.orange{
		background:#FFA500;
	}

	table#superSilver td.yellow{
		background:#FFFF33;
	}
	
	table#superSilver td.lightYellow{
		background:#FFFF99;
	}


/*valves.html:  UV Values*/
.valvesSubtitle {
    display:block;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: navy;
}

#data {
	border:1px solid #fff;
	padding: 0 0 0 4px;
}

#data tbody th.header {
      background-color:#fff;
	  text-align:center;
	  border:1px solid #fff;
    }

#data tbody tr.yellow td {
      background-color:#FFFF33;   /*yellow*/
	  border:1px solid #fff;
	  color:#000;
	  text-align:center;
    }
#data tbody tr.orange td {
      background-color: #ffa500;  /*orange*/
	  border:1px solid #fff;
	  color:#000
	  text-align:center;
    }
    #data tbody tr.blue  td {
      background-color: #191970;  /*dark blue*/
	  border:1px solid #fff;
	  color:#fff;
	  text-align:center;
    }

/*Weights*/
table.weights {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	border:#fff;
	border-collapse:seperate;
	border-spacing:2px;	
	text-align:center;
	font-size:13px;
	margin:15px;
	color:#000;
}

	table.weights tr.header td, table.weights td.header {
		color:#fff;
		font-weight:bold;
		background:#191970;
	}

	table.weights td{
		padding:4px 8px;
		vertical-align:top;
		border:2px solid #fff;
	}
	
	table.weights td.orange{
		background:#FFA500;
	}

	table.weights td.yellow{
		background:#FFFF33;
	}
	
	table.weights td.lightYellow{
		background:#FFFF99;
	}

/*Customer Reponses */
/* Inset 3D Raised */
.customerReponses {background: transparent; width:100%; margin:0 auto;}
.customerReponses h1, .customerReponses p {margin:0 10px;}
.customerReponses h1 {text-align:center; font-size:2em; font-style:normal; color:#fff; letter-spacing:1px; margin:0 0 10px 0;}
.customerReponses p {text-align:justify; padding-bottom:0.5em; color:#EEC439;}
.customerReponses p.otherProducts {text-align:center; padding-bottom:0.5em; color:#EEC439;}
.customerReponses a:link, .customerReponses a:visited, .customerReponses a:active { color:#fff; text-decoration:none; } .customerReponses a:hover { color:#EEC439; font-weight:bold; }
.customerReponses .top, .customerReponses .bottom {display:block; background:transparent; font-size:1px;}
.customerReponses .b1, .customerReponses .b2, .customerReponses .b3, .customerReponses .b4, .customerReponses .b1b, .customerReponses .b2b, .customerReponses .b3b, .customerReponses .b4b {display:block; overflow:hidden;}
.customerReponses .b1, .customerReponses .b2, .customerReponses .b3, .customerReponses .b1b, .customerReponses .b2b, .customerReponses .b3b {height:1px;}
.customerReponses .b2 {background:#000066; border-left:1px solid #fff; border-right:1px solid #eee;}
.customerReponses .b3 {background:#000066; border-left:1px solid #fff; border-right:1px solid #ddd;}
.customerReponses .b4 {background:#000066; border-left:1px solid #fff; border-right:1px solid #aaa;}
.customerReponses .b4b {background:#000066; border-left:1px solid #eee; border-right:1px solid #999;}
.customerReponses .b3b {background:#000066; border-left:1px solid #ddd; border-right:1px solid #999;}
.customerReponses .b2b {background:#000066; border-left:1px solid #aaa; border-right:1px solid #999;}

.customerReponses .b1 {margin:0 5px; background:#fff;}
.customerReponses .b2, .customerReponses .b2b {margin:0 3px; border-width:0 2px;}
.customerReponses .b3, .customerReponses .b3b {margin:0 2px;}
.customerReponses .b4, .customerReponses .b4b {height:2px; margin:0 1px;}
.customerReponses .b1b {margin:0 5px; background:#999;}
.customerReponses .boxcontent {display:block;  background:#000066; border-left:1px solid #fff; border-right:1px solid #999;}

.noticias {
	margin-left:0px;
	padding:0;
	display: block;
	width: 520px;
	color: #666666;
        text-align: justify;

}

/*Botón de Ayuda Online */

.k_button_css_revision{background-image:'$Rev:5946 $';}
	#k_popup *{-moz-box-sizing:content-box !important;box-sizing:content-box !important;}
	#k_popup a img{border:0;}
	#k_popup a{color:#3882C3;text-decoration:none;}
	#k_popup a:hover{color:#3882C3;text-decoration:underline;}
	#k_popup div{float:none;}
.k_float{z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}
	#kampylink img{border:0;display:block;}
.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}
.k_bottom{bottom:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}
.k_right{right:0px;}
.k_left{left:0px;}
	#k_close_button{color:gray;border:1px solid gray;display: none;width:11px;height:16px;font-size:12px;text-align:center;}
.kc_top{top:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 :document.body.scrollTop + 80);}
.kc_bottom{bottom:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);}
.kc_right{right:10px;}.kc_left{left:10px;}


/*  Ofertas - Ecwid  */
div.ecwid-productBrowser-auth { 
     display: none;
}

div.ecwid-results-topPanel-sortByPanel {
     display:none !important;
}

div.ecwid-productBrowser-categoryPath {
    display:none;
}

div.ecwid-results-topPanel  {
    display:none;
}

div.ecwid-AddToBagButton-up {
    display:none;
}

div.ecwid-productBrowser-productsTable-addToBagLink {
    display:none;
}

input.ecwid-productBrowser-details-qtyTextField{
    display:none;
}
/* End of 'sunluxPrueba7 : sunlux7' */

