/* General
***************/
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body{
	background-color: #e0e5e7;
}

:focus, a:focus{outline: none;}
.clear{
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
.left{float: left;}
.right{float: right;}
.center{text-align: center;}

br{
	height: 8px;
	font: normal 8px/8px Arial, Helvetica, sans-serif;
}
.reclama {visibility: hidden; position: absolute; z-index: 100; left: 300px; top: 200px;}
hr {border-bottom: 1px dashed #eef9fc;}
/* Text
______________*/

p, li{
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	text-align: justify;
	color: #26505f;
}

h1 span {display: none;}
h2{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #183e4b;
	padding: 0px 0px 15px 0px;
}
h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #eef9fc;
	padding: 0px 0px 10px 0px;
}

ul, li {
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
}
ul.list01 { padding: 0px 0px 5px 30px;}
ul.list01 li{
	list-style-type: square;
}
ul.list02 { margin: 0px 0px 5px 50px;}
ul.list02 li{
	list-style-type: decimal;
}
/* Layout
***************/

#container{
	width: 760px;
	margin: 0px auto;
	background-color: #3a4549;
	display: table;
}
#left-side, #right-side, #header, #header-top, #header-bottom, #logo, #top-menu, #language, #newsletter, #content, .col, #footer, #bottom-menu {float: left;}

#left-side{ width: 90px; padding-top: 155px;}
#right-side{ width: 660px;}

/* Header
***************/
#header{ height: 155px; }
#header-top{ height: 107px; }
#logo{ padding: 31px 0px 0px 10px; width: 194px;}
#logo.ro{ width: 199px;}

/* Top Menu
______________*/

#top-menu a:link,  #top-menu a:visited{
	height: 107px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#top-menu a:hover,  #top-menu a:active{ background-position: left bottom;}

#top-menu a.home{ background-image: url(../img/menu/btn_home.gif); width: 52px;}
#top-menu a.about{ background-image: url(../img/menu/btn_about.gif); width: 72px;}
#top-menu a.services{ background-image: url(../img/menu/btn_services.gif); width: 61px;}
#top-menu a.jobs{ background-image: url(../img/menu/btn_jobs.gif); width: 41px;}
#top-menu a.clients{ background-image: url(../img/menu/btn_clients.gif); width: 81px;}
#top-menu a.expo{ background-image: url(../img/menu/btn_expo.gif); width: 69px;}
#top-menu a.contact{ background-image: url(../img/menu/btn_contact.gif); width: 80px;}

#top-menu a.home-ro{ background-image: url(../img/menu/btn_home_ro.gif); width: 51px;}
#top-menu a.about-ro{ background-image: url(../img/menu/btn_about_ro.gif); width: 79px;}
#top-menu a.services-ro{ background-image: url(../img/menu/btn_services_ro.gif); width: 56px;}
#top-menu a.clients-ro{ background-image: url(../img/menu/btn_clients_ro.gif); width: 92px;}
#top-menu a.contact-ro{ background-image: url(../img/menu/btn_contact_ro.gif); width: 63px;}

#top-menu a span {display: none;}

/* Language
______________*/

#language { width: 345px; padding: 20px 0px 0px 10px; }
#language.ro { width: 340px;}

#language a:link, #language a:visited {
	height: 10px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
}
#language a:hover, #language a:active{ background-position: left bottom;}

#language a.en{ background-image: url(../img/layout/en.gif); width: 47px;}
#language a.ro{ background-image: url(../img/layout/ro.gif); width: 53px;}
#language a span {display: none;}

/* Newsletter
______________*/

#newsletter{ padding: 15px 0px 0px 0px;}
#newsletter p{
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	float: left;
	color: #fff;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	line-height: 12px;
}
#newsletter input{
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	float: left;
	width: 148px;
	padding: 2px 0px 2px 2px;
	margin-left: 5px;
	background-color: #1b1c20;
	border: 1px solid #8c8d8f;
	color: #fdfeff;
}

#newsletter a:link, #newsletter a:visited {
	height: 10px;
	float: left;
	margin: 5px 0px 0px 5px;
	padding: 0px;
}
#newsletter a.send{	background: url(../img/layout/send_news.gif) left top no-repeat; width: 25px;}
#newsletter a.trimite{	background: url(../img/layout/trimite_news.gif) left top no-repeat; width: 40px;}
#newsletter a:hover, #newsletter a:active{ background-position: left bottom;}

#newsletter a span {display: none;}

/* Footer
______________*/

#footer{ height: 30px; padding: 10px 0px 0px 0px; }

p.copyright{
	float: left;
	width: 152px;
	color: #fff;
	font-size: 10px;
}
#footer.ro p.copyright{width: 150px;}

#bottom-menu a:link, #bottom-menu a:visited{
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	float: left;
	padding: 0px 0px 0px 9px;
	text-align: left;
	color: #caced0;
	font-size: 10px;
	text-decoration: none;
}
#bottom-menu a:hover, #bottom-menu a:active{ color: #fff;}
#footer.ro #bottom-menu a{padding-left: 7px;}

/* Images
______________*/

.left-img{ float: left; margin: 0px 10px 0px 0px; border: 1px solid #c5ec91;}
.right-img{ float: right; margin: 3px 0px 0px 10px; border: 1px solid #c5ec91;}

/* Content
______________*/

#content{
	width: 660px;
	background: url(../img/layout/bg_content.gif) left top repeat-y;
}
#content.full-color{
	background-image: none;
	background-color: #93d3ec;
}
.col{width: 290px; padding: 19px;}

#content p, #content li{ padding: 0px 0px 5px 0px;}

#content a:link, #content a:visited{ color: #26505f; font-weight: bold; text-decoration: underline;}
#content a:hover, #content a:active{ color: #eef9fc; text-decoration: none;}

.bold { color:#183e4b; font-weight: bold;}
.italic { font-style: italic; font-weight: bold; color: #eef9fc;}

.full-screen{ padding: 19px 19px 0px 19px;}

.arrow:link, .arrow:visited{
	width: 21px;
	height: 21px;
	float: right;
	background: url(../img/content/arrow.gif) left top no-repeat;
}
.arrow:hover, .arrow:active{ background-position: left bottom;}
.arrow span { display: none;}

/* Submenu
______________*/
#submenu{
	width: 660px;
	height: 200px;
}

#submenu.album{background: url(../img/banners/album.jpg) left top no-repeat;}
#submenu.album-ro{background: url(../img/banners/album_ro.jpg) left top no-repeat;}
#submenu.articles{background: url(../img/banners/articles.jpg) left top no-repeat;}
#submenu.articles-ro{background: url(../img/banners/articles_ro.jpg) left top no-repeat;}
#submenu.training{background: url(../img/banners/business_training.jpg) left top no-repeat;}
#submenu.training-ro{background: url(../img/banners/business_training_ro.jpg) left top no-repeat;}
#submenu.mystery{background: url(../img/banners/mystery_shopping.jpg) left top no-repeat;}
#submenu.mystery-ro{background: url(../img/banners/mystery_shopping_ro.jpg) left top no-repeat;}
#submenu.news{background: url(../img/banners/news.jpg) left top no-repeat;}
#submenu.news-ro{background: url(../img/banners/news_ro.jpg) left top no-repeat;}
#submenu.promoters-hostess{background: url(../img/banners/promoters_hostess.jpg) left top no-repeat;}
#submenu.promoters-hostess-ro{background: url(../img/banners/promoters_hostess_ro.jpg) left top no-repeat;}
#submenu.promoters{background: url(../img/banners/promoters.jpg) left top no-repeat;}
#submenu.promoters-ro{background: url(../img/banners/promoters_ro.jpg) left top no-repeat;}
#submenu.hostess{background: url(../img/banners/hostess.jpg) left top no-repeat;}
#submenu.hostess-ro{background: url(../img/banners/hostess_ro.jpg) left top no-repeat;}
#submenu.models{background: url(../img/banners/models.jpg) left top no-repeat;}
#submenu.models-ro{background: url(../img/banners/models_ro.jpg) left top no-repeat;}
#submenu.assistants{background: url(../img/banners/assistants.jpg) left top no-repeat;}
#submenu.assistants-ro{background: url(../img/banners/assistants_ro.jpg) left top no-repeat;}
#submenu.manpower{background: url(../img/banners/manpower.jpg) left top no-repeat;}
#submenu.manpower-ro{background: url(../img/banners/manpower_ro.jpg) left top no-repeat;}
#submenu.marketing-research{background: url(../img/banners/marketing_research.jpg) left top no-repeat;}
#submenu.marketing-research-ro{background: url(../img/banners/marketing_research_ro.jpg) left top no-repeat;}

#submenu a:link, #submenu a:visited{
	width: 160px;
	height: 32px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 35px 0px 0px;
}
#submenu a.mystery-shopping{ background: url(../img/submenu/btn_mystery.gif);}
#submenu a.business-training{ background:url(../img/submenu/btn_training.gif);}
#submenu a.newsletter-management{ background: url(../img/submenu/btn_newsletter.gif);}
#submenu a.promoters-hostess{ background: url(../img/submenu/btn_promoters.gif);}
#submenu a.marketing-research{ background: url(../img/submenu/btn_marketing.gif);}

#submenu a:hover, #submenu a:active{ background-position: left bottom;}
#submenu span{ display: none;}

#submenu-top{ padding: 80px 0px 0px 55px;}
#submenu-bottom{ padding: 10px 0px 0px 150px;}

/* Album
______________*/

#album a{
	float: left;
	margin: 0px 10px 20px 14px;
}
#album img{border: 1px solid #c5ec91;}
#album a.last{margin-right: 0px;}

/* Forms
______________*/

#contact-form input{
	width: 210px;
	float: left;
	padding: 2px 0px 2px 2px;
	margin-left: 5px;
	background: transparent;
	border-bottom: 1px solid #26505f;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #fdfeff;
}

#contact-form p{
	width: 70px;
	float: left;
	padding: 3px 0px 0px 0px;
	margin-bottom: 10px;
	line-height: 12px;
	font-weight: bold;
	text-align: left;
}

.checklist, radiolist, .bday{
	width: 210px;
	float: left;
}
.languages{width: 190px; float: left;}
.disp {width: 200px; float: left;}

#contact-form .checklist input, #contact-form .radiolist input{
	width: 12px;
	height: 12px;
	float: left;
	border: 0px;
	margin-right: 10px;
	vertical-align: top;
}
#contact-form .bday input{
	width: 20px;
	float: left;
}

#contact-form .checklist p, #contact-form .radiolist p, #contact-form .languages p{
	padding: 0px;
	line-height: normal;
	font-weight: normal;
}
#contact-form .checklist p{width: 170px;}
#contact-form .radiolist p{width: 50px;}
#contact-form .languages p{width: 90px; font-weight: normal;}
#contact-form .disp p{width: 70px; font-weight: normal;}
#contact-form .comment p{width: auto; margin: 0px;}

#contact-form .bday p{
	width: 20px;
	padding-left: 10px;
	float: left;
	text-align: center;
	line-height: normal;
	font-weight: normal;
}

#contact-form p.note{
	width: 193px;
	float: right;
	text-align: left;
	font-weight: normal;
	padding: 0px;
}
#contact-form textarea{
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #fdfeff;
	width: 216px;
	background: transparent;
	border-bottom: 1px solid #26505f;
	border-left: 1px solid #26505f;
	border-top: 0px;
	border-right: 0px;

}
#contact-form select{
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #fdfeff;
	background: transparent;
	border-bottom: 1px solid #26505f;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	margin-left: 5px;
}
#contact-form option{
	color: #26505f;
	background-color: #fdfeff;
}
#contact-form select.judet{width: 211px;}

#contact-form a:link, #contact-form a:visited {
	height: 12px;
	float: right;
	margin: 0px 2px 0px 0px;
	padding: 0px;
}

#contact-form .cv-details p{width: 190px;}
#contact-form .cv-details select{ width: 50px;}

#contact-form .languages select{ width: 50px;}
#contact-form .disp select{ width: 53px; margin: 0px;}

#contact-form .languages p.other-lg{width: 40px;}
#contact-form .languages input.other-lg{width: 80px; padding-top: 0px;}

#contact-form .comment input{ width: 280px; float: none; margin: 0px;}

#contact-form a.send{ background: url(../img/layout/send_contact.gif) left top no-repeat; width: 35px;}
#contact-form a.trimite{ background: url(../img/layout/trimite_contact.gif) left top no-repeat; width: 53px;}
#contact-form a:hover, #contact-form a:active{ background-position: left bottom;}

#contact-form p.long-label{ width: 100px;}
#contact-form p.short-label{ width: 30px;}

#contact-form a span {display: none;}

#contact-form br{ clear:both;}