/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
li { list-style:none;}	
header, footer, article, aside, section {display: block;}

/* General */

html, body { margin: 0 auto; width: 1000px; height: 100%; background: url('../img/background.jpg') repeat-x; }
#page { background: url('../img/page.jpg') repeat-y; position:relative; min-height: 100%;  }
p, h1, h2 { color: #333; text-indent: 20px; font-family: "Palatino Linotype", Tahoma, Arial;}
h1 { font-size: 150%; padding-bottom: 10px;}
h2 { font-size: 120%; padding: 5px 0px;}
p { font-size: 100%; padding-bottom: 5px;}
strong { font-weight: bold;}

/* Header */

header { background-image: url('../img/header.jpg'); height: 318px;	position: relative;}
#logo {position: absolute;	left: 130px; height: 133px; width: 275px; display: block; text-indent: -3000px;}
.external { position: absolute; left: 700px; background-image: url('../img/external.png'); width: 219px; height: 22px; text-decoration: none; padding-top: 3px; text-align: center; color: #000; font-size: 16px;}
#motto { position: absolute; top: 65px; left: 420px; color: #fff; font-size: 22px; }
#nav {position: absolute; top: 245px; left: 370px; background-image: url('../img/nav.png'); width: 551px; height: 54px;}
#nav a { display: block; float:left; color: #fff; text-decoration: none; background: url('../img/border.jpg') no-repeat right top; padding: 14px 19px 14px 19px; font-size: 22px; }
#nav a#last { background: none; }
#nav a:hover { color: #5a9de3; }
#nav a.selected { color: #5a9de3; }

/* Main */

#main { overflow:hidden; padding: 30px 30px 62px 30px; margin-left: 48px; margin-right: 49px;
			*background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(226,226,226,1) 45%, rgba(229,229,229,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(45%,rgba(226,226,226,1)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(226,226,226,1) 45%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(226,226,226,1) 45%,rgba(229,229,229,0) 100%); /* Opera11.10+ */
			background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(226,226,226,1) 45%,rgba(229,229,229,0) 100%); /* IE10+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00e5e5e5',GradientType=0 ); /* IE6-9 */
			background: linear-gradient(top, rgba(224,224,224,1) 0%,rgba(226,226,226,1) 45%,rgba(229,229,229,0) 100%); /* W3C */}
.article { padding: 30px 20px; overflow: hidden;}
.button { float: left; }
.head { width: 700px; float: right; }
.body { width: 700px; float: right; display: none; }	

/* Footer */

footer { background-image: url('../img/footer.jpg'); height: 62px; position: absolute; bottom: 0; width: 1000px; }
footer a { position: absolute; top: 15px; left: 100px; display: block; text-indent: -3000px; height: 30px; width: 200px;}

/* Contact */

.contact form { width: 400px; float: left;}
.contact p, h1, h2 { text-indent: 0px;}
.contact #contact { width: 400px; float: right;}
input {	width:220px; height: 30px;	padding-left: 5px; border: 1px solid black; background-color: #f0f0f0;	margin-bottom: 10px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;}
input[name="nume"] { margin-top: 20px;}
input[name^="mesa"] { width: 345px;	height: 80px;} 
input[name^="trimi"] { color: #fc0;	background-color: black; margin-left: 129px;}
:valid { background-color: #C6EFCE;}
a[href^="mail"] { color: #666; text-decoration: none;}
address { display: inline; font-family: "Palatino Linotype", Tahoma, Arial; font-size: 16px; color: #333;}
iframe { margin-top: 20px;}
textarea { width: 340px; height: 80px; padding: 5px; border: 1px solid black; margin-bottom: 10px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;}