/*----------------------------------------------------------/
/                         ELEMENTS                          /
/----------------------------------------------------------*/

body 
{	color: #FEFFFE; font-family: georgia,garamond,serif; margin: 0 auto; padding: 0; background-color: #062330; text-align: center;	}
h1
{	font-size: 47px; font-weight: bolder; margin: 0 40px; padding: 0.08em 0;	}
h4
{	font-size: 1.3em; }
img
{	border: none;	}
br
{	clear: both;	}

/*----------------------------------------------------------/
/                          GALLERY                          /
/----------------------------------------------------------*/

#myGallery
{	text-align: left; margin: 0 auto; background-color: #062330; width: 100%; max-height: 900px!important; border: none; position: absolute; bottom: 0!important; top: 0; left: 0;	}
#topGallery
{	height: 55px; width: 100%; margin: 0; padding: 0; background: #0F2630 url('img/bg-topGallery.jpg') top center no-repeat; border-bottom: 1px solid #051C26;  }
#navGallery
{	width: 45px; height: 27px; float: right; margin: 17px 90px 0 0; }
span.number
{	font-size: 14px; color: #fefefe; font-family: Georgia,Courier,"Times New Roman",serif; }

#bottomGallery-bg
{	text-align: left; background: #154359 url('img/bg-content-top.gif') top repeat-x; width: 100%; position: absolute; bottom: 0; height: auto;
	z-index: 15; margin: 0; padding: 0; }
#bottomGallery
{	margin: 0; padding: 0; background: transparent url('img/bg-content.jpg') top left no-repeat; height: 100%; width: 100%; position: relative; }

.jdGallery
{	overflow: hidden; position: relative; 	}
.jdGallery img
{	border: 0; margin: 0; text-align: center;	}

.jdGallery .slideElement
{	width: 100%; height: 100%; background: #0A2C3C url('img/ajax-loader.gif') center center no-repeat; }
.jdGallery .loadingElement
{	width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #0A2C3C; background-repeat: no-repeat; 
	background-position: center center; background-image: url('img/ajax-loader.gif');	}
.jdGallery .slideInfoZone
{	position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; top: 55px; height: 90px; color: #fff;
	text-indent: 0;overflow: hidden; /*background: transparent url('img/bg-opacity.png')!important; background-color: #000;*/	}

.jdGallery .slideInfoZone div.myTrans
{	padding: 0; margin: 0; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; background-color: #000; }
.jdGallery .slideInfoZone h2
{	padding: 0; font: 28px normal Georgia,"Times New Roman",Courier,serif; margin: 15px 10px 5px 25px;  font-weight: bold; color: #FFFFFF;
	letter-spacing: 1px; }
.jdGallery .slideInfoZone p
{	padding: 0; font-family: Georgia; font-size: 16px; margin: 2px 10px 2px 25px; color: #F3E390; font-style: italic; letter-spacing: 1px; }

.jdGallery a
{	font-size: 100%; text-decoration: none; color: inherit;	}
.jdGallery a.right, .jdGallery a.left
{	width: 18px; height: 27px; cursor: pointer; position:absolute; z-index: 10; top: 15px; 	}
.jdGallery a.left
{	right: 50px; background: url('img/go-prev.gif') no-repeat center left;	}
.jdGallery a.right
{	right: 25px; background: url('img/go-next.gif') no-repeat center right;	}

.jdGallery a.open
{	left: 0; top: 0; width: 100%; height: 100%;	}
.withArrows a.open
{	position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none;	}

/*-----------------------------------------------------/
/                    GRAL ELEMENTS                     /
/-----------------------------------------------------*/

#bottomGallery .ac-info
{	background: none; margin: 0 0 0 30px; padding: 0; }
#bottomGallery .ac-info p
{	width: 670px; }
span.copyright
{	color: #4b86a1; font: 11px normal "Trebuchet MS",Arial,Verdana,sans-serif; line-height: 18px; float: right; margin: 30px 35px 0 30px; padding-bottom: 10px; }
#bottomGallery .ul-inline
{	float: left; width: 420px; margin-right: 25px; }
#bottomGallery .loading
{	background: transparent url('img/loader.gif') 20px 20px no-repeat; height: 50px; width: 50px; }

#bottomGallery h2
{	color: #95d5f3; font-size: 24px; font-weight: normal; letter-spacing: 1px; margin-top: 30px; }
#bottomGallery h3
{	color: #F8DE57; font-size: 18px; font-weight: normal; letter-spacing: 1px; margin-top: 0px; }
#bottomGallery p, #bottomGallery ul, #bottomGallery a
{	color: #f1f6f8; font: 11px normal Verdana,Arial,Helvetica,sans-serif; line-height: 18px; letter-spacing: 1px; list-style-type: none; 
	margin: 0; padding: 0; }
#bottomGallery a
{	text-decoration: none; border-bottom: 1px solid #4A809A; }
#bottomGallery ul
{	padding: 0; }
#bottomGallery ul li
{	margin: 0; padding: 0 0 0 15px; background: transparent url('img/bullet-01.gif') 0 6px no-repeat;	}
#bottomGallery fieldset
{	margin: 0; padding: 0; border: none; }
#bottomGallery .notes
{	font-style: italic; font-size: 11px; margin-top: 25px;	}

#product-img
{	width:222px; height: 172px; float: left; margin-right: 10px; margin-bottom: 25px; padding: 0; }
#product-img img
{	margin: 0; border-top: 1px solid #0C3041; border-right: 1px solid #215974; border-bottom: 1px solid #215974; border-left: 1px solid #0C3041;}
#ba-products
{	width: 360px; float: left; padding-left: 20px; }
#ba-products .product-toggler
{	margin: 0 0 3px 0; padding-left: 22px; cursor: pointer; }
.ac-active
{	background: transparent url('img/bullet-02.gif') 7px 5px no-repeat;	}
.ac-deactive
{	background: transparent url('img/bullet-03.gif') 7px 5px no-repeat;}
#ba-products .product-toggler p
{	width: 320px; padding-bottom: 9px; background: transparent url('img/dot-bos.gif') bottom repeat-x; }
#ba-products ul.product-elem
{	padding-left: 23px; margin-bottom: 2px; }
#ba-products ul.product-elem li
{	background-image: none; color:#8DCDEA; padding: 2px 0 0 20px; cursor: pointer; }
#ba-products ul.product-elem li.prod-current, .prod-current
{	background: transparent url('img/bullet-04.gif') 5px 6px no-repeat; }

/*-----------------------------------------------------/
/                       MAIN MENU                      /
/-----------------------------------------------------*/

#logo-top
{	position: relative; height: 35px; width: 350px; background: transparent url('img/logo-top.gif') top left no-repeat; text-indent: -9999px; display: block;
	margin: 11px 0 4px 27px; float: left; }
#logo
{	height: 45px; width: 312px; background: transparent url('img/logo.gif') top left no-repeat; text-indent: -9999px; display: block; float: left;
	margin-top: 20px; margin-right: 5px; margin-left: 27px!important; margin-left: 14px; }
#fancymenu 
{	position: relative; height: 25px; width: 550px; background: none; padding: 1px 0; margin: 30px 25px 20px 0; overflow: hidden; float: right;  }
#fancymenu ul 
{	padding: 0; margin: 0; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 11px; }
/* Don't apply padding here (offsetWidth will differ in IE). If you need padding add it to the child anchor */
#fancymenu ul li 
{	float: left; list-style: none; margin: 0; padding: 0; background: none; }
#fancymenu ul li a 
{	z-index: 10; display: block; float: left; height: 25px; position: relative; overflow: hidden; color: #f1f6f8; 
	text-decoration: none; padding: 2px 0 0 2px; text-align: center; font-size: 11px;}
#menu_inicio a { width: 40px; }
#menu_empresa a { width: 66px; }
#menu_chiffros a { width: 66px; }
#menu_servicios a { width: 66px; }
#menu_productos a { width: 68px; }
#menu_exemples a { width: 68px; }
#menu_contacto a { width: 63px; }
#fancymenu li.background 
{	background: url('img/bg-menu-right.gif') no-repeat top right;
	z-index: 8; position: absolute; top: 1px;  visibility: hidden; color: #F8DE57; }
#fancymenu .background .left 
{	background: url('img/bg-menu.gif') no-repeat top left;
	height: 25px; margin-right: 5px; }

/*-----------------------------------------------------/
/                        FORMS                         /
/-----------------------------------------------------*/

#bottomGallery form
{	margin: 0; border-right: 1px solid #32586A; float: left; width: 450px; }
#bottomGallery form p, #bottomGallery input, #bottomGallery textarea
{	font-family: Verdana,Helvetica,Tahoma,Arial,serif; font-size: 11px; color: #F1F6F8; }
#bottomGallery form p
{	margin: 6px 0; width: 190px; }
#bottomGallery form p em
{	font-size: 9px; }
#bottomGallery input, textarea
{	padding: 5px 10px; }
#bottomGallery p.p-inline
{	float: left; width: 190px; margin-right: 30px; }
#bottomGallery p.p-inline br
{	line-height: 30px;}
#bottomGallery p.p-right
{	float: right; width: 300px; margin: 10px 150px 0 0; padding-bottom: 0; }
#bottomGallery .ba-txt, #bottomGallery .ba-txtarea
{	background-color: #0D3040; border: 1px solid #4A809A; }
#bottomGallery .ba-txt
{	width: 180px;	}
#bottomGallery #ba-msg
{	width: 400px; height: 48px; }
#bottomGallery #ba-send
{	margin-left: 15px; background-color: #4A809A; border: none; cursor: pointer; }
#bottomGallery .required
{	color: #F8DE57; font-size: 11px; }
#bottomGallery #ba-loads
{	float: left; padding: 10px 26px; }
#bottomGallery #ba-loads p
{	width: 250px;	}
#bottomGallery #ba-loads p strong
{	color: #8fbfd2; }
#bottomGallery #show-advice
{	width: 600px; height: 600px;	}

#galleries {
	width:1200px;
	float:left;	
	margin-left:10px;
}

.gallery_thumb {
	width:150px;
	height:100px;
	margin-right:7px;
	margin-bottom:7px;
	float:left;
	border:1px solid #818285;
}
