/* 
	Resets defualt browser settings
	reset.css
*/

/*
	Page style
*/
body
{
	background-image:url("Fondo_Bombolles.png");
	background-repeat:repeat;
	background-position:center;
	/*background-color:#E6E6E8 ;*/
	background-color:#F0F0F0 ;	
	/*background-size:1140px 451px;*/
	position:absolute;
	width:800px; 
	margin:0px auto;
	height: 600px;
	padding-top:0px;	
	z-index:-20;
	
}
p,h1,h2
{
	text-align: center;
	color:#777777;
	
}

#cleangest
{
	background-image:url("Logo.png");
	width:211px;
	height:66px;
	left:-49px;
	top:-81px;
	position:absolute;
	z-index: 365;
	background-repeat:no-repeat
}

#botoara1
{
	/*background-image:url("Boto_Demo_Down.png");*/
	width:324px;
	height:80px;
	left:157px;
	top:74px;
	position:inherit;
	z-index: 365; 
}

#botoara2
{
	background-image:url("Boto_ProvaAra_Down.png");
	width:141px;
	height:51px;
	left:789px;
	top:-20px;
	position:absolute;
	z-index: 365;
}

#logoicon
{
	background-image:url("Logo_Icon.png");
	width:71px;
	height:22px;
	left:-31px;
	top:-85px;
	position:absolute;
	z-index: 365;
}

#menu li 
{  
	
	display: inline;  
    width:211px;
	height:66px;
	left:108px;
	top:-5px;  
    text-decoration: none;  
    padding: 10px; 
	position:relative;
	z-index: 380;
} 

#traduccion li 
{  
	
	display: inline;  
    width:211px;
	height:66px;
	left:1030px;
	top:-368px;  
    text-decoration: none;  
    padding: 1px; 
	position:relative;
	z-index: 380;
}    
 
#separador
{   
	
    width:211px;
	height:66px;
	left:1093px;
	top:-442px;   
	position:relative;
	z-index: 600;
} 

#example {
	width:981px;
	height:382px;
	left:201px;
	top:107px;
	position:relative;
}


.TablaCaracteristicas {
	text-align:left;
	left:150px;
	top:100px;
	position:absolute;
}

.TextTitolGeneral {
	font-family: "Zegoe Light - U", Calibri, Arial;
	font-size: 24px;
	color: #808080;
}

.TextTitol {
	font-family: "Zegoe Light - U", Calibri, Arial;
	font-size: 22px;
	color: #808080;
}

#TextCaixes {
	font-family: "Zegoe Light - U", Calibri, Arial;
	font-size: 22px;
	color:white ;
	font-weight: normal;
	position:relative;
	text-align:left;
	top:150px;
	left:30px;
	padding-right:30px
}

.TextGeneral {
	font-family: Calibri;
	font-size: 16px;
	color: #808080;
	text-align:left
}

#CajasTexto {
	border:thin;
	border-color:aqua
	
}
		
/*
	Slideshow
*/

#slides {
	position:static;
	top:0px;
	left:0px;
	z-index:-10;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:984px;
	overflow:hidden;
	position:absolute;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:984px;
	height:300px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-48px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:900px;
}

/*
	Pagination
*/

.pagination {
	margin:-20px auto 0;	
	width:320px;
	
		
}

.pagination li {
	float:left;
	list-style:none;
	margin:4px 7px;
	
	
	
}

.pagination li a {
	position:absolute;
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	z-index:105;

	
	
}

.pagination li.current a {
	background-position:0 -12px;
	
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:relative;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}


#caixes
{
	background-position:center;
	/*background-color:#FFFFFF ; */
	background-color:#F0F0F0 ;
	position:center;
	width : 1343px; 
	height : 912px;
	top:408px;
	left:0px;
	position:absolute;
	z-index:110px;

}


#caixesSegona
{
	background-position:center;
	background-color:#F0F0F0 ; 
	/*background-color:aqua ; */
	position:center;
	width : 1343px;
	height : 312px;
	top:950px;
	left:0px;
	position:absolute;
	z-index:0px;
	border:10px
}



.caixa1
{
	background-image:url(Recuadre_Agenda.png);
	width : 279px;
	height : 266px;
	top:222px;
	left:-373px;
	z-index:110px;
	position:relative;
	background-color:#FFFFFF;  
	color:#fff; padding: 5px;  
	margin-top: 5px;  
	margin-right: auto;  
	margin-bottom: 5px;  
	margin-left: auto;
	padding-left:12px;
	padding-left: 2px;
	text-align:left;
	overflow:hidden;
}

.caixa2
{
	background-image:url(Recuadre_Contractes.png);
	width : 279px;
	height : 266px;
	top:-59px;
	left:-20px;
	z-index:110px;
	position:relative;
	background-color:#FFFFFF;  
	color:#fff; padding: 5px;  
	margin-top: 5px;  
	margin-right: auto;  
	margin-bottom: 5px;  
	margin-left: auto;
	padding-left:12px;
	padding-left: 2px;
	text-align:left;
	overflow:hidden;
}

.caixa3
{
	background-image:url(Recuadre_Facturacio.png);
	width : 279px;
	height : 266px;
	top:-342px;
	left:336px;
	z-index:110px;
	position:relative;
	background-color:#FFFFFF;  
	color:#fff; padding: 5px;  
	margin-top: 5px;  
	margin-right: auto;  
	margin-bottom: 5px;  
	margin-left: auto;
	padding-left:12px;
	padding-left: 2px;
	text-align:left;
	overflow:hidden;
}

.caixa4
{
	background-image:url(Recuadre_Agenda.png);
	width : 279px;
	height : 266px;
	top:10px;
	left:-373px;
	z-index:110px;
	position:relative;
	background-color:#FFFFFF;  
	color:#fff; padding: 5px;  
	margin-top: 5px;  
	margin-right: auto;  
	margin-bottom: 5px;  
	margin-left: auto;
	padding-left:12px;
	padding-left: 2px;
	text-align:left;
	overflow:hidden;
}

.caixa5
{
	background-image:url(Recuadre_Contractes.png);
	width : 279px;
	height : 266px;
	top:-270px;
	left:-20px;
	z-index:110px;
	position:relative;
	background-color:#FFFFFF;  
	color:#fff; padding: 5px;  
	margin-top: 5px;  
	margin-right: auto;  
	margin-bottom: 5px;  
	margin-left: auto;
	padding-left:12px;
	padding-left: 2px;
	text-align:left;
	overflow:hidden;
}

.caixa6
{
	background-image:url(Recuadre_Facturacio.png);
	width : 279px;
	height : 269px;
	top:-550px;
	left:336px;
	z-index:110px;
	position:relative;
	background-color:#FFFFFF;  
	color:#fff; padding: 5px;  
	margin-top: 5px;  
	margin-right: auto;  
	margin-bottom: 5px;  
	margin-left: auto;
	padding-left:12px;
	padding-left: 2px;
	text-align:left;
	overflow:hidden;
}


.contacte  
{
	font-size:18px;
	color:#777777;
	background-position:center;
	text-align: center;
	position:center;
	width : 1431px;
	height : 851px;
	top:59px;
	left:-88px;
	position:absolute;
	z-index:110px;
	
}


/*
	Anchors
*/

a:link,a:visited {
	color:#0082B8;
	text-decoration:none;
}

a:hover,a:active {
	color:#0082B8;
	text-decoration:underline;
}