@import "lib/reset.css";
@import "lib/nav.css";

/* =body 
   (1em = default browser 16px of font-size)
   for 12px (0.75em = 1/16px * 12px)
 */
 

body { background: #FFF url(../images/backgrounds/canvas.jpg) no-repeat top center; font-size: 0.81em; font-family: Arial, Verdana, sans-serif; color: #000000;
 }
 
div#wrapper{
	width:100%;
	text-align:center;
}

div#page{
	width:970px;
	margin:0 auto;
	position:relative;
}

.left{
	float:left;
}
.right{	

	float:right;
}

.red{
	color:#b52025;
}

/* HEADER ==================================================== */

div#header{
	width:970px;
	height:234px;
	position:relative;
}

h1#logo{
	position:absolute;
	width:381px;
	height:143px;
	background: url(../images/utils/logo.gif) no-repeat top left;
	top:20px;
	left:40px;
	z-index:10;

}

h1#logo a{
	display:block;
	width:381px;
	height:143px;
	text-indent: -9999px;
}

a#locatie{
	display:block;
	position:absolute;
	top:20px;
	left:45px;
	width:567px;
	height:42px;
	background: url(../images/utils/locatie.gif) no-repeat top right;
	text-indent: -9999px;
	z-index:5000;
}

div#reducere{
	/*background:transparent url(../images/buttons/reducere.gif) no-repeat top left;*/
	width:222px;
	height:106px;
	position:absolute;
	right:-20px;
	top:210px;
	z-index:100;
}

div#reducere a{
	display:block;
	width:222px;
	height:106px;
}

/* CONTENT ==================================================== */

body#program div#content, body#vorbitori div#content, body#inregistrare div#content, body#locatie div#content, body#contact div#content, body#default div#content{
	width: 968px;
	background:#fff url(../images/backgrounds/content_background.jpg) no-repeat top center;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;	
	text-align:left;
	padding-top:80px;
	padding-bottom:30px;	position:relative;

} 

body#despre div#content{
	padding-top:80px;
	position:relative;
}
body#pariu div#content{
	padding-top:80px;
	position:relative;
}
body#inregistrare div#content{
		padding-top:110px;
}
body#despre div#content{
	width: 968px;
	background:#fff url(../images/backgrounds/content_background.jpg) no-repeat top center;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;	
	text-align:left;
	padding-bottom:30px;
}
body#pariu div#content{
	width: 968px;
	background: #fff url(../images/pariu/bg.jpg) no-repeat top center;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;	
	text-align:left;
	padding-bottom:30px;
	min-height: 700px
}
#pariu9000 { position: absolute; right: 120px; top: 220px; z-index: 9 }
#pariu9000_area { width: 306px; height: 137px; background: url(../images/pariu/pariu9000.png) no-repeat left top; }
#pariu9000_area .pariu9000_link { position: absolute; right: 0; top: 0; display: block; width: 306px; height: 137px; text-indent: -5000px; z-index: 10 }


/* FOOTER ==================================================== */

div#footer{
	width:878px;
	padding-left:50px;
	padding-right:45px;
	padding-top:40px;
	
	height:500px;
	margin:0 auto;
	background:url(../images/backgrounds/footer_background.png) no-repeat top center;
	border-top:1px solid #e5e5e5;

	font-size:11px;
}

div#footer ul, div#footer ul li{
	list-style: none;
	margin:0;
	padding:0;
	display: inline;
}

div#footer ul#parteneri{
	width:870px;
	z-index: 1000;
	height:200px;
}

div#footer ul#parteneri li{
	float:left;margin-right:15px;
}
div#footer ul#parteneri li a{	margin-right:15px;}

/* Organizator */
div#footer ul li#organizator{width:143px;text-align:left;}


/* Parteneri Oficiali */
div#footer ul li#parteneri_oficiali{width:214px;text-align:left;}

/* Sponsori */
div#footer ul li#sponsori{width:400px;text-align:left;}

/* Parteneri Media */
div#footer ul li#parteneri_media{width:300px;text-align:left; margin-bottom: 20px;}
div#footer ul li#parteneri_media a{	margin-right:10px;}

/* Cu Sprijinul */
div#footer ul li#cusprijinul { width: 150px; text-align: left }

div#footer ul li#cusprijinul a{
display:block;
margin-bottom:10px;
}

div#footer ul#menu {
	border-top:1px solid #a2a2a2;
	padding-top:6px;
	margin-bottom:5px;
	width:878px;
	position:relative;
	float:left;
}

div#footer ul#menu li{
	float:left;
	margin-right:40px;
}

div#footer ul#menu li a{
	display:block;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
	color:#434343;
}
div#footer ul#menu li a:hover{
	background:#e1e1e1; 
	text-decoration:underline;
}

div#footer p#copyright{
	width:878px;
	text-align:left;
	color:#434343;
clear: both;
}

div.cdtcmtppc{
	width:448px;
	height:173px;
	position:absolute;
	right:25px;
	top:0;
	z-index:6001;
}

/* Splash ==================================================== */
div#splash{
	width:970px;
	background: white url(../images/backgrounds/background_splash.jpg) no-repeat top left;
	padding-top:60px;height:170px;
	position:relative;

}
div#splash_content{
	width:490px;
	margin:0 auto;
	text-align:left;


}
div#splash h2{
	text-indent:-9999px;
	background: url(../images/backgrounds/titlu_splash.gif) no-repeat top left;
	width:226px;
	height:43px;
}

div#splash input{
	width:453px;
	height:47px;
	line-height:47px;
	background:transparent url(../images/backgrounds/background_form_splash.gif) no-repeat top left;
	font-size:35px;
	border:0;
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
}
p#cod_incorect{
	color:#B52025;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	top:122px;
	right:140px;
}

div#splash input.button{
	display:block;
	padding:0;
	margin:0 0 20px 0;
	border:0;
	background: none;
	text-decoration:underline;
	font-weight:bold;
	font-family:Arial;
	font-size:20px;
	cursor: pointer;
	text-align:left;
}
/* DESPRE =====================================================================*/
a.sageata{
	position:absolute;
	z-index:200;
	width:36px;
	height:120px;
	right:20px;
	top:220px;
}
body#despre h2.headline{
	height:60px;
	padding-top:20px;
	padding-left:25px;
}
body#despre ul#vorbitori{
	width:917px;
	background: url(../images/backgrounds/background_home_vorbitori.jpg) no-repeat top left;
	height:211px;
	list-style:none;
	padding:10px 10px 10px 43px;
}

body#despre ul#vorbitori li{
	width:137px;
	float:left;
	margin-right:13px;
}

body#despre ul#vorbitori li p.img{
	background: url(../images/backgrounds/background_poza.gif) no-repeat top center;
	width:95px;
	height:114px;
	padding-top:4px;
	text-align:center;
}

body#despre ul#vorbitori li span{
	color:white;
	font-size:12px;
	display:block;	
	padding-left:5px;
}

body#despre ul#vorbitori li span.nume a{
	text-transform:uppercase;
	text-decoration:underline;
	color:white;
	font-weight:bold;
}

body#despre ul#vorbitori li a.firma{
	color:white;
	font-size:12px;
		padding-left:5px;
} 
body#despre ul#vorbitori li span.functia{
	font-style: italic;
	margin-bottom:3px;
}



/* INTERIOR >>> Vorbitori ==================================================== */

body#vorbitori div#content{
	margin:0 auto;
	width:970px;
	background:#fff url(../images/backgrounds/content_background.jpg) no-repeat top center;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;	

}

div.vorbitor{
	width:400px;
	text-align:left;
	/*border-bottom:1px solid #e5e5e5;*/
}

div.vorbitor img{
	border:1px solid #e5e5e5;
}
div.vorbitor div.imagine{
	width:80px;
}

div.vorbitor div.informatii{
	width:308px;
	padding-left:10px;
}

div.vorbitor p.descriere {
	font-size:12px;
	line-height:18px;
	margin-bottom:12px;
	padding-left:10px;
}

h3.nume, body#vorbitori span.nume,  body#program span.nume{
	display: block;
	background: url(../images/backgrounds/title_background.gif) no-repeat bottom right;
	font-size:13px;
	font-weight:bold;
	line-height:23px;
	text-align:left;
	text-transform: uppercase;
	color:#FFF;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:10px;
	text-align:left;

}
div#inregistrare_pf h3.nume, div#inregistrare_pf h3.nume{
		float:left;
}
div.vorbitor span.functie, div.vorbitor span.firma{
	font-size:12px;
	display:block;	padding-left:10px;
}

div.row{
	float:left;
	width:870px;
	padding-left:45px;
	background:url(../images/utils/br.gif) no-repeat center bottom;
	padding-bottom:10px;
	margin-bottom:30px;
}

div.vorbitor span.firma{
	margin-bottom:30px;
}	

span.firma a, a.detalii, a{
	text-decoration:underline;
	color:#000;
}

span.firma a:hover, a.detalii:hover, a:hover{
	color:#b52025;
}

/* MESAJUL */

ul#mesaj{
	position:relative;
	width:970px;
	height:803px;
	padding-top:10px;
	list-style:none;
	background: url(../images/backgrounds/background_homepage_mesaj.jpg) no-repeat top left;
}

ul#mesaj li{
	position:absolute;
	list-style:none;
	color:black;
	font-size:16px;
	line-height:20px;

}

/* ---- obiective ---- */
ul#mesaj li.obiective{
	left:50px;
	background-image: url(../images/backgrounds/sageata_mesaj_obiectivul.gif);
	background-position: 51px 31px;
	background-repeat:no-repeat;
	width:350px;
	height:300px;
}
ul#mesaj li.obiective h3{
	text-indent:-9999px;
	width:269px;
	height:32px;
	position: absolute;
	top:0;
	left:0;
	background:url(../images/utils/mesaj_obiectivul.gif);
}

ul#mesaj li p{position:absolute;}

ul#mesaj li.obiective p.q1{line-height:14px;width:154px;   left:51px;  top:54px;}
ul#mesaj li.obiective p.a1{width:154px;	left:86px;	top:93px;}

ul#mesaj li.obiective p.q2{line-height:14px;width:154px;   left:139px;  top:141px;}
ul#mesaj li.obiective p.a2{width:180px;	left:170px;	top:181px;}

ul#mesaj li.obiective p.q3{line-height:14px;width:210px;   left:51px;  top:222px;}
ul#mesaj li.obiective p.a3{width:337px;	left:86px;	top:260px;}

/* ---- cine ---- */
ul#mesaj li.cine{
	left:368px;
	top:30px;
	background-image: url(../images/backgrounds/sageata_mesaj_cine.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	width:563px;
	height:174px;
}
ul#mesaj li.cine h3{
	text-indent:-9999px;
	width:379px;
	height:47px;
	position: absolute;
	top:0;
	left:35px;
	background:url(../images/utils/mesaj_cine.gif) no-repeat top left;
}

ul#mesaj li.cine p.a1{width:526px;	left:35px;	top:60px;}
ul#mesaj li.cine p.a2{width:353px;	left:115px;	top:125px;}

/* ---- pe cine ---- */
ul#mesaj li.pe_cine{
	left:10px;
	top:337px;
	background-image:url(../images/backgrounds/sageata_mesaj_pe_cine.gif);
	background-position: 12px 15px;
	background-repeat:no-repeat;
	width:803px;
	height:140px;
}
ul#mesaj li.pe_cine h3{
	text-indent:-9999px;
	width:371px;
	height:23px;
	position: absolute;
	top:0;
	left:35px;
	background:url(../images/utils/mesaj_pe_cine.gif) no-repeat top left;
}

ul#mesaj li.pe_cine p.a1{width:751px;	left:70px;	top:35px;}
ul#mesaj li.pe_cine p.a2{width:527px;	left:100px;	top:110px;}

/* ----ce castigi ---- */
ul#mesaj li.ce_castigi{
	left:10px;
	top:503px;
	background-image:url(../images/backgrounds/pumn_stang.gif);
	background-position: 332px 0px;
	background-repeat:no-repeat;
	width:423px;
	height:120px;
}
ul#mesaj li.ce_castigi h3{
	text-indent:-9999px;
	width:371px;
	height:23px;
	position: absolute;
	top:15px;
	left:35px;
	background:url(../images/utils/mesaj_castigi.gif) no-repeat top left;
}

ul#mesaj li.ce_castigi p.a1{width:367px;	left:65px;	top:45px;}
ul#mesaj li.ce_castigi p.a2{width:367px;	left:95px;	top:142px;}


/* ----ce pierzi ---- */
ul#mesaj li.ce_pierzi{
	left:430px;
	top:505px;
	background-image:url(../images/backgrounds/pumn_drept.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	width:403px;
	height:120px;
}
ul#mesaj li.ce_pierzi h3{
	text-indent:-9999px;
	width:371px;
	height:23px;
	position: absolute;
	top:10px;
	left:95px;
	background:url(../images/utils/mesaj_pierzi.gif) no-repeat top left;
}

ul#mesaj li.ce_pierzi ul{position:absolute;width:367px;	left:135px;	top:45px;}

ul#mesaj li.ce_pierzi ul li{
	position:relative;
	list-style:none;
	background:url(../images/backgrounds/question_mark.gif) no-repeat center left;
	padding-left:35px;
	margin-bottom:15px;
}


/* INTERIOR >>> Program ==================================================== */

ul#program_list, ul#program_list li{
	list-style: none;
}
ul#program_list{
	width:878px;
	margin:0 auto;
}
ul#program_list li.sesiune{
	width:878px;
	margin-bottom:30px;
	background: url(../images/utils/br.gif) no-repeat bottom center;
	padding-bottom:15px;
	float:left;
}

h4.data{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	padding-left:10px;
	margin-bottom:3px;
}

ul#program_list li.sesiune ul li.descriere{
	width:515px;
}
ul#program_list li.sesiune ul.vorbitor{
	display:block;
	float:left;
	margin-bottom:20px;

}
ul#program_list h2{
	font-size:30px;
	background: url(../images/utils/br.gif) no-repeat top center;
	padding-top:20px;
	margin-bottom:10px;
}
ul#program_list li.sesiune ul li.descriere {
	float:left;
	width:515px;
}
li.break{
	width:870px;
	float:left;
	margin-bottom:20px;

}
ul#program_list li.sesiune ul li.vorbitor{
	width:320px;
	padding-top:20px;
	float:right;
	margin-left:35px;
}

ul#program_list li.sesiune ul li.vorbitor img{
	border:1px solid #e5e5e5;
}

ul#program_list li.sesiune ul li.vorbitor p.descriere{
	width:226px;
}

ul#program_list li.sesiune ul li.vorbitor p.descriere span.functie, ul#program_list li.sesiune ul li.vorbitor p.descriere span.firma, ul#program_list li.sesiune ul li.vorbitor p.descriere a.detalii {
	font-size:12px;
	display:block;	
	padding-left:10px;
}

ul#program_list li.sesiune ul li.vorbitor p.descriere a.detalii{
	margin-top:20px;
}

ul#program_list li.sesiune ul.vorbitor li.descriere p{
	padding-left:10px;
}


/* INTERIOR >>> Locatie ==================================================== */

div#locatie_indicatii, div#despre_timisoara{
	width:878px;
	background:url(../images/utils/br.gif) no-repeat bottom center;
	padding-bottom:15px;
	float:left;
	padding-left:45px;
	padding-right:45px;
	margin-bottom:30px;
	text-align:left;
	
}

div#craft{
	width:502px;
	height:227px;
	background:url(../images/utils/craft.jpg) no-repeat top left;
	position:relative;
}
div#indicatii p, div#indicatii a{
	padding-left:10px;
}
div#craft p{
	width:482px;
	position:absolute;
	bottom:0;
	display:block;
	padding:10px;
	background: black;
	color:white;
}
div#craft p span{
	display:block;
}

div#indicatii{
	width:350px;
}

p.hr{

	display: block;
	border-top:1px solid #e5e5e5;
	margin:10px 0 10px 0;


}

div#despre_timisoara .right{
	width:560px;
}


/* INTERIOR >>> Inregistrare ==================================================== */

div#inregistrare_content{
	width:882px;
	margin:0 auto;
}

div#inregistrare_content div#preturi{
	width:882px;
	height:95px;
}

div#inregistrare_content div.preturi_full{
	background:url(../images/backgrounds/background_preturi_full.jpg) no-repeat top center;
}
div#inregistrare_content div.preturi_reduse{
	background:url(../images/backgrounds/background_preturi_reduse.jpg) no-repeat top center;
}
div.introduCodul{
	background:url(../images/backgrounds/introdu_codul_bg.jpg) no-repeat top left;
	width:882px;
	height:40px;
	padding:6px 0 0 125px;
	position:absolute;
	top:70px;
}
div.introduCodul input{
	border:0;
	background:none;
	margin-left:29px;
	padding:3px;
	width:250px;
	font-size:16px;
	font-weight:bold;
	color:black;
	height:16px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}
a.verifica{
	color:white;
	position:absolute;
	top:6px;
	width:60px;
 	height:20px;
	line-height:20px;
 	padding:0 2px 0 20px;
}
span.code_correct, span.code_unknown, span.code_incorrect{
	display:block;
	width:100px;
	height:20px;
	position:absolute;
	left:490px;
	top:11px;
}
span.code_correct{
	background:url(../images/backgrounds/mesaj_corect.gif) no-repeat top left;
}

span.code_unknown{
	background:none;
}

span.code_incorrect{
	background:url(../images/backgrounds/mesaj_incorect.gif) no-repeat top left;
}
div#inregistrare_content div#butoane{
	width:882px;
	height:80px;
	background:url(../images/backgrounds/background_inregistrare.jpg) top center;
	position:relative;
	margin-bottom:10px;
}

div#inregistrare_content div#butoane a.pfizice{
	display:block;
	position:absolute;
	left:35px;
	top:0px;
	height:80px;
	width:357px;
	background:url(../images/buttons/inregistrare_persoane_fizice.gif) no-repeat top left;
	color:#fff;
	text-decoration:none;
	line-height:14px;
}

div#inregistrare_content div#butoane a.pjuridice{
	display:block;
	position:absolute;
	right:35px;
	top:0px;
	height:80px;
	width:381px;
	background:url(../images/buttons/inregistrare_persoane_juridice.gif) no-repeat top left;
	color:#fff;
	text-decoration:none;
	line-height:14px;	
}

div#inregistrare_content div#butoane a.pjuridice span, div#inregistrare_content div#butoane a.pfizice span{
	display:block;
	position:absolute;
	top:45px;
	left:47px;
}

div#inregistrare_content div#butoane a.pjuridice:hover, div#inregistrare_content div#butoane a.pfizice:hover{
	text-decoration:underline;
}

div#informatii_suplimentare p, div#informatii_suplimentare ul{
	padding-left:10px;
	margin-bottom:10px;
}
div#informatii_suplimentare ul, div#informatii_suplimentare ul li{
	list-style:none;
}

div#informatii_suplimentare p{
	margin-top:10px;
}
div#informatii_suplimentare{
	width:870px;
}

body#inregistrare div#form ul li label{
	margin-right:30px;
}
body#inregistrare div#form, body#inregistrare div#form ul li{
	width:420px;
	overflow:hidden;
}

body#inregistrare div#form ul li label{
	width:70px;
}
body#inregistrare div#form{
	float:left;
	width:420px;

}

div#inregistrare_pf, div#inregistrare_pj{
	
	padding-top:10px;
	margin-top:20px;

	/*display:none;*/
}

div#informatii_plata{
	float:right;
	width:400px;
	padding-top:30px;
}

div#informatii_plata p{
	margin-bottom:15px;
}

div#error{
	color:#B52025;
	font-size:16px;
	float:left;
	background: url(../images/utils/br.gif) top left no-repeat;
	padding-top:20px;
	width:870px;
}



/* INTERIOR >>> Contact ==================================================== */

div#contact_content{
	width:882px;
	margin:0 auto;
}

div#contact_info, div#contact_form{
	float:left;
	width:882px;
	background: url(../images/utils/br.gif) no-repeat bottom center;
	padding-bottom:20px;
	margin-bottom:30px;
}

div#contact_info ul, div#contact_info ul li, div#contact_form ul, div#contact_form ul li{
	list-style:none;
}

div#contact_info ul li{
	float:left;
	width:210px;
	margin-right:10px;
}

div#contact_info ul li p{
	padding-left:10px;
	margin:0;
}

body#contact div#form{
	width:650px;

}

div#form ul li{
	margin-bottom:15px;
	width:100%;
	float:left;
	list-style:none;
}

div#form ul li label{
	margin-right:20px;
	display:block;
	width:55px;
	float:left;
}

div#form ul li input, div#form ul li textarea{
	display:block;
	float:left;
}

div#form ul li span{
	display:block;
	float:left;
	font-size:12px;
	padding-left:10px;
}

div#form ul li input{
	border-left:1px solid black;
	border-bottom:0;
	border-top:0;
	border-right:0;
	background: url(../images/backgrounds/form_arrow.gif) no-repeat center right;
	padding-right:25px;
	padding-left:10px;
	height:18px;
	font-size:12px;
	padding-top:1px;
}

div#form ul li textarea{
	border:1px solid black;
	height:100px;
	padding:10px;

}

div#form ul li input.button{
	display:block;
	padding:0;
	border:0;
	background: none;
	text-decoration:underline;
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
	cursor: pointer;
}

div#form ul li.button{
	padding-left:95px;
}

div#form ul li p{
	padding-left:95px;
	
}
.webness { position: absolute; right: 45px; top: 30px }