/* ------------- Flowplayer Css ------------- */


/* everything is constructed with a single background image */


#flowtabsdiv { 
margin-top:-15px;
position:absolute;
}

/* root element for tabs */
#flowtabs {
	/* dimensions */
	width:150px;
	height:10px !important;
	margin:0px 0px 0px 10px; 
	padding:0px 0px 0px 0px;	
}

#flowtabs ul {
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
	margin-left:10px; 
}

/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	height: 10px!important;   
	width: 10px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */

#flowtabs #t1 	{ background-image:url(/images/circle.png); background-repeat:no-repeat; }
#flowtabs #t2 	{ background-image:url(/images/circle.png); background-repeat:no-repeat; }
#flowtabs #t3 	{ background-image:url(/images/circle.png); background-repeat:no-repeat; }
#flowtabs #t4 	{ background-image:url(/images/circle.png); background-repeat:no-repeat; }
#flowtabs #t5 	{ background-image:url(/images/circle.png); background-repeat:no-repeat; }
#flowtabs #t6 	{ background-image:url(/images/circle.png); background-repeat:no-repeat; }
#flowtabs #t7 	{ background-image:url(/images/circle.png); background-repeat:no-repeat; }
 
/* mouseover state */
#flowtabs a:hover 	{}
#flowtabs #t1:hover 	{ background-image:url(/images/circle-green.gif); background-repeat:no-repeat; }
#flowtabs #t2:hover 	{ background-image:url(/images/circle-green.gif); background-repeat:no-repeat; }
#flowtabs #t3:hover 	{ background-image:url(/images/circle-green.gif); background-repeat:no-repeat; }
#flowtabs #t4:hover 	{ background-image:url(/images/circle-green.gif); background-repeat:no-repeat; }
#flowtabs #t5:hover 	{ background-image:url(/images/circle-green.gif); background-repeat:no-repeat; }
#flowtabs #t6:hover 	{ background-image:url(/images/circle-green.gif); background-repeat:no-repeat; }
#flowtabs #t7:hover 	{ background-image:url(/images/circle-green.gif); background-repeat:no-repeat; }

/* currently selected tabs */
#flowtabs a.current   {}
#flowtabs #t1.current { background-image:url(/images/circle-green.png); background-repeat:no-repeat; }
#flowtabs #t2.current { background-image:url(/images/circle-green.png); background-repeat:no-repeat; }
#flowtabs #t3.current { background-image:url(/images/circle-green.png); background-repeat:no-repeat; }
#flowtabs #t4.current { background-image:url(/images/circle-green.png); background-repeat:no-repeat; }
#flowtabs #t5.current { background-image:url(/images/circle-green.png); background-repeat:no-repeat; }
#flowtabs #t6.current { background-image:url(/images/circle-green.png); background-repeat:no-repeat; }
#flowtabs #t7.current { background-image:url(/images/circle-green.png); background-repeat:no-repeat; }


/* panes */
#panel {
	background-color:#000000;		
	width:540px;
	height:165px;
}


/* single pane */
#panel div {
	display:none;	
	color:#fff;	
	margin:0px;
}

/* some decorations for elements inside single pane */
#panel div h2 {

	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:20px;	
}


#panel a {
	color:#cc9;		
	font-size:12px;

}

#panel p, #panel samp {
	color:#ccc;		
}

#panel div.narrow {
	padding-right:165px;		
}

/* override the root element to enable scrolling */
#panel {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#panel div {
	float:left;
	display:block;
	width:540px;
}

/* our additional wrapper element for the items */
#panel .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#panel .less, #panel .less a {
	color:#999 !important;
	font-size:11px;
}

p.more, p.more a {
	font-size:16px;
	margin:20px 0;
	letter-spacing:-1px;
}

.prev { 

position:absolute;	
z-index:10;
margin-top:100px;
}

.next { 

position:absolute;
margin-left:540px;
z-index:10;
margin-top:100px;
}



/* ------------- the slide background images ------------- */


.slide1_0 { 
background-image:url(/images/portada1_0.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_0 { 
background-image:url(/images/portada2_0.jpg);
2background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_0 { 
background-image:url(/images/portada3_0.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide4_0 { 
background-image:url(/images/portada4_0.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide5_0 { 
background-image:url(/images/portada5_0.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide6_0 { 
background-image:url(/images/portada6_0.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide7_0 { 
background-image:url(/images/portada7_0.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}

.slide1_1 { 
background-image:url(/images/portada1_1.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_1 { 
background-image:url(/images/portada2_1.jpg);
2background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_1 { 
background-image:url(/images/portada3_1.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide4_1 { 
background-image:url(/images/portada4_1.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}

.slide1_2 { 
background-image:url(/images/portada1_2.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_2 { 
background-image:url(/images/portada2_2.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_2 { 
background-image:url(/images/portada3_2.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;2
padding:0px;
width:540px;
height:165px;
}
.slide4_2 { 
background-image:url(/images/portada4_2.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}

.slide1_3 { 
background-image:url(/images/portada1_3.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_3 { 
background-image:url(/images/portada2_3.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_3 { 
background-image:url(/images/portada3_3.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide4_3 { 
background-image:url(/images/portada4_3.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}

.slide1_4 { 
background-image:url(/images/portada1_4.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_4 { 
background-image:url(/images/portada2_4.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_4 { 
background-image:url(/images/portada3_4.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide4_4 { 
background-image:url(/images/portada4_4.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}

.slide1_5 { 
background-image:url(/images/portada1_5.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_5 { 
background-image:url(/images/portada2_5.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_5 { 
background-image:url(/images/portada3_5.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide4_5 { 
background-image:url(/images/portada4_5.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}

.slide1_6 { 
background-image:url(/images/portada1_6.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_6 { 
background-image:url(/images/portada2_6.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_6 { 
background-image:url(/images/portada3_6.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide4_6 { 
background-image:url(/images/portada4_6.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}

.slide1_7 { 
background-image:url(/images/portada1_7.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide2_7 { 
background-image:url(/images/portada2_7.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide3_7 { 
background-image:url(/images/portada3_7.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}
.slide4_7 { 
background-image:url(/images/portada4_7.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding:0px;
width:540px;
height:165px;
}