/* @override http://localhost/litoflex/themes/default/front/structure/css/main.css */

/* CSS Document */

@import url("framework.css");

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

	LITOFLEX v2007 CSS
	JUL/2007
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
body{
	background: url(../../img/layout/body.fundo.png) repeat-x left top;
	font: 0.80em  Georgia, "Times New Roman", Times, serif;
	color: #3e3d24;
	}
html, body, p{
	line-height:1.30em;
	}

p{margin-bottom:1.2em;}

a:link, a:visited {text-decoration:none; color:#a3dc0a;}
a:hover, a:active {color:#89b909;}


/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
.masterB{}
	.masterB #globalContainer,
	.masterB #footer{
		padding-left:207px;
		width:788px;
		}


#globalContainer{}
	#globalContainer #header{
		height:75px;
		}
		#globalContainer #header img#headerLogo{
			position:absolute;
			left:28px;
			top:0px;
			z-index:50;
			}
	#globalContainer #mainContent{}


#footer{
	text-align:center;
	padding:18px 0 10px 0;
	min-height:55px;
	background: url(../../img/layout/footer.fundo.gif) no-repeat right top;
	}
	#footer img#madebyMultiweb{position:absolute; top:40px; right:10px; clear:both;}	



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

.layoutA1 {}
	.layoutA1 .content{
		width:438px; 
		padding:11px;
		}
	.layoutA1 .sidebar{
		width:327px;
		color:#475827;
		font-family: Arial, Helvetica, sans-serif;
		height:500px;
		}	


.columns02 {
	background: url(../../img/layout/columns02.fundo.gif) repeat-y 49.5% top;	
	margin:2em 0;
	}
	.columns02 .column01{width:46.9%; margin-right:1%; padding-right:2%;}
	.columns02 .column02{width:46.9%; margin-left:1%; padding-left:2%;}
	.columns02.l6040 {background:none;}
	.columns02.l4060 .column01{width:37%;}
	.columns02.l4060 .column02{width:57%;}
	.columns02.l6040 .column01{width:57%;}
	.columns02.l6040 .column02{width:37%;}


div#contentHeader{
	font-size:0.7em;
	}
	div#contentHeader form{
		font-size:1.2em;
		}

div#quickContacts{
	position:absolute;
	left:-150px;
	top:250px;
	width:125px;
	border-top:1px solid #b7e738;
	text-align:right;
	padding:8px 0;
	}
	div#quickContacts p{
		font-size:0.85em;
		line-height:1.1em;
		}
		div#quickContacts p strong{ font-size:1.2em; font-style:italic;}


/* 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);}

/* articleMask02 - foto principal 199x135 */
.articleMask02{position:relative; width:199px; height:135px; overflow:hidden; margin-left:-7px; clear:left;}
	.articleMask02 img.mask{position:absolute; left:0; top:0; z-index:2;}
	.articleMask02 img.thumb{position:absolute; clip:rect(7px 190px 125px 7px);}

/* articleMask03 - foto principal HOME */
.articleMask03{position:relative; width:430px; height:219px; overflow:hidden; margin-left:-12px; clear:left;}
	.articleMask03 img.mask{position:absolute; left:0; top:0; z-index:2;}
	.articleMask03 img.thumb{position:absolute; clip:rect(8px 422px 210px 9px);}
	.articleMask03 div.info{position:absolute; left:25px; top:65px; z-index:3; color:#fff; width:220px; height:150px; overflow:hidden;}
		.articleMask03 div.info p{font-size:0.85em;}


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

	.photoGallery.flash{margin:2em 0;}


.warn{
	margin:8px 0;
	font: 0.85em Arial, Helvetica, sans-serif;
	}
	.warn p{margin:0;}
	.warn.info{background:#f2fcd6; border:1px solid #e4fe9c; padding:5px;}

#notifContent{
	margin:8px 0;
	padding:5px;
	background:#f2fcd6; border:1px solid #e4fe9c; padding:5px;
	}
	#notifContent img{margin-right:5px;}

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

/* =siteNav */
ul.siteNav {list-style:none; width:204px;	position:absolute;	left:0px; top:105px; z-index:3; margin:0 auto; border-left:1px solid #b7e738; }
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:63px;
	background: url(../../img/layout/sitenav.ops.png) no-repeat;
	border-bottom:1px solid #b7e738;
	}
	ul.siteNav li a span {display:none;}

ul.siteNav li#op01 a:link, ul.siteNav li#op01 a:visited{width:204px; background-position:0 0;}
ul.siteNav li#op02 a:link, ul.siteNav li#op02 a:visited{width:204px; background-position:0 -63px;}
ul.siteNav li#op03 a:link, ul.siteNav li#op03 a:visited{width:204px; background-position:0 -126px;}
ul.siteNav li#op04 a:link, ul.siteNav li#op04 a:visited{width:204px; background-position:0 -189px;}
ul.siteNav li#op05 a:link, ul.siteNav li#op05 a:visited{width:204px; background-position:0 -252px;}

ul.siteNav li#op01 a:hover{background-position:-205px 0;}
ul.siteNav li#op02 a:hover{background-position:-205px -63px;}
ul.siteNav li#op03 a:hover{background-position:-205px -126px;}
ul.siteNav li#op04 a:hover{background-position:-205px -189px;}
ul.siteNav li#op05 a:hover{background-position:-205px -252px;}

ul.siteNav li#op01.active a:link, ul.siteNav li#op01.active a:visited {background-position:-408px -0px;}
ul.siteNav li#op02.active a:link, ul.siteNav li#op02.active a:visited {background-position:-408px -63px;}
ul.siteNav li#op03.active a:link, ul.siteNav li#op03.active a:visited {background-position:-408px -126px;}
ul.siteNav li#op04.active a:link, ul.siteNav li#op04.active a:visited {background-position:-408px -189px;}
ul.siteNav li#op05.active a:link, ul.siteNav li#op05.active a:visited {background-position:-408px -252px;}
ul.siteNav li#op06{
	float:left;
	position:relative;
	width:205px;
	height:100px;
	margin-top:-12px;
	}
	ul.siteNav li#op06 form{
		width:154px;
		/*clear:both;*/
		position:absolute;
		top:0px;
		left:0;
		padding:1px 0 15px 50px;
		background: url(../../img/layout/sidebar.search.fundo.png) no-repeat 25px 0px;
		}
		ul.siteNav li#op06 form input[type="submit"]{margin:5px 0 0 0;}

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

ul.pageNav{
	display:block;
	text-align:center;
	margin:2em 0;
	font-size:1.1em;
	}
	ul.pageNav li{display:inline; margin:0 7px;}
	ul.pageNav li.item{margin:0 2px;}
	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 8px 0;}
	ul#rootNav li{display:inline; margin-right:5px;}

ol#footerNav{
	list-style:none;
	color:#bdbdb4;
	text-align:center;
	margin:30px 0 0 300px;
	width:440px;
	font-size:0.80em;
	}
	ol#footerNav li{
		float:left;
		margin:0 6px 0 6px;
		}
		ol#footerNav li a:link,
		ol#footerNav li a:visited{color:#333333; font-size:1.20em;}
		ol#footerNav li a:hover,
		ol#footerNav li a:active{color:#a3dc0a;}

table.pagenav{
	font-size: 1.15em;
	}
	table.pagenav a, table.pagenav span{
		display: block;
		padding: 8px 9px;
	}
	table.pagenav td.pageItem a, table.pagenav td.pageItem span{
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		border-collapse: collapse;
		margin-left: -1px;
	}

/* =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 de categorias do catálogo */
.dataTable.type01{}
	.dataTable.type01 td{padding:5px 5px 5px 15px;}
	.dataTable.type01 td.firstTD{padding:5px;}
	.dataTable.type01 div.thumb{width:257px; height:177px; overflow:hidden;}


/* =dataTable.TYPE02 - lista de CATEGORIAS INSTITUCIONAIS */
.dataTable.type02{}
	.dataTable.type02 td{}
	.dataTable.type02 td.firstTD{}
	.dataTable.type02 div.thumb{width:214px; height:140px; overflow:hidden;}
		.dataTable.type02 div.thumb img.thumb{position:absolute; clip:rect(35px 206px 126px 5px);}	
		.dataTable.type02 div.thumb p{position:absolute; z-index:3; left:8px; top:8px; width:130px;}
		.dataTable.type02 div.thumb a:link,
		.dataTable.type02 div.thumb a:visited{color:#3e3d24;}
		.dataTable.type02 div.thumb a:hover,
		.dataTable.type02 div.thumb a:active{color:#98cd0a;}
	
/* =dataTable.TYPE03 - lista de PRODUTOS */
.dataTable.type03{}
	.dataTable.type03 td{padding:5px 5px 5px 15px;}
	.dataTable.type03 td.firstTD{padding:5px;}
	.dataTable.type03 div.thumb{width:147px; height:95px; overflow:hidden;}
	.dataTable.type03 div.thumb img.thumb{position:absolute; clip:rect(8px 133px 88px 7px);}	

/* =dataTable.TYPE04 - lista de ESPECIFICAÇÕES de produto */
.dataTable.type04{width:100%; border-collapse:collapse;}
	.dataTable.type04 caption{text-align:right; font-size:0.85em;}
	.dataTable.type04 th{padding:3px 5px; border:1px solid #d6d6d6; text-align:center; font-weight:bold; background:#d6d6d6;}
	.dataTable.type04 td{padding:3px 5px; border:1px solid #e9f0d6; text-align:center;}
	.dataTable.type04 tr.alt td{background:#f5f5f5;}
	.dataTable.type04 tr.hover td{background:#eaf5ce; color:#a3c055;}
	.dataTable.type04 td.firstTD{font-weight:bold;}


/* =dataTable.TYPE05 - lista de RESULTADOS */
.dataTable.type05{}
	.tabs-container .dataTable.type05{width:100%;}
	.dataTable.type05 td{padding:5px 5px 5px 5px;}
	.dataTable.type05.twoColumns td{width:50%;}
	.dataTable.type05.threeColumns td{width:30%; text-align:center;}
	.dataTable.type05 td.firstTD{}
	.dataTable.type05 div.thumb{width:88px; height:60px; overflow:hidden;}
	.dataTable.type05 img.thumb{position:absolute; clip:rect(2px 2px 2px 2px);}


/* =dataTable.TYPE06 - lista de ARTIGOS primeira página */
.dataTable.type06{}
	.dataTable.type06 td{padding:5px 5px 5px 5px;}
	.dataTable.type06 td.firstTD{padding:5px 5px 5px 0px;}
	.dataTable.type06 div.thumb{}
	.dataTable.type06 img.thumb{float:left; margin:0 5px 2px 0;}

/* =dataTable.TYPE07 - lista de DOCUMENTOS para download */
.dataTable.type07{width:100%; border:1px solid #f0f0f0;}
	.dataTable.type07 caption{text-align:right; font-size:0.85em; padding:2px 5px;}
	.dataTable.type07 th{font-weight:bold; font-size:0.90em; padding:8px 3px; background:#f0f0f0;}
	.dataTable.type07 td{padding:5px 5px 5px 5px; border-bottom:1px solid #f0f0f0;}
	.dataTable.type07 tr.alt td{background:#f5f5f5;}	
	.dataTable.type07 tr.hover td{ }
	.dataTable.type07 td.firstTD{}
	.dataTable.type07 div.thumb{}
	.dataTable.type07 img.thumb{}


/* =dataTable.TYPE08 - lista de CARACTERISTICAS */
.dataTable.type08{border:1px solid #f0f0f0; font-size:0.85em;}
	.dataTable.type08 caption{}
	.dataTable.type08 th{font-weight:bold; font-size:0.90em; padding:8px 3px; background:#f0f0f0;}
	.dataTable.type08 td{padding:5px 5px 5px 5px; border-bottom:1px solid #f0f0f0;}
	.dataTable.type08 tr.alt td{background:#f5f5f5;}	
	.dataTable.type08 tr.hover td{ }
	.dataTable.type08 td.firstTD{}
	.dataTable.type08 div.thumb{}
	.dataTable.type08 img.thumb{}


/* =dataList.type01 */
.dataList.type01{margin:0 0 2em 1em;}
	.dataList.type01 li{
		margin:0 0 0.5em 0;
		background: url(../../img/layout/bullet01A.gif) no-repeat left top;
		padding:0 0 0 15px;
		}

/* =folderNav */
.folderNav{
	width:100%;
	margin:0.8em 0;
	font-size:1.1em;
	}	
	.folderNav th,
	.folderNav td{
		background:top;
		text-align:center;
		padding:0.2em;
		width:33%;
		}
	.folderNav a:link,
	.folderNav a:visited{
		display:block;
		background: url(../../img/layout/folderNav.a.fundo01.png) no-repeat center center;
		padding:4px 0 4px 0;
		}
	.folderNav a:hover,
	.folderNav a:active{background: url(../../img/layout/folderNav.a.fundo02.png) no-repeat center center;}

	
/* =FORMS
------------------------------------------------------------------------ */
form fieldset {border:none; /*padding:15px 0 0 0;*/}
	form fieldset legend{color:#b8b8b8;}
	form fieldset p{color:#545454;}
	form table{ width:100%; margin:0 0 1em 0;}
		form table td, form table th{padding:2px 1%; border-bottom:1px solid #e8e8e8; vertical-align:top;}
		form table th{text-align:right; font-weight:normal; color:#545454; width:28%; padding-right:2%;}
		form table td{width:69%;}

	form table td.conditional{
		background:#1e1e1e;
		padding:8px;
		text-align:left;
		}
		form table td.conditional p{
			margin:3px 20px;
			width:auto;
			color:#545454;
			}
		form table td.conditional label{text-align:left;}
		form table td.conditional fieldset{padding:8px 2px;}
			form table td.conditional fieldset input{margin-left:5px;}
	form input,
	form textarea{
		font: 1em  "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
		}
	form label{min-width:28%; float:none; width:auto; padding:4px 0;}
	form input[type="radio"],
	form input[type="checkbox"],
	form input.radio,
	form input.checkbox{background:none;}

input.button,
input[type="submit"]{
	background: #b4e337 url(../../img/layout/forms/button.fundo.gif) repeat-x left top;
	border-top:2px solid #cbf657;
	border-right:1px solid #acd934;
	border-bottom:1px solid #acd934;
	border-left:2px solid #cbf657;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#5a721b;
	}

#tabsInterface form{}
	#tabsInterface form .inputBig{width:240px;}
	#tabsInterface form fieldset{border:none;}
	#tabsInterface form p{border-bottom:1px solid #ccc;}
	#tabsInterface form input.button{float:right; margin:5px 0 0 0;}

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

.sIFR-active h1 {font-size:3.8em;}
.sIFR-active h2 {font-size:3.2em;}
.sIFR-active h3 {font-size:1.6em;}
	.sIFR-active h3.lead {font-size:1.7em; margin-bottom:1em;}
.sIFR-active h4 {font-size:1.4em;}



/* jquery.tabs */
ul.tabs-nav,
#tabsInterface div.tabs-container{
	font: bold 11px Arial, Helvetica, sans-serif;
	font-size:0.90em;
	font-weight:normal;
	}


/* jquery validation */	
#mainContent #ClientValidationSummary{
	background:#d6f87b;
	padding:10px;
	margin:0 0 15px 0;
	color:#80a028;
	line-height:1.4em;
	}
	#ClientValidationSummary a:link,
	#ClientValidationSummary a:visited{color:#80a028; text-decoration:underline; font-weight:bold;}
	#ClientValidationSummary a:hover,
	#ClientValidationSummary a:active{color:#98bf2e;}
	.validation-required{}
	.validation-failed{background:#f6ffdf;}