/* Document CSS */

/* Elemente Generale: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
		font-smooth: always;
}

/* Margine Verticala */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Margine Stanga */
li, dd, blockquote {
        margin-left: 1em;
}

/* Diverse Necesitati */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #FFF;
  color: #000;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 940px;
  text-align: center;
  font-smooth: always;
}

a:link
{ 
	text-decoration: underline; 
	color: #000;
	background-color: transparent;
}

a:visited
{ 
	text-decoration: underline; 
	color: #000;
}

a:hover
{ 
	text-decoration: none;
	color: #000;
	background-color: transparent;
}

a:selected
{ 
	text-decoration: none;
	color: #000;
	background-color: transparent;
	border: none;
}

/*-- PARTI GENERALE --------------*/
/*-#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}-*/
#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: absolute; top: 50%; left: 50%; margin: -265px 0 0 -470px; text-align: left;}
#small_container {width: 940px; position: relative; background-color: #000;}



/*-- HEADER---------------------*/

#masthead {position: relative; float: left; display: inline; width: 940px; height: 45px; margin: 0; padding: 0;}

	#masthead ul {display: inline; float: left; list-style: none; margin: 0; padding: 0;}
	#masthead li {display: inline; float: left; margin: 0 0 0 61px;}
	#masthead li a {display: inline; float: left; height: 24px; font-family: sans serif; text-transform: lowercase; font-size: 14px;}
	#masthead li span {display: none;}
	


#headerNavBar {position: relative; height: 24px; margin-left: -62px;}

#headerNavBar ul li a {font-size: 12px; font-family: Verdana, Tahoma, Arial; text-decoration: none; color: #000; text-transform: capitalize; font-weight: bold;}
#headerNavBar ul li a:hover {font-size: 12px; font-family: Verdana, Tahoma, Arial; text-decoration: none; color: #a70e13; text-transform: capitalize; font-weight: bold;}

/*-- FOOTER --------------------*/
.footerArea {position: relative; float: left; display: inline; width: 940px; margin: -20px 0 30px 0;}
	.footerArea p {font-size: 11px; color: #CCCCCC; display: inline; margin: 0; padding: 0;}


/*-- PAGINA PRINCIPALA ---------------------*/
.homeIntro {position: relative; float: left; display: inline; overflow: hidden; width: 300px; height: 300px; background-color: #FFF; margin: 0 20px 20px 0;}
	.homeIntro h1 {font-size: 14px; color: #000; line-height: 1em; margin: 20px; padding: 0;}
	.homeIntro p {font-size: 12px; color: #000; line-height: 1.5em; margin: 0 20px 20px 20px; padding: 0;}

.homeFlashHolder {position: relative; float: left; display: inline; width: 940px; height: 460px; background-color: #454E54; margin: 0 0 0 0;}

.homeThumb {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0 20px 0 0;}
	.homeThumb img {border: 0;}
	.homeThumb a {border: 1px solid #000; padding: 0; margin: 0; display: block;}
	.homeThumb a:visited {border: 1px solid #000; padding: 0; margin: 0; display: block;}
	.homeThumb a:hover {border: 1px solid #31383D; padding: 0; margin: 0; display: block;}
.homeThumbRight {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0;}
	.homeThumbRight img {border: 0;}
	.homeThumbRight a {border: 1px solid #000; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:visited {border: 1px solid #000; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:hover {border: 1px solid #31383D; padding: 0; margin: 0; display: block;}

/*-- PAGINA IMAGINI --------------------*/
.galleryMainArea {position: relative; float: left; display: inline; width: 770px; height: 460px; background: url(../images/bg_loader.gif) center center no-repeat #FFF; text-align: center; padding: 0;}
.galleryMainArea img {border: 1px solid #000;}
.galleryNavigation {position: relative; float: left; display: inline; width: 130px; height: 420px; background-color: #FFF; padding: 20px;}

.galleryNavigationColumn1 {position: relative; float: left; display: inline; width: 52px; margin: 0 10px 0 0; padding: 0;}
	.galleryNavigationColumn1 img {border: 0; margin: 0;}
	.galleryNavigationColumn1 a {border: 1px solid #000; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:visited {border: 1px solid #000; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:hover {border: 1px solid #CCC; padding: 0; margin: 0 0 10px 0; display: block;}
.galleryNavigationColumn2 {position: relative; float: left; display: inline; width: 52px; margin: 0; padding: 0;}
	.galleryNavigationColumn2 img {border: 0; margin: 0;}
	.galleryNavigationColumn2 a {border: 1px solid #000; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:visited {border: 1px solid #000; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:hover {border: 1px solid #CCC; padding: 0; margin: 0 0 10px 0; display: block;}

.galleryNavigationText {position: relative; float: left; display: inline; width: 130px; margin: 0; padding: 0;}
	.galleryNavigationText p {margin: 0; padding: 0; font-size: 11px; color: #CCCCCC;}

/*-- PAGINA DESPRE NOI -------------*/
.aboutMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #FFF;}
	.aboutMainArea h1 {font-size: 14px; color: #000; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.aboutMainArea p {font-size: 12px; color: #000; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.aboutColumn1 {position: relative; float: left; display: inline; margin: 0; width: 620px; height: 420px;}
.aboutColumn2 {position: relative; float: left; display: inline; margin: 0; width: 280px; height: 420px;}


.aboutImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #FFF; text-align: right;}
	.aboutImageArea img {border: 0;}
	
/*-- PAGINA CONTACT 2 -------------*/
.contactMainArea {position: relative; float: left; display: inline; width: 320px; height: 460px; font-size: 11px; background-color: #454E54;}
	.contactMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.contactMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.contactColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.aboutColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}


.contactImageArea {position: relative; float: left; display: inline; width: 620px; height: 460px; background-color: #454E54;}
	.contactImageArea img {border: 0;}

/*-- FORMULAR --*/
.mainAreaForm {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 20px 0; padding: 0;}
	.mainAreaForm h1 {margin: 10px 0 20px 0; padding: 0; text-indent: -9000px; line-height: 1em; font-size: 10px;}

.formLeftColumn {position: relative; float: left; display: inline; width: 660px; margin: 0 20px 0 0; background-color: #454E54; padding: 20px;}
	.formLeftColumn h2 {font-size: 16px; color: #CCCCCC; line-height: 1.2em; font-weight: bold;}
	.formLeftColumn h3 {font-size: 16px; color: #CCCCCC; line-height: 1.5em; font-weight: normal; margin: 0;}
	.formLeftColumn p {line-height: 1.7em; font-size: 14px; color: #CCCCCC;}
	.formLeftColumn ul {font-size: 14px; color: #CCCCCC;}
	.formLeftColumn li {line-height: 1.8em; margin: 0 0 0 20px;}
	.formLeftColumn form {padding: 0; margin: 10px 0 0 0;}
	.formLeftColumn label {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: normal; color: #000; width: 180px; margin: 0 20px 0 0; display: inline; float: left; padding: 5px 0 0 0;}
	.formLeftColumn fieldset {margin: 0; padding: 0; border: 0;}

.formContactText {width: 150px; border: none; border-bottom: 1px solid #666; background-color: #FFF; font-size: 13px; padding: 4px; margin: 0; color: #000;}
.formContactTextShort {width: 50px; border: 1px solid #AAAAAA; background-color: #FFF; font-size: 13px; padding: 4px; margin: 0;}
.formContactSelect {width: 446px; background-color: #FFF; font-size: 13px; height: 26px; margin: 0;}
.formContactSelectShort {width: 50px; background-color: #FFF; font-size: 13px; height: 26px; margin: 0;}

.contactFormButtons {position: relative; float: right; display: inline; width: 250px; margin: 5px 0 0 0;}
.formButton {padding: 5px 5px 4px 5px; margin: 0; background-color: #FFF; border: 1px solid #000; color: #31383D; font-size: 14px; font-weight: bold;}


.formRightColumn {position: relative; float: left; display: inline; width: 220px; margin: 20px 0 0 0; padding: 0;}
	.formRightColumn h2 {font-size: 16px; color: #CCCCCC; line-height: 1.2em; font-weight: bold; margin: 0 0 1em 0; padding: 0;}
	.formRightColumn p {line-height: 1.7em; font-size: 14px; color: #CCCCCC;}
	.formRightColumn ul {font-size: 14px; color: #CCCCCC;}
	.formRightColumn li {line-height: 1.8em; margin: 0 0 0 20px;}
