@charset "UTF-8";
/* -----------------------------------------
    Filename: base.css
    Title: Primary CSS file for pastaunica.com
    Author: Yi Winny, yiwinny@gmail.com
    URL: http://www.pastaunica.com/css/base.css
    License: Copyright 2009, pastaninca.com , All rights Reserved.
    ------------------------------------------- */
	
/* ------- Basic Elements ------------------------------------------- */
html, p, ul, form {
	margin: 0;
	padding: 0;
}
body {
	font: 12px 'Helvetica Neue', sans-serif;
	line-height: 18px;
	color:#000;
	background: url(../images/bg.gif) repeat-y center #f3f3f3;
	padding:0;
	margin:0;
}
/* ------- Specific Divs --------------------------------------------- */
#container {
	width: 833px;
	min-height:720px;
	padding-top:40px;
	margin:auto;
}
#logo {
	width:512px;
	height:86px;
	float:left;
	position:relative;
	left:1px;
}
#language {
	width:281px;
	float:left;
}
#language ul {
	list-style:none;
}
#language ul li {
	width:60px;
	height:17px;
	line-height:17px;
	margin-bottom:7px;
	text-align:center;
	background: url(../images/bg_language.gif) no-repeat;
	float:right;
	clear:both;
}
#language ul li a {
	color: #bbbbbb;
	text-decoration:none;
}
#language ul li a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}
#language ul li.lang_S {
	width:60px;
	height:17px;
	line-height:17px;
	margin-bottom:7px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background: url(../images/bg_selectedlanguage.gif) no-repeat;
	float:right;
	clear:both;
}
#menu_intro {
	width:815px;
	height:271px;
	background: url(../images/bg_intro.gif) no-repeat;
	float:left;
	clear:both;
	margin: 100px 0 100px 0;
}
#menu_intro .advertisement {
	width:191px;
	height:154px;
	padding-top: 66px;
	float:right;
	text-align:center;
}
#menu_intro .advertisement .titlesize {
	font-size:24px;
	font-weight:bold;
}
#menu_intro .advertisement .detailsize {
	font-size:16px;
	font-weight:bold;
}

.bg_menu1 {
	background: url(../images/bg_sub_menu1.gif) no-repeat;
}
.bg_menu2 {
	background: url(../images/bg_sub_menu2.gif) no-repeat;
}
.bg_menu3 {
	background: url(../images/bg_sub_menu3.gif) no-repeat;
}
.bg_menu4 {
	background: url(../images/bg_sub_menu4.gif) no-repeat;
}
.bg_menu5 {
	background: url(../images/bg_sub_menu5.gif) no-repeat;
}
#menu_sub {
	width:815px;
	height:191px;
	float:left;
	clear:both;
	position:relative;
	left:1px;
}
#menu_sub .advertisement {
	width:191px;
	padding-top: 53px;
	float:right;
	text-align:center;
}
#menu_sub .advertisement .titlesize {
	font-size:24px;
	font-weight:bold;
}
#menu_sub .advertisement .detailsize {
	font-size:16px;
	font-weight:bold;
}
#nav_menu {
	font-size:16px;
	height:28px;
	margin:60px 0 0 45px;
	float:left;
	width:577px;
}
#nav_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav_menu ul li {
	float: left;
	margin-right: 10px;
}
#nav_menu ul li a.menu1 {
	width:80px;
	height:28px;
	line-height:32px;
	background: url(../images/img_menu1.png) no-repeat 0 4px;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#c90021;
}
#nav_menu ul li a.menu1:hover {
	width:80px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu1.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#c90021;
}
#nav_menu ul li a.menu2 {
	width:96px;
	height:28px;
	line-height:32px;
	background: url(../images/img_menu2.png) no-repeat 0 4px;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#cccc00;
}
#nav_menu ul li a.menu2:hover {
	width:96px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu2.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#cccc00;
}
#nav_menu ul li a.menu3 {
	width:60px;
	height:28px;
	line-height:32px;
	background: url(../images/img_menu3.png) no-repeat 0 4px;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#25afe4;
}
#nav_menu ul li a.menu3:hover {
	width:60px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu3.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#25afe4;
}
#nav_menu ul li a.menu4 {
	width:101px;
	height:28px;
	line-height:32px;
	background: url(../images/img_menu4.png) no-repeat 0 4px;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#ff9900;
}
#nav_menu ul li a.menu4:hover {
	width:101px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu4.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#ff9900;
}
#nav_menu ul li a.menu5 {
	width:36px;
	height:28px;
	line-height:32px;
	background: url(../images/img_menu5.png) no-repeat 0 4px;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#f03481;
}
#nav_menu ul li a.menu5:hover {
	width:36px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu5.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#f03481;
}
.menu1_S {
	width:80px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu1.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#c90021;
}
.menu2_S {
	width:96px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu2.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#cccc00;
}
.menu3_S {
	width:60px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu3.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#25afe4;
}
.menu4_S {
	width:101px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu4.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#ff9900;
}
.menu5_S {
	width:36px;
	height:28px;
	line-height:24px;
	background: url(../images/img_menu5.png) no-repeat;
	padding-left:24px;
	text-decoration:none;
	display: block;
	color:#f03481;
}
#contents {
	width: 693px;
	padding:0 45px 45px 45px;
	float:left;
	clear:both;
}
#footer {
	width:743px;
	margin:auto;
	padding:20px 0 20px 0;
	border-top:1px solid #e7e7e7;
	clear:both;
	color:#777777;
}
#footer .promoter {
	float:left;
	width:560px;
}
#footer .promoter ul {
	list-style:none;
}
#footer .promoter ul li {
}
#copyright {
border-top:1px solid #e7e7e7;
	width:743px;
	padding:20px 0 20px 0;
	color: #bbbbbb;
	margin:auto;
	clear:both;
}
#questionform {
	width:599px;
	border:1px solid #e7e7e7;
	padding:50px;
	margin:auto;
	clear:both;
	margin-top: 45px;
}
.title_question {
	background: url(../images/title_observatoire_question.gif) no-repeat;
}
.title_thanks {
	background: url(../images/title_observatoire_thanks.gif) no-repeat;
}
.title_respondence {
	background: url(../images/title_observatoire_respondence.gif) no-repeat;
}
.floating_bt_action {
	width:372px;
	height:51px;
	margin:auto;
	padding-top:30px;
	clear:both;
}
.wrapper_question {
	margin-top:30px;
	float:left;
	clear:both;
	width: 599px;
}
.question_number {
	font-size:18px;
	height:20px;
	line-height:20px;
	color:#ffaa00;
	width:50px;
	float:left;
}
.question_detail {
	max-width: 517px;
	height:auto;
	float:left;
	min-height:20px;
	margin-bottom:5px;
}
.respondence {
	width: 517px;
	float:left;
	margin-left:50px;
	color:#777;
}
.textarea_respondence {
	width:517px;
	height:100px;
	float:left;
	color: #aaa;
	border:1px solid #e7e7e7;
}
.textarea_respondence_small {
	width:517px;
	height:40px;
	float:left;
	color: #aaa;
	border:1px solid #e7e7e7;
}
.notice {
	width: 477px;
	margin-left:105px;
	color:#bbbbbb;
	font-size:14px;
}
.popup_bio {
	width:465px;
	background-color: #ffffff;
	z-index: 105;
	padding:10px;
}
.popup_bio .biography {
	width: 430px;
	color:#000;
	margin:10px;
	float:left;
}
.basictab {
	padding: 1px 0;
	margin-left: 0;
	border-bottom: 1px solid #e7e7e7;
	list-style-type: none;
	text-align: left;
	z-index:106;
}
.basictab li {
	display: inline;
	margin: 0;
}
.basictab li a {
	padding: 3px 7px;
	margin-left: 15px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	border-bottom: none;
	background-color: #fff;
	color: #777777;
}
.basictab li a:hover {
	color: #000000;
}
.basictab li.selected a {
	position: relative;
	top:1px;
	padding-top: 4px;
	background-color: #fff;
	color: #000000;
	font-weight:bold;
}
.bt_radio {
	display:block;
	float:left;
	height:18px;
	line-height: 18px;
	margin-right:10px;
}
.title_personalinfo {
	display:block;
	float:left;
	margin-right:15px;
	text-align: right;
	width:150px;
	height:26px;
	line-height: 26px;
	font-weight:bold;
}
.sub_title {
	height:25px;
	margin-top:30px;
	margin-bottom:15px;
	float:left;
	clear:both;
}
.sub_detail {
	float:left;
	clear:both;
	width:515px;
	margin-left:25px;
}
.photos {
	float:left;
	clear:both;
	width:550px;
	margin-left:25px;
}
.photos img{
margin-top:25px;
}
.paging {
	margin:20px;
	text-align:right;
}
.paging .pages {
	margin:0 15px 0 15px;
}
/* ------- Links Style---------------------------------------------- */
a.general:link, a.general:visited, a.general:active {
	color: #000000;
	text-decoration: none;
}
a.general:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}
a.designer:link, a.designer:visited, a.designer:active {
	color: #777777;
	text-decoration: none;
}
a.designer:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}
a.bt_close:link, a.bt_close:visited, a.bt_close:active {
	width:19px;
	height:19px;
	text-decoration:none;
	background:url(../images/bt_close.gif) no-repeat;
	display:block;
}
a.bt_close:hover {
	text-decoration:none;
	background:url(../images/bt_close.gif) no-repeat 0 -19px;
	display:block;
}
a.bt_action:link, a.bt_action:visited, a.bt_action:active {
	text-decoration:none;
	background:url(../images/bg_button.gif) no-repeat;
	display:block;
	width:156px;
	height:38px;
	padding-top:13px;
	margin:0 15px 0 15px;
	font-size:24px;
	text-align:center;
	color:#666666;
	float:left;
}
a.bt_action:hover {
	text-decoration:none;
	background:url(../images/bg_button.gif) no-repeat 0 -51px;
	display:block;
	width:156px;
	height:38px;
	padding-top:13px;
	margin:0 15px 0 15px;
	font-size:24px;
	text-align:center;
	color:#ff9900;
	float:left;
}
/* ------- Specific Style------------------------------------------- */ 
img {
	border: 0;
}
table {
	width:100%;
	margin:0 auto;
}
th {
	text-align: left;
	border-bottom: 1px solid #e7e7e7;
	color:#bbbbbb;
	padding: 5px;
}
td {
	padding: 5px;
	border-bottom: 1px dashed #e7e7e7;
}
.floatleft {
	float:left;
	display:inline;
}
.floatright {
	float:right;
	display:inline;
}
input {
	display:block;
	margin:3px 0 3px 0;
	color:#666;
	float:left;
}
.input_personalinfo {
	width:407px;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	float:left;
}
br {
	clear:both;
}
p.intro {
	text-align: justify;
	max-width:515px;
}
p.intro:first-letter {
	float:left;
	font-size:36px;
	line-height:36px;
	margin: 0 5px 0 0;
}