/*======================================================================
CSS DOCUMENT

description:	arca - SIMBOLURI v.1.0.1 CSS - version 2 - 2015
author:			Tudor Cătălin Urcan
urls:			http://www.urcan.ro
				http://arca.urcan.ro
				
======================================================================*/

/* FONTS

source and copyrights:

fonts from http://www.fontsquirrel.com

Open Sans: by Steve Matteson : Ascender Corp.
Khand: copyright (C) 2014, Indian Type Foundry

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

		@font-face {
			font-family: 'OpenSans-Regular';
				src: local('☺'),
				url('../fonts/OpenSans-Regular.woff') format('woff'),
				url('../fonts/OpenSans-Regular.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
		}
		
		@font-face {
			font-family: 'OpenSans-Bold';
				src: local('☺'),
				url('../fonts/OpenSans-Bold.woff') format('woff'),
				url('../fonts/OpenSans-Bold.ttf') format('truetype');
			font-weight: bold;
			font-style: normal;
		}
		
		@font-face {
			font-family: 'Khand-Light';
				src: local('☺'),
				url('../fonts/Khand-Light.woff') format('woff'),
				url('../fonts/Khand-Light.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
		}
		
		@font-face {
			font-family: 'Khand-Semibold';
				src: local('☺'),
				url('../fonts/Khand-Semibold.woff') format('woff'),
				url('../fonts/Khand-Semibold.ttf') format('truetype');
			font-weight: bold;
			font-style: normal;
		}

/* LAYOUT
----------------------------------------------------------------------*/
		
		body {
			background: fixed #D6CD86 url(../bblocks/arca_texture_Cross-small_2.png) top center;
			text-align: center;
		}

		#arca {
			position: fixed;
			top: 20px;
			left: 26px;
		}
		
		#header {
			width: 100%;
			height: 777px;
			border-bottom: 1px solid #555555;
			background: #5A6361 url(../bblocks/arca_texture_simboluri_5.png) top center;
			text-align: center;
		}
		
		#Cross {
			width: 640px;
			height: 640px;
			margin-top: 64px;
		}
		
		#verstripe {
			width: 100%;
			height: 60px;
			margin: 0;
			border-bottom: 1px solid #5c5c5c;
			background: #69706f;
			text-align: center;
		}
		
		#vertext {
			margin-top: 0px;
			position: relative;
			top: 14px;
		}
		
		#introducere {
			width: 100%;
			height: auto;
			margin-top: 70px;
			text-align: center;
		}
		
		.titletext {
			margin-top: 5px;
			margin-bottom: 20px;
			font-size: 18px;
		}

		p {
			margin-bottom: 16px;
			line-height: 24px;
			font-family: 'OpenSans-Regular', Verdana, sans-serif;
			font-weight: normal;
			font-style: normal;
			font-size: 16px;
			color: #000000;
		}
		
		div.container {
			width: 100%;
			height: auto;
			margin-top: 70px;
			text-align: center;
		}
		
		h1 {
			margin: 0;
			line-height: 100%;
			font-family: 'Khand-Semibold', Verdana, sans-serif;
			font-weight: bold;
			font-style: normal;
			font-size: 54px;
			color: #000000;
		}
		
		h2 {
			margin-top: 35px;
			line-height: 100%;
			font-family: 'Khand-Semibold', Verdana, sans-serif;
			font-weight: bold;
			font-style: normal;
			font-size: 36px;
			color: #000000;
		}
		
		h3 {
			margin-top: 5px;
			line-height: 100%;
			font-family: 'Khand-Light', Verdana, sans-serif;
			font-weight: normal;
			font-style: normal;
			font-size: 36px;
			color: #000000;
		}
		
		h4 {
			margin-top: 35px;
			line-height: 100%;
			font-family: 'Khand-Semibold', Verdana, sans-serif;
			font-weight: bold;
			font-style: normal;
			font-size: 27px;
			color: #000000;
		}		
		
		h2.sectiontitle {
			margin-bottom: 70px;
			color: #707070;
		}

		p.projfiles {
			margin-top: 15px;
		}

		a.textlink {
			font-family: 'OpenSans-Bold', Verdana, sans-serif;
			font-weight: bold;
			font-style: normal;
			line-height: 24px;
			color: #669900;
		}

		span {
			color: #707070;
		}

		#vignette1 {
			margin-top: 35px;
		}
		
		#vignette2 {
			margin-top: 57px;
			margin-bottom: 149px;
		}
		
		hr {
			width: 1024px;
			height: 1px;
			margin-top: 70px;
			border: none;
			color: #808080;
			background-color: #808080;
		}