/* @override http://localhost/europelight/structure/css/main.css */

/* CSS Document */

@import url("framework/framework.v1.0.css");

/*
	-- -- -- -- -- -- --

	CLIENTE v2007 CSS
	EUROPE LIGHT/2007
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
body{
	background: #2069c7 url(../../img/layout/body.fundo.gif) repeat-x left top;
	font: 0.8em Tahoma, Arial, Helvetica, sans-serif;
	color: #223f64;
	}
html, body, p{
	line-height:1.30em;
	}

p{margin-bottom:1.2em;}
p.note{font-size:0.80em;}

strong{font-weight:bold;}

a:link, a:visited {text-decoration:none; color:#1fb0dd;}
a:hover, a:active {color:#0e4a74;}

h1, h2, h3, h4, h5{line-height:1em;}
h1{font-size:3em;}
h2{font-size:2.5em;}
h3{font-size:2.0em;}
h4{font-size:1.6em;}
h5{font-size:2.2em;}

div.innerContainer{
	position:relative;
	}

.small01{font-size:0.90em;}
.small02{font-size:0.85em;}
.small03{font-size:0.80em;}

/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
#header {
	position:relative;
	z-index:1;
	}
	#header .innerContainer{
		background:#fff;
		height:119px;
		padding:0 1px 1px 1px;
		}
		#header img#headerLogo{
			position:absolute;
			z-index:2;
			right:15px;
			top:-25px;
			}
		#header img#kabletecLogo {
			position: absolute;
			left: 27px
			}

#secondHeader {
	position:relative;
	z-index:2;
	}
	#secondHeader .innerContainer{
		height:119px;
		background: url(../../img/lang/banners/006.jpg) no-repeat center top;
		}
		#secHome #secondHeader .innerContainer{
			height:191px;
			background:url(../../img/layout/secondheader.fundo.gif) repeat center top;
			}
	#secondHeader h1#sectionTitle{
		position:relative;
		left:25px;
		top:50px;
		}

.masterA{}
	.masterA #globalContainer #mainContent{padding-bottom: 40px;}
	.masterA #footer{top:-40px; height: 40px;}

.layoutA1 {}
	.layoutA1 div.wraper{
		background:#fff url(../../img/layout/layoutA1.fundo.gif) repeat-y left top;
		display:inline-block;
		}
	.layoutA1 div.wraper:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
	.layoutA1 .content{
		width:714px;
		padding:25px;
		}
	.layoutA1 .sidebar{
		width:146px;
		padding:25px;
		}	

	#secHome{}
		#secHome .layoutA1 div.wraper{background:#fff;}
		#secHome .layoutA1 div.headlines{
			border:1px solid #fff;
			background:#e8edf5;
			padding:25px;
			}
		#secHome .layoutA1 div.headlines ul{
			list-style-type: circle;
			float: left;
			width: 928px;
			margin-bottom: 18px;
			}
		#secHome .layoutA1 div.headlines ul li{
			float: left;
			width: 445px;
			margin: 0 0 6px 18px;
			}
		#secHome .layoutA1 div.content{
			width:930px;
			padding:25px;
			}
		#secHome .layoutA1 div.sidebar{display:none;}

#footer {
	font-size:0.80em;
	color:#092b57;
	}
	#footer img#footerMultiweb{
		position:absolute;
		right:8px;
		top:5px;
		}

/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */

/* articleMask01 - foto principal de produto */
.articleMask01{position:relative; width:259px; height:173px; overflow:hidden; margin-left:-7px; clear:left;}
	.articleMask01 img.mask{position:absolute; left:0; top:0; z-index:2;}
	.articleMask01 img.thumb{position:absolute; clip:rect(7px 256px 165px 7px);}

.photoGallery{}
	.photoGallery.static{float:right; width:200px; margin:0 0 5px 15px;}
	.photoGallery.static .articleMask02{margin-left:0;}
	.photoGallery.static table{margin:0;}

.slideshowGallery{
	margin:25px 0;
	}

.warn{margin:8px 0;}
	.warn p{margin:0;}
	.warn.info{background:#f2fcd6; border:1px solid #e4fe9c; padding:5px;}


/* =LISTAS
------------------------------------------------------------------------ */

/* =siteNav */

ul#siteNav{
	list-style:none;
	background: url(../../img/layout/siteNav.fundo.png) repeat-x left top;
	position:absolute;
	z-index:1;
	bottom:1px;
	left:1px;
	height:39px;
	width:960px;
	}
	ul#siteNav li{display:inline;}
	ul#siteNav li a:link,
	ul#siteNav li a:visited{
		display:block;
		float:left;
		background: url(../../img/layout/siteNav.li.fundo.png) no-repeat right center;
		height:39px;
		line-height:2.8em;
		vertical-align:middle;
		padding:0 20px;
		color:#fff;
		}
	ul#siteNav li.active a:link,
	ul#siteNav li.active a:visited,
	ul#siteNav li a:hover,
	ul#siteNav li a:active{
		background: url(../../img/layout/siteNav.li.fundo2.png) no-repeat right center;
		}

/*
ul.siteNav {list-style:none; width:390px;	position:absolute;	left:15px; top:115px; z-index:3; margin:0 auto; }
ul.siteNav li{display:inline; position:relative;}
ul.siteNav li a:link,
ul.siteNav li a:visited{color:#fff;}
ul.siteNav li a {
	display:block;
	float:left;
	height:44px;
	background: url(../../img/langPT/layout/sitenav.ops.png) no-repeat;
	}
	ul.siteNav li a span {display:none;}

ul.siteNav li#op01 a:link, ul.siteNav li#op01 a:visited{width:112px; background-position:0 0;}
ul.siteNav li#op02 a:link, ul.siteNav li#op02 a:visited{width:147px; background-position:-122px 0;}
ul.siteNav li#op03 a:link, ul.siteNav li#op03 a:visited{width:131px; background-position:-259px 0;}

ul.siteNav li#op01 a:hover{background-position:0px -44px;}
ul.siteNav li#op02 a:hover{background-position:-122px -44px;}
ul.siteNav li#op03 a:hover{background-position:-259px -44px;}

ul.siteNav li#op01.active a:link, ul.siteNav li#op01.active a:visited {background-position:0 -88px;}
ul.siteNav li#op02.active a:link, ul.siteNav li#op02.active a:visited {background-position:-122px -88px;}
ul.siteNav li#op03.active a:link, ul.siteNav li#op03.active a:visited {background-position:-259px -88px;}

ul.siteNav li#op05 form{
	width:154px;
	border-bottom:1px solid #b7e738;
	clear:both;
	padding:15px 0 15px 50px;
	}
	ul.siteNav li#op05 form input[type="submit"]{margin:5px 0 0 0;}

ul.siteNav ul {display:block;}
	ul.siteNav ul li{}
*/

ul#sectionNav{}
	ul#sectionNav li{
		display:inline;
		}
	ul#sectionNav li a:link,
	ul#sectionNav li a:visited{
		display:block;
		text-align:right;
		padding:5px;
		color:#4c6a92;
		}
	ul#sectionNav li a:hover,
	ul#sectionNav li a:active{
		color:#223f64;
		}
	ul#sectionNav li.active a:link,
	ul#sectionNav li.active a:visited{
		font-weight:bold;
		color:#223f64;
		}

ul.pageNav{
	display:block;
	text-align:center;
	margin:2em 0;
	font-size:1.1em;
	}
	ul.pageNav li{display:inline;}
	ul.pageNav li a:link,
	ul.pageNav li a:visited{}
	ul.pageNav li.active a:link,
	ul.pageNav li.active a:visited{border-bottom:2px solid #a3dc0a; color:#585858; font-weight:bold;}	

ul.rootNav{font-size:9px; margin:0 0 1em 0;}
	ul.rootNav li{display:inline;}

/* =DATATABLES E DATALISTS
------------------------------------------------------------------------ */
/* =dataTable */
.dataTable{margin:1em 0; clear:both;}
	.dataTable th,
	.dataTable td{vertical-align:top;}
	.dataTable div.thumb{position:relative;}
		.dataTable div.thumb img.mask{position:absolute; z-index:2; left:0; top:0;}
		.dataTable div.thumb img.thumb{
			position:relative;
			z-index:1;
			left:0;
			top:0;
			-moz-opacity: 0.90;
			opacity: 0.90;
			filter: alpha(opacity=90);
			}
		.dataTable div.thumb:hover img.thumb{
			-moz-opacity: 1.00;
			opacity: 1.00;
			filter: alpha(opacity=100);
			}


/* =dataTable.TYPE01 - lista artigos serviços */
.dataTable.type01{}
	.dataTable.type01 td{
		padding:15px 7px;
		border-bottom:1px solid #d3dfee;
		border-left:1px solid #d3dfee;
		}
	.dataTable.type01 td.firstTD{
		padding-left:0;
		border-left:none;
		}
	.dataTable.type01 div.thumb{
		width:123px;
		height:70px;
		overflow:hidden;
		float:left;
		margin:2px 5px 2px 0;
		}

.dataTable.productsList{
	width: 100%;
	}
	.dataTable.productsList td{
		padding:15px 7px;
		border-bottom:1px solid #d3dfee;
		}
	.dataTable.productsList td a.thumb{
		display: block;
		float: left;
		margin: 0 18px 0 0;
		position: relative;
		width: 123px;
		height: 70px;
		overflow: hidden;
		}
	.dataTable.productsList td a.thumb img{
		position: absolute;
		left: 0;
		top: 0;
		}
	.dataTable.productsList td a.thumb img.mask{
		z-index: 2;
		}
	.dataTable.productsList td a.thumb img.thumb{
		z-index: 1;
		}
	.dataTable.productsList td div{
		float: left;
		width: 540px;
		}
	.dataTable.productsList td div h4{
		margin-top: 18px;
		margin-bottom: 0px;
		}
	.dataTable.productsList td div h4+p{
		margin-top: -8px;
		}

/* =dataTable.TYPE02 - sitemap */
.dataTable.type02{}
	.dataTable.type02 td{}
	.dataTable.type02 td.firstTD{}
	.dataTable.type02 div.thumb{}


/* =dataList.type01 */
.dataList.type01{}
	.dataList.type01 {}
	.dataList.type01 p{margin:0;}

dl{}
	dl dt{font-weight:bold;}
	dl dd{margin:0 0 1em 8px;}
	
/* =FORMS
------------------------------------------------------------------------ */
form{
	position:static;
	z-index:50;
	}
	form input,
	form select,
	form textarea{
		font: 1em Tahoma, Arial, Helvetica, sans-serif;
		color: #033147;
		}
	form label.error{
		color:#ff0000;
		}

	form fieldset {border:1px solid #c8d6da;}
	form legend {color:#00b1e5;}
		form fieldset fieldset{margin:1em 0;}

	form p + table {margin-top:15px;}
	form table {width:100%; clear:both;}
		form table td,
		form table th{padding:2px 3px;}
		form table th{width:30%; vertical-align:top; font-weight:bold;}

		
input.button,
input[type="submit"]{
	background: #00b1e5;
	border-top:2px solid #2bc7f5;
	border-right:1px solid #02a0ce;
	border-bottom:1px solid #02a0ce;
	border-left:2px solid #2bc7f5;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	}




/* =COMPONENTS
------------------------------------------------------------------------ */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4 {
	visibility: hidden;
	font-weight:normal;
	}

.sIFR-active h1 {font-size:3.0em;}
.sIFR-active h2 {font-size:2.6em;}
.sIFR-active h3 {font-size:2.1em;}
.sIFR-active h4 {font-size:1.5em;}
.sIFR-active h5 {font-size:1.2em;}