/* updated 09/11/09 */

/* CSS Document */



body {

	margin:20px 0 5px 0; padding:0; background:#f6e6b3 url(../images/bg.gif) repeat-x; font:12px Arial, Helvetica, sans-serif; color:#000; line-height:1.4em;

}

.clear {

	clear:both;

}

a {

	color:#db8617; text-decoration:none;

}

a:hover {

	color:#333; text-decoration:none;

}



/* --- */

#headerContainer {

	margin:0 auto; padding:0; width:800px; height:140px; background:#fff;

}

#headerContainer ul {

	margin:0; padding:0; float:left; list-style:none; width:450px; height:122px;

}

#headerContainer li {

	margin:0; padding:0; float:left; list-style:none;

}

#headerCelltop {

	width:800px; height:18px; background:url(../images/header-top.gif) no-repeat;

}

#headerCellLogo {

	width:200px; height:130px; float:left;

}

#headerCellLogo img {

	border:none; margin:0 0 0 5px;

}

#headerCellAdr {

	width:250px; padding:0; font:10px tahoma;

}

#headerCellAdr p {

	margin:35px 0 0 0; padding:0;

}

#searchContainer {

	float:right; width:320px;

}

#headerCellLanguage {

	height:10px; padding:0 30px 0 0; text-align:right; margin-bottom: 10px; 

}



#headerCellLanguage p{

	padding: 0px; margin: 0px;display: inline;

	

}



#headerCellLanguage img {

	border:none; margin:0 0 0 5px;

}

#headerCellIso {

	clear:both; padding:0 25px 0 0; text-align:right;

}

#headerCellIso img {

	padding:0px;

	margin: 0px;

}

#searchCell {

	height:27px; padding:20px 40px 0 0; text-align:right; background:url(../images/bgSearch.gif) 10px 15px no-repeat; color:#fff;

}

#searchCell input {

	font:11px arial;

}

#searchCell .butt {

	margin:0 0 0 5px; width:30px; border:none; font:bold 12px arial; color:#fff; background:url(../images/bgButton.gif);

}

#headerFlash {

	clear:both;

}



/* --- */

#pageContainer {

	clear:both; margin:0 auto; padding:0 20px 0 20px; width:760px; background:#fff;

}

#rightSide {

	float:right; margin:0; padding:9px 0 0 0; width:550px;

}

#leftSide{

	float:left; margin:0; padding:0;

}

#menuContainer {

	clear:both; margin:0 auto; padding:5px 0 0 10px; height:42px; background:url(../images/bgMenu.gif) no-repeat;

}

#page {

	width:760px;

}

#welcomeContainer, #contentContainer {

	padding:0 0 10px 0;

}

#welcomeCellHeader, #contentCellHeader {

	font-weight: bold; color: #222; font-size: 1.4em; padding: 8px 10px; background: url(../images/orangeHead.gif) top left no-repeat;

}

#welcomeCell, #contentCell {

	margin-top: 20px;

}

#contentCell ul {

	list-style:none; margin:0; padding:0;

}

#contentCell li {

	list-style:none; margin:0; padding:3px 0 3px 0; background:url(../images/arrow1.gif) left no-repeat;

}

#contentCell li a {

	color:#ed9017; padding: 0 0 0 20px; text-decoration:none;

}

#contentCell li a:hover {

	color:#000; text-decoration:none;

}

#welcomeCell p, #contentCell p {

	text-align: justify;

}

#welcomeCell img, #contentCell img {

	float:left; padding:0 15px 10px 0;

}

#welcomeCell h2, #contentCell h2 {

	margin:0; padding:0; font:bold 16px courier new; color:#333399;

}

#welcomeCell h4, #contentCell h4 {

	margin:0; padding:0; font:bold 16px arial; color:#000;

}

#welcomeCell ul {

	margin:0; padding:0;

}

#welcomeCell li {

	font:12px courier new; margin:0; padding:3px 0 3px 0; list-style:none; color:#999;

}

#welcomeCellBottom, #contentCellBottom {

	clear:both; overflow: hidden; padding: 0px !important; margin: 0px !important; background:url(../images/welcomeCellBottom-bg.gif) no-repeat bottom; height:20px;

}



/* --- */

#contactCell {

	margin:20px 0 0 0;

}

#contactCell p {

	margin:0; padding:3px 0 3px 0;

}

#contactCell table {

	margin:10px 0 0 0; padding:10px; background:#efefef;

}

#contactCell td {

	padding:5px 10px 0px 10px;

}

#contactCell input {

	margin:0; padding:0; font:11px arial;

}

#contactCell .butt {

	margin: 5px 0 5px 10px; border:none; background:#ee8f17; width:50px; border:1px solid #000; font:bold 12px trebuchet ms; color:#000; cursor:pointer;

}



/* --- */

#stdFormContainer2{

	float:left; width:220px; margin:20px 0 0 0; border-right:2px solid #999;

}

#stdFormCellHeader2 {

	margin: 0px; font:bold 16px arial; padding: 10px 10px 10px 20px; color: #999;

}

#stdFormCellHeader2 span {

	color: #df4d02;

}

#stdFormCell2 {

	color: #000;

	margin: 0;

	padding: 8px 20px;

}

#stdFormCell2 p {

	padding: 3px 3px 3px 6px; color: #333; margin: 2px;

}

#stdFormCell2 p a {

	color: #000;

}

#stdFormCell2 p a:hover {

	color: #000;

}

#stdFormCellBottom2 {

	padding: 20px; margin: 0px; overflow: hidden; font:11px arial; color:#000;

}



/* --- */

#productContainer {

	padding:0 0 10px 0;

}

#productCellHeader {

	font-weight: bold; color: #222; font-size: 1.4em; padding: 8px 10px; background: url(../images/orangeHead.gif) top left no-repeat;

}

#productCell {

	margin-top: 20px; border-bottom:1px solid #ddd;

}

#productImage {

	float:left; margin:0 0 0 10px; width:160px; height:120px; position:relative;

}

#productImage img {

	margin: 0; background: #fff; border:none; width:135px; height:100px;

}

#productImage a:hover img {

	border-color: #9a9a9a; border:none;

}

#productImage span {

	width: 135px; height: 100px; display: block; position: absolute; background:url(../images/product_pigura.png) no-repeat;

}

#productImage a {

	text-decoration: none; cursor:pointer;

}

#productDesc {

	float:right; width:360px; padding:0 10px 0 0;

}

#productDesc table {

	margin:10px 0 0 0;

}

#productDesc td {

	padding:2px 5px 2px 0;

}

#productDesc p {

	margin:5px 0 15px 0;

}

#productDesc h2 {

	margin:0; padding:0; font:bold 12px tahoma; color:#000;

}

#productDesc h2 a {

	color:#000; text-decoration:none;

}

#productDesc h2 a:hover {

	color:#ee8f17; text-decoration:none;

}



/* -- */

#searchContainer2 {

	padding:0 0 10px 0;

}

#searchCellHeader2 {

	font-weight: bold; color: #222; font-size: 1.4em; padding: 8px 10px; background: url(../images/orangeHead.gif) top left no-repeat;

}

#searchCell2 {

	margin: 10px 0 10px 0; border-bottom:1px solid #ddd;

}

#searchCell2 p {

	margin:0; padding:0 0 10px 0;

}

#searchContainer2 h2 {

	margin:10px 0 5px 0; padding:0 0 5px 0; font:bold 14px tahoma; color:#000; border-bottom:1px solid #ddd;

}

#searchContainer2 h2 a {

	color:#000; text-decoration:none;

}

#searchContainer2 h2 a:hover {

	color:#ee8f17; text-decoration:none;

}

#searchCell2 h3 {

	margin:0 0 5px 0; padding:0; font:bold 12px tahoma; color:#000;

}

#searchCell2 h3 a {

	margin:0; padding:0; color:#ee8f17; text-decoration:none;

}

#searchCell2 h3 a:hover {

	color:#000; text-decoration:none;

}

#searchContainer2 table {

	margin:10px 0 0 0; padding:5px; background:#f7f7f7;

}

#searchContainer2 td {

	padding:5px 5px 2px 5px;

}

#searchContainer2 input, #searchContainer2 select {

	font:11px arial;

}

#searchContainer2 .butt {

	margin: 5px 0 5px 10px; border:none; background:#ee8f17; width:50px; border:1px solid #000; font:bold 12px trebuchet ms; color:#000; cursor:pointer;

}



/* --- */

#newsContainer {

	float:right; width:495px; padding:20px;

}

#newsCellHeader {

	font-weight: bold; color: #000; font-size: 1.4em; padding: 8px 10px; background:url(../images/orangeHead.gif) left no-repeat;

}

#newsCell {

	padding: 4px 4px 8px 4px; color: #333;

}

#newsTitle {

	font-size: 13px; padding: 5px 0px;

}

a.newsLink {

	color: #888; font-weight: bold; text-decoration: none;

}

a.newsLink:hover {

	color: #000; font-weight: bold; text-decoration: none;

}

a.newsMore {

	color: #888; text-decoration:none;

}

a.newsMore:hover {

	color: #000; text-decoration: underline;

}

#newsDate {

	color: #666; font-size: 9px;

}

#newsDesc {

	color: #333;

}

#newsCellBottom {

	padding: 8px; font-size: 10px; float:right;

}



/*--- added 10/10/09 last edited 30/03/2010 width 800 to 761--*/

#bannerContainer {

	clear:both; margin:0 auto; padding:0; width:761px; height:95px; background:url(../images/banner/bars_01.gif) top no-repeat;

}

#bannerContainer img {

	float:left; margin:11px 0 0 0; padding:0; border:none;

}



/* --- last edited 30/03/2010 width 800 to 761*/

#footerContainer {

	clear:both; margin:0 auto; padding:10px 0 0 0; width:761px; height:65px; background:url(../images/bg-footer.gif) no-repeat; text-align:right; color:#fff;

}

#footerContainer img {

	float:left; border:none;

}

#footerCell {

	padding:20px; font-size:11px;

}



/* --- */

#flowNavContainer {

	margin-top: 0px;

}



#flowNavCell {

	margin: 0px; padding: 0px 0 10px 0; text-align: left;

}

#flowNavCell p { 

	text-align: left; list-style: none; margin: 0px; display: inline; color: #333;

}

#flowNavCell p a {

	padding: 4px 6px 4px 0px; text-decoration: none;

}

#flowNavCell p a:hover {

}



/* --- */

#serviceContainer {

	margin:10px 20px 20px 0; width: 168px; color:#000; list-style:none;

}

#serviceContainer ul {

	margin:0; padding:0; list-style-type:none; display:block; font:bold 11px Helvetica, Verdana, Arial, sans-serif;

}

#serviceContainer li {

	margin:0; padding:0; list-style:none; width:168px;

}

#serviceContainer li a {

	margin:0; padding:0 0 0 18px; line-height:30px; display:block; text-decoration:none; color:#000; font-weight:bold; width:170px; background: #fff url(../images/bg-hover.gif) no-repeat;

}

#serviceContainer li a:hover {

	background:#dd4e00;
	background: #fff url(../images/bg-active.gif) no-repeat;

}

#serviceContainer li .active {

	background:#dd4e00; color:orange;
	background: #fff url(../images/bg-active.gif) no-repeat;

}

#serviceContainer li a.current,ul.vert-one li a.current:hover {

	background:#ed9017; color:#fff; text-decoration:none;

}



/* --- */

#fotoContainer {

	padding:0 10px 20px 0px;

}

#fotoContainer #content {

	margin:10px 0 0 0;

}

#fotoContainer #content p {

	padding:5px 10px 0px 7px;

}

#fotoContainer #content p a {

	font-weight:bold; color:#333; text-decoration:none;

}

#fotoContainer #content p a:hover {

	color:#888; text-decoration:none;

}

#fotoContainer h3 {

	margin:0 0 10px 10px; padding:0; font:bold 12px arial;

}

#fotoContainer p {

	padding: 4px 4px; margin: 0 0 0 10px; border-bottom: 1px solid #ddd;

}

#fotoCellNav {

	margin:5px 30px 20px 0;

}

#fotoCellNav p {

	margin:5px 0 5px 0; display:inline; text-align:center;

}

#fotoCellNav p a {

	padding:0px 5px 0px 5px; border-left:1px solid #dedede; color:#ed9017; text-decoration:none;

}

#fotoCellNav p a:hover {

	color:#000; text-decoration:none;

}

#gallery {

	list-style: none; margin: 0; padding: 0;

}

#gallery li {

	margin: 10px 3px 0 0; padding: 0; float: left; width: 170px; height: 90px; position:relative; background:none !important;

}

#gallery img {

	margin: 0 0 0 15px; background: #fff; border:none;

}

#gallery a:hover img {

	border-color: #9a9a9a; border:none;

}

#gallery span {

	width: 115px; height: 70px; display: block; position: absolute; top: 0px; left: 15px; background:url(../images/pigura.png) no-repeat;

}

#gallery a {

	text-decoration: none;

}

#galleryBig {

	list-style: none; margin: 0; padding: 0; position:relative; left:70px;

}

#galleryBig li {

	margin: 10px 3px 0 0; padding: 0; float: left; width: 350px; height: 250px; position:relative; background:none !important;

}

#galleryBig img {

	margin: 0 0 0 15px; background: #fff; border:none;

}

#galleryBig a:hover img {

	border-color: #9a9a9a; border:none;

}

#galleryBig span {

	width: 320px; height: 225px; display: block; position: absolute; top: 0px; left: 15px; background:url(../images/big_pigura.png) no-repeat;

}

#galleryBig a {

	text-decoration: none;

}

/*============================================================*/


/*========================== drop menu style ========================*/

#dropmenudiv{
	visibility:hidden;
	width: 200px;
	position:absolute;
	margin-top: 0px;
	margin-left: -2px;
	border-bottom-width: 0;
	font-size: 11px;
	line-height:18px;
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	z-index:100;
	-moz-opacity:.98;
	filter: Alpha(opacity=98);
}
*html #dropmenudiv {
	margin-top: -1px;
}
*:first-child+html #dropmenudiv {
	margin-top: -1px;
}
#dropmenudiv a{
	text-align: left;
	width: 200px;
	display: block;
	text-indent: 10px;
	text-decoration: none;
	color: #333;
	padding: 2px 0px 2px 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#dropmenudiv a:hover{ /*hover background color*/
	text-align: left;
	width: 200px;
	color: #FFF;
	background-color: #DE4D00;
	text-decoration: none;
	display: block;
	text-indent: 10px;
	padding: 2px 0px 2px 0px;
}
