html{
height:100%;
margin:0px;
padding:0px;
}

body{
height:100%;
margin:0px;
padding:0px;
background-color:#000000;
font-family: 'SansationLight', Arial, sans-serif;
}

img{
border:none;
}


@font-face {
	font-family: 'SansationLight';
	src: url('fonts/Sansation_Light-webfont.eot');
	src: url('fonts/Sansation_Light-webfont.woff') format('woff'), url('fonts/Sansation_Light-webfont.ttf') format('truetype'), url('fonts/Sansation_Light-webfont.svg#webfontEX9ZTZ78') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SansationRegular';
	src: url('fonts/Sansation_Regular-webfont.eot');
	src: url('fonts/Sansation_Regular-webfont.woff') format('woff'), url('fonts/Sansation_Regular-webfont.ttf') format('truetype'), url('fonts/Sansation_Regular-webfont.svg#webfontjxw48LZe') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Qlassik';
	src: url('fonts/Qlassik_TB.ttf');
	font-weight: normal;
	font-style: normal;
}


#content{
width:1000px;
height:550px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#banner{
width:700px;
height:200px;
float:left;
}

#menu{
	width: 290px;
	height: 170px;
	float: right;
	margin-top: 20px;
	margin-right: 5px; 
	text-align: right;
	font-size: 2.5em;
	line-height: 0.9em;
	color: #ffffff;
	font-family: 'SansationLight', Arial, sans-serif;
	}

#menu a{
	color: #333333;
	text-decoration: none;
	}
	
#menu a:hover{
	color: #ffffff;
	text-decoration: none;
	}


#main{
width:1000px;
margin-top:30px;
height:450px;
float:left;
}

#main_banners{
width:950px;
margin-left: 30px;
margin-top:30px;
text-align: center;
float:left;
}

#left{
width:200px;
float:left;
padding:10px;
padding-top:0px;
padding-right:20px;
}

#rigth{
width:750px;
float:left;
margin-top:10px;
margin-left:10px;
background: url(img/contacto.jpg) no-repeat 110% 0%;
}

#central{
	width: 320px;
	height: 300px;
	float: left;
	}
	
#slidefotos{
	width: 320px;
	height: 300px;
	position: absolute;
	z-index: 0;
	}

#marc_slide{
	width: 320px;
	height: 300px;
	position: absolute;
	z-index: 1;
	background: transparent url(img/marc_fotos.png);
	}

#oferta{
	width: 240px;
	float: left;
	cursor: pointer;
	}

#intro_dret{
width:200px;
padding-top: 20px;
padding-left: 10px;
text-align:right;
float: right;
font-size: 1.8em;
color: #ffffff;
line-height: 1em;
}

#intro_dret a{
	color: #666666;
	font-size:0.6em;
	}

#intro_dret a:hover{
	color: #ffffff;
	text-decoration: none;
	}


#peu{
width:1000px;
height:80px;
text-align:center;
}


#form{
	float: left;
	width: 380px;
	height: 400px;
	text-align: right;
	background: url(img/bg-form.jpg) no-repeat 100% 0%;
	color: #555555;
	}

#twitter{
	width: 250px;
	height: 250px;
	float: left;
	text-align: right;
	margin-left: 100px;
	margin-top: 50px;
	}
	
.fm p{
	font-size: 1.3em;
	color: #D80073;
	margin: -5px;
	}

	
.fm input{
	background-color: transparent;
	border: none;
	font-size: 1.2em;
	font-family: Georgia;
	color: #ffffff;
	width: 260px;
	text-align: right;
	height: 38px;
	}
	
.txt-label{
	letter-spacing: 0.1em;
	}
	
.fm textarea{
	background-color: transparent;
	border: none;
	height:100px !important;
	min-height:100px !important;
	max-height:100px !important;
	width: :250px !important;
	min-width:250px !important;
	max-width:250px !important;
	color: #ffffff;
	font-size: 1.1em;
	text-align: right;
	font-family: Georgia, arial; 
	}
	
.boton{
	background: transparent;
	border: none;
	cursor: pointer;
	}
	
	
/* TEXTOS */

.text{
font-family: 'SansationLight', Arial, sans-serif;
font-size:1em;
line-height:1em;
color:#FFFFFF;
text-align:left;
}

.text_menu{
font-size:10px;
color:#333333;
line-height:12px;
}

.text_menu a{
text-decoration:none;
color:#333333;
opacity:0.8;
}

.text_menu a:hover{
text-decoration:line-through;
}

.text_rosa{
font-family: 'SansationLight', Arial, sans-serif;
font-size:1.2em;
color:#D80073;
text-align:left;
}

.text_rosa a{
color:#D80073;
}

.text_rosa a:hover{
color:#333333;
}

.text_gris{
font-family: 'SansationLight', Arial, sans-serif;
font-size:1em;
line-height:1.3em;
color:#666666;
text-align:left;
}

.text_gris a{
color:#FFFFFF;
}

.text_gris a:hover{
color:#333333;
}


ul{
margin-left:0px;
padding-left:0px;
list-style:none;
}

li{
list-style:none;
margin-left:0px;
padding-left:0px;
}


h2{
color:#D80073;
font-size: 0.9em;
text-align:right;
margin-top: 10px;
margin-bottom: 0px;
}

.style1{
	font-family: 'SansationLight', Arial, sans-serif;
	color:#D80073;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px; 
}
.style2{
	font-family: 'SansationLight', Arial, sans-serif;
	color:#ffffff;
	font-size: 1.1em;
	margin: 0px;
	padding: 0px; 
}


/*SLIDER */


    .graphic, #prevBtn, #nextBtn{
            margin:0px;
            padding:0px;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
			
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#slider li{ 
		width:750px;
		height:300px;
		box-shadow:0px 0px 10px #ffffff;
		-webkit-box-shadow:0px 0px 10px #ffffff;
		-moz-box-shadow:0px 0px 10px #ffffff;
		overflow:hidden; 	
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:40px;
		height:22px;
		position:relative;
		left:680px;
		}
			
	#nextBtn{ 
		left:720px;
		}
	
	#prevBtn{
	top:22px;
		}
																
	#prevBtn a, #nextBtn a{  
		display:block;
		width:40px;
		height:22px;
		background:url(img/prev_o.jpg);	
		}
			
	#nextBtn a{ 
		background:url(img/next_o.jpg);	
		}
		
		
		
/*---------------------BANNERS------------------------------*/

#esq, #esq2, #dret, #cent, #cent2, #esq3, #cent3, #dret3, #esq4{
border-style: solid;
border-width: thin;
border-color: #888888;
margin-bottom: 10px;
text-align: center;
float: left;
padding: 10px;
}

#esq{
width:200px;
height: 300px;
margin-right: 10px;
}

#dret{
width:200px;
height: 300px;
margin-left: 10px;
}

#cent{
width: 460px;
height: 300px;
}

#esq2{
width:250px;
height: 430px;
margin-right: 10px;
}

#cent2{
width: 640px;
height: 430px;
text-align: center;
}

#esq3{
width:250px;
height: 300px;
margin-right: 10px;
}

#cent3{
width:250px;
height: 300px;
margin-right: 10px;
}

#dret3{
width: 360px;
height: 300px;
}

#esq4{
width:924px;
height: 180px;
}

.txtb{
color: #ffffff;
font-size: 14px;
}
