/*-------------------------------
GAGNEZ VOTRE ACHAT Layout StyleSheet

Version 1.0
Author:Oscar Diaz
Email:odiaz@diazpixellab.com
Website:http://www.diazpixellab.com
---------------------------------
Default Layout Styles
---------------------------------*/

*{
margin:0px;
padding:0px;
}

body {
height:100%;
background:#0c385f url(../images/background.jpg) repeat-x !important;
}

#container {
margin:0px auto;
position:relative;
text-align:left;
width:960px;
height:100%;
}

#audio{
background:transparent;
display:inline;
top:-2000px;
position:absolute;
}
/*--------HEADER-------------*/

#header {
position:relative;
background:url(../images/back-header.jpg) no-repeat;
top:0px;
left:0px;
width:960px;
height:428px;
}

#logo {
display:block;
position:relative;
background: url(../images/logo.png) no-repeat;
top:15px;
left:140px;
width:643px;
height:258px;
text-indent:-9000px;
}

.login {
display:block;
position:relative;
top:-14px;
left:0px;
width:643px;
height:258px;
text-indent:-9000px;
}


#numero {
display:block;
position:relative;
background:url(../images/50.gif) no-repeat;
width:329px;
height:121px;
top:215px;
left:350px;
}

/*--------------- BODY --------------*/

#contenido{
position:relative;
width:960px;
top:-80px;
left:0px;
}


#inside{
	background:#4c6487;
	position:relative;
	width:880px;
	top:0px;
	left:0px;
	padding:40px;
}

#insidev{
	background:#486083;
	position:relative;
	width:880px;
	top:0px;
	left:0px;
	height:368px;
	padding:0px 40px;
}

#topbur{
background:#94a6bf url(../images/burtop.gif) no-repeat;
width:740px;
height:25px;
position:relative;
top:0px;
left:0px;
}

#dwnbur{
background:#94a6bf url(../images/burdwn.gif) no-repeat;
width:740px;
height:25px;
position:relative;
top:0px;
left:0px;
}


#burbuja{
color:#000000;
position:relative;
top:0px;
padding:0px 20px 0px 20px;
width:700px;
background:#94a6bf;
}

#burbuja2{
color:#000000;
position:relative;
top:0px;
padding:0px 20px 0px 20px;
width:700px;
background:#94a6bf;
}

#image-title{
position:relative;
top:20px;
left:23px;
background:url(../images/title1.gif) no-repeat;
width:587px;
height:103px;
}

#title2{
position:relative;
top:20px;
left:120px;
padding-bottom:40px;
background:url(../images/title2.gif) no-repeat;
width:585px;
height:145px;
}

#star{
position:relative;
top:-50px;
left:490px;
width:213px;
height:221px;
overflow:hidden;
}

#starn{
position:relative;
top:10px;
right:45px;
width:149px;
height:154px;
float:right;
overflow:hidden;
}

#but{
position:relative;
top:180px;
right:-170px;
width:234px;
height:159px;
float:right;
overflow:hidden;
background:#486384 url(../images/videos.gif) no-repeat;
}

#but ul{
position:relative;
top:30px;
left:0px;
list-style:none;
text-align:center;
width:234px;
}

#but ul li{
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
}

#but ul li a.one:hover{
background:transparent url(../images/one.gif) no-repeat scroll 0 -32px;
}

#but ul li a.one{
background: transparent url(../images/one.gif) no-repeat scroll 0 0;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

.one-a{
background:transparent url(../images/one.gif) no-repeat scroll 0 -32px;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

#but ul li a.two:hover{
background:transparent url(../images/two.gif) no-repeat scroll 0 -32px;
}

#but ul li a.two{
background: transparent url(../images/two.gif) no-repeat scroll 0 0;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

.two-a{
background:transparent url(../images/two.gif) no-repeat scroll 0 -32px;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

#but ul li a.three:hover{
background:transparent url(../images/three.gif) no-repeat scroll 0 -32px;
}

#but ul li a.three{
background: transparent url(../images/three.gif) no-repeat scroll 0 0;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

.three-a{
background:transparent url(../images/three.gif) no-repeat scroll 0 -32px;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

#but ul li a.four:hover{
background:transparent url(../images/four.gif) no-repeat scroll 0 -32px;
}

#but ul li a.four{
background: transparent url(../images/four.gif) no-repeat scroll 0 0;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

.four-a{
background: transparent url(../images/four.gif) no-repeat scroll 0 -32px;
text-indent:-3000px;
position:relative;
top:0px;
left:0px;
height:32px;
width:234px;
display:block;
}

#accueil{
position:absolute;
width:135px;
height:52px;
top:300px;
left:810px;
}

#star2{
position:relative;
top:210px;
right:30px;
float:right;
width:149px;
height:154px;
overflow:hidden;
}

#box{
position:absolute;
top:-125px;
right:-40px;
float:right;
background:url(../images/box.png) no-repeat;
width:237px;
height:220px;
}


/* -------------MENU ----------------*/
#menu{
position:relative;
top:0px;
left:0px;
height:47px;
width:960px;
}

#menu li{
	display:inline;
}

#menu ul li, #menu ul a{ 
	display:block;
	float:left;
	height:47px;
	text-align:center;
	list-style-type:none;
}
/*-----------*/
body#first #container #contenido #menu ul li.link1{
display:block;
height:47px;
width:150px;
background:transparent url(../images/link1-act.gif) no-repeat;
text-indent:-4000px;
}

a.link1{
display:block;
height:47px;
width:150px;
background:transparent url(../images/link1.gif) no-repeat;
text-indent:-4000px;
}

a:hover.link1{
background:url(../images/link1.gif) no-repeat 0px -2px;
}
/*-----------*/
body#second #container #contenido #menu ul li.link2{
display:block;
height:47px;
width:120px;
background:transparent url(../images/link2-act.gif) no-repeat;
text-indent:-4000px;
}

a.link2{
display:block;
height:47px;
width:120px;
background:transparent url(../images/link2.gif) no-repeat;
text-indent:-4000px;
}

a:hover.link2{
background:url(../images/link2.gif) no-repeat 0px -2px;
}

/*-----------*/
body#third #container #contenido #menu ul li.link3{
display:block;
height:47px;
width:120px;
background:transparent url(../images/link3-act.gif) no-repeat;
text-indent:-4000px;
}

a.link3{
display:block;
height:47px;
width:120px;
background:transparent url(../images/link3.gif) no-repeat;
text-indent:-4000px;
}

a:hover.link3{
background:url(../images/link3.gif) no-repeat 0px -2px;
}

/*-----------*/
body#fourth #container #contenido #menu ul li.link4{
display:block;
height:47px;
width:150px;
background:transparent url(../images/link4-act.gif) no-repeat;
text-indent:-4000px;
}

a.link4{
display:block;
height:47px;
width:150px;
background:transparent url(../images/link4.gif) no-repeat;
text-indent:-4000px;
}

a:hover.link4{
background:url(../images/link4.gif) no-repeat 0px -2px;
}

/*-----------*/
body#fifth #container #contenido #menu ul li.link5{
display:block;
height:47px;
width:140px;
background:transparent url(../images/link5-act.gif) no-repeat;
text-indent:-4000px;
}

a.link5{
display:block;
height:47px;
width:140px;
background:transparent url(../images/link5.gif) no-repeat;
text-indent:-4000px;
}

a:hover.link5{
background:url(../images/link5.gif) no-repeat 0px -2px;
}

/*------------FOOTER-----------*/

#footer {
clear:both;
position:relative;
top:-50px;
left:0px;
width:950px;
height:100px;
margin:0 auto;
}

#footer-lft{
clear:both;
position:absolute;
top:0px;
right:0px;
float:right
}

table.sample {
	border:#000000 solid 1px;
	background-color:#dae1ea;
	border-spacing: 0px;
	border-style: none;
	border-color: black black black black;
	border-collapse: separate;
	font-size:0.8em;
	/*background-color: rgb(250, 240, 230);*/
}
table.sample th {
	border:#000000 solid 1px;
	border-width:0px;
	padding: 4px 4px 4px 4px;
	border-style: solid;
	border-color: black black black black;
	/*background-color: rgb(255, 255, 240);*/
	-moz-border-radius: 3px 3px 3px 3px;
}
table.sample td {
	border:#000000 solid 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid;
	border-color: black black black black;
	/*background-color: rgb(255, 255, 240);*/
	-moz-border-radius: 3px 3px 3px 3px;
}

.video{
height:400px;
width:700px;
position:absolute;
top:0px;
left:0px;
z-index:10;
}