/**
 *     Main CSS file
 */

/*
 * Used colours:
 */

wbr {
	background: #181c5e;
	background: #d30826;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Italic.ttf);
    font-style: italic;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-BoldItalic.ttf);
    font-style: italic;
    font-weight: bold;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Medium.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-MediumItalic.ttf);
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Black.ttf);
    font-weight: 900;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-BlackItalic.ttf);
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Thin.ttf);
    font-weight: 100;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-ThinItalic.ttf);
    font-style: italic;
    font-weight: 100;
}

/* global layout **************************************************************/

html, body {
	position: relative;
    background: #FFF;
    font-size: 16px;
    
    font-family: Roboto;
    font-size: 16px;
}

/* HEADER *********************************************************************/
header {
	position: relative;
}

header nav {
	position: absolute;
	width: 100%;
	height: 32px;
	top: 140px;
	
	background: #d30826;
}

.header-redir35 {
	position: absolute;
	right: 0;
	top: -70px;
}

.header-redir35 a {
	color: #d30826;
}

.header-redir35 a:hover {
	color: #fff;
	background: #181c5e;
	padding: 5px;
	border-radius: 5px;
}

#main-logo {
	display: block;
	width: 238px;
	
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 5000;
}

#main-logo img {
	width: 100%;
}

#main-menu {
	position: relative;
	width: 960px;
	height: 51px;
	margin-left: auto;
	margin-right: auto;
	z-index: 4000;
	
	background: url(../images/static_bara_antet.png) no-repeat center;
	overflow: hidden;
}

@media (max-width: 960px){
	#main-menu {
		width: 100%;
	}
}

#main-menu-center {
	float: left;
	width: 239px;
	height: 32px;
}

#main-menu-left {
	float: left;
	width: 361px;
	height: 32px;
	
	text-align: right;
}

#main-menu-right {
	float: left;
	width: 360px;
	height: 32px;
	
	text-align: left;
}

@media (max-width: 960px){
	#main-menu-left,
	#main-menu-right {
		width: 35%;
		overflow: hidden;
	}
}

#main-menu-left a,
#main-menu-right a {
	display: inline-block;
	position: relative;
	font-size: 18px;
	margin-top: 1px;
	padding: 7px 20px;
	color: #FFF;
	font-weight: 400;
}

#main-menu-left a:hover,
#main-menu-right a:hover {
	background: #181c5e;
}

@media (max-width: 960px){
	#main-menu-left a {
		padding: 7px 5px;
	}
	
	#main-menu-right a {
		padding: 7px 8px;
	}
}

#banner-ppag {
	position: relative;
	width: 100%;
	height: 639px;
	margin-top: -122px;
	background: url(../images/static_banner_ppag.jpg) no-repeat center;
}

#header-outer-links {
	position: absolute;
	top: 20px;
	width: 100%;
}

#header-phone {
	position: relative;
	width: 40%;
	left: 0;
	top: 0;
	height: 32px;
	padding-left: 40px;
	line-height: 32px;
	
	background: url(../images/icon_telefon.png) no-repeat left;
}

#header-socials {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	text-align: right;
}

#header-socials a {
	display: inline-block;
	margin: 0 4px;
}

a.link-bigppag {
	display: block;
	position: relative;
	margin-bottom: 100px;
}

a.link-bigppag img.poster {
	box-shadow: #000 0 0 10px;
}

a.link-bigppag .embelishment.normal,
a.link-bigppag:hover .embelishment.over {
	display: block;
	visibility: visible;
}

a.link-bigppag .embelishment.over,
a.link-bigppag:hover .embelishment.normal {
	display: none;
	visibility: hidden;
}

a.link-bigppag div {
	position: relative;
	font-weight: bold;
	font-size: 32px;
	z-index: 100;
}

a.link-bigppag:hover div {
	color: #d30826;
}

footer {
	background: #d30826;
	font-size: 14px;
}

footer div.width960 {
	position: relative;
}

footer a {
	text-decoration: none;
	color: #FFF;
}

footer a:hover {
	color: #181c5e;
}

footer table td {
	padding: 8px 2px;
}

#footerfacebook {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 20px;
	right: 0;
	
	background: url(../images/icon_facebook_subsol.png);
}

#footerinstagram {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 20px;
	right: 60px;
	
	background: url(../images/icon_instagram_subsol.png);
}

footer div.copyright {
	position: absolute;
	right: 0;
	top: 180px;
	color: #FFF;
	
	font-size: 12px;
}

article {
	font-size: 18px;
	line-height: 24px;
}

article h1 {
	font-size: 32px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
	color: #181c5e;
}

article h2 {
	font-size: 28px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
	margin: 30px 0;
	color: #d30826;
}

article p {
	margin: 20px 0;
	text-align: justify;
}

article ul li {
	list-style: disc inside;
	padding-left: 40px;
}

a {
	color: #181C5E;
}

a:hover {
	color: #d30826;
}

a.link {
	color: #d30826;
}

a.link:hover {
	background: #181c5e;
	color: #FFF;
	padding: 5px;
	border-radius: 10px;
}

#hButtonSubmit {
	border: 0;
	margin: 0;
	border-radius: 5px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #181c5e;
	padding: 5px;
}

#hButtonSubmit:hover {
	background: #d30826;
}


a.center-home-item {
	position: relative;
	display: block;
	padding: 10px;
	margin: 10px 0;
	background: #181c5e;
	height: 150px;
	text-decoration: none;
}

a.center-home-item:hover {
	background: #d30826;
}

a.center-home-item div.label {
	color: #FFF;
	font-size: 46px;
	line-height: 150px;
	padding-left: 50px;
}

a.center-home-item img {
	position: absolute;
	top: 7%;
	right: 2%;
	width: 20%;
}

/**** FORMULAR INSCRIERE ******************************************************/
div.formular {
	padding: 20px;
	color: #000;
}

div.formular table {
	width: 100%;
}

div.formular table.tblformular td,
div.formular table.tblcontact td {
	padding-bottom: 20px;
}

div.formular table.marimi-tricouri th {
	font-size: 18px;
	text-align: left;
	background: #000;
	color: #FFFFFF;
	padding: 5px;
}

div.formular table.marimi-tricouri td {
	font-size: 18px;
	text-align: left;
	padding: 5px;
}

div.formular table.marimi-tricouri tr.hlt {
	background: #555555;
	color: #FFF;
}

div.formular input[type="text"] {
	border: 1px solid #d30826;
	background: #FFF;
	color: #d30826;
	font-size: 22px;
	
	width: 90%;
	height: 36px;
	padding-left: 20px;
}

div.formular textarea {
	border: 1px solid #d30826;
	background: #FFF;
	color: #d30826;
	
	width: 90%;
	height: 200px;
	padding-left: 20px;
	padding-top: 5px;
}

div.formular label,
div.formular input[type="radio"] {
	
}

div.formular input[type="text"]::placeholder,
div.formular textarea::placeholder {
	color: #d30826;
}

#hEditVarsta {
	width: 45%;
}

div.formular select {
	border: 1px solid #d30826;
	background: #FFF;
	color: #d30826;
	font-size: 22px;
	
	width: 90%;
	height: 36px;
	padding-left: 20px;
}

#frm_inscriere #hButtonSubmit {
	width: 100%;
}

table.marimi-tricouri tr {
	border-bottom: 1px solid #181C5E;
}

table.marimi-tricouri td {
	border-left: 1px solid #181C5E;
	border-right: 1px solid #181C5E;
}