@charset "UTF-8";


body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #2e393c;
}

.blau{
	color:#1aadd4;
}

.blanc{
	color:#FFF;
}

.titolblanc{
	font-size:16px;
	color:#FFF;
}

img {
	border:0 none;}
	

a.blanc:visited{
		color:#FFF
	}

a {
	color:#1aadd4;
	text-decoration:none;
  	}
	
a:visited {
	color:#1aadd4;
	}

a:hover {
	text-decoration:underline;
	}
	
.linkblanc {
	color:#ffffff;
  	}
	

#container {
	width: 960px;  
	background: #2e393c;
	margin: 0 auto; 
	text-align: left; 
	height: auto; !important
	margin-top:-66px; !important
}

#container_index{
	width: 960px;  
	background: #2e393c;
	margin: 0 auto; 
	text-align: left; 
	height: auto; !important
	margin-top:-66px; !important}

#header {
	height:122px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;	
	margin-bottom: 30px;
}

#header .logocm{
	margin-left:30px;
	float:left;
	#margin-top:-10px;
}

h1 {
	visibility:hidden;
	margin:0;
	#margin-top:-50px;
	padding:0;
	float:none;
}
#contingut {
	padding: 0 ;
	background: #2e393c;
}

#menu{
	margin-top:50px;
	margin-right:30px;}

#menu .menu {
	float:right;
	
}

ol, ul {
list-style:none outside none;
}
	
#menu ul.menu li {
	display:inline;
	margin:0 0 0 43px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
}


#menu ul.menu li a {
color:#ffffff;
text-decoration:none;
}

#menu ul.menu li a.active {
color:#1aadd4;
font-weight: bold;
}

/* menu idioma */

#menu-idioma {
float:left;
margin-left:805px;
margin-top:-67px;
position:absolute;
#margin-left:650px;
}


#menu-idioma .menu-idioma {

	
}


#menu-idioma ul.menu-idioma li {
color:#FFFFFF;
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
margin:0 0 0 0;
}


#menu-idioma ul.menu-idioma li a {
color:#ffffff;
text-decoration:none;
}

#menu-idioma ul.menu-idioma li a.active {
color:#1aadd4;
font-weight: bold;
text-decoration:underline;
}

#menu-idioma ul.menu-idioma li a.hover {
color:#ffffff;
text-decoration:underline;
}
 
 /*  fi menu idioma */

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		z-index: auto;
		}
		
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:300px;
		overflow:hidden; 
		z-index:auto;
		}	

#prevBtn {
display:block;
float:left;
height:77px;
margin-top:-212px;
width:30px;
z-index:1000 !important;
}

		
#slider1prev {
		display:block;
		height:77px;
		top:50px;
		#top:-500px;
		width:30px;
		z-index:1000 !important;
		}

#nextBtn {
display:block;
float:left;
height:77px;
left:930px;
#left:900px;
position:relative;
top:-213px;
width:30px;
z-index:1000;
}

	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		width:32px;
		height:77px;
		background:url(../img/btn_prev.png) no-repeat 0 0;	
		}	

#nextBtn a, #slider1next a{ 
		background:url(../img/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#slider{
	margin-bottom:30px;}

.slide{
	height:300px;
}

.slide p {
color:#FFFFFF;
margin-left:750px;
width:154px;
z-index:900;
}


.negreta{
	font-weight:bold;}

#slide1{
	background-image:url(../img/slide-social-media.jpg)}	

#slide1 p{
	margin-top:88px;
}

#slide2{
	background-image:url(../img/slide-smarphones.jpg)}	

#slide2 p {
margin-top:82px;
width:172px;
}

#slide3{
	background-image:url(../img/slide-entorns-tecnologics.jpg)}	

#slide3 p {
margin-top:96px;
width:158px;
}

#slide4{
	background-image:url(../img/slide-posicionament.jpg)}	

#slide4 p {
margin-top:94px;
width:167px;
}

#slide5{
	background-image:url(../img/slide-narrativa.jpg)}	

#slide5 p {
margin-top:75px;
width:163px;
}

#slide6{
	background-image:url(../img/slide-street-mkt.jpg)}	

#slide6 p {
margin-top:73px;
width:161px;
}

#slide7{
	background-image:url(../img/slide-creacio.jpg)}	

#slide7 p {
margin-top:92px;
width:161px;
}

#slide8{
	background-image:url(../img/slide-continguts.jpg)}	

#slide8 p {
margin-top:120px;
width:168px;
}
#slide8 a{
	color:#FFF;
	text-decoration:none}


#eslogan{
	margin-top:5px;
	margin-right:30px;
	margin-left:-30px;
	#margin-left:-65px;
	float:left;
	}
	
#llistaquefem ul{
	line-height: 24px;	
	}

#llistaquefem {
float:left;
margin-left:16px;
margin-top:0px;
#margin-top:0px;
}

.flotar_esq{
	float:left;}
	
#footer {
	clear:left;
	float:left;
	width:960px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #cccccc;
	margin-top:30px;
	#margin-top:-10px;
}

#footer .col-left {
float:left;
width:320px;
}

#footer .col-right {
float:right;
}

#footer .col-right p{
float:right;
}

#twitter {
float:left;
margin-top:-16px;
#margin-top:-22px;
width:340px;
}

#twitter li{
	margin-bottom:10px;
}

#linktweet {
float:right;
margin-bottom:-8px;
}
	
#twitter_update_list{
	#margin-top:20px;
	#width:300px;
	float:left;}	
	
.col-left p{
	#margin-top:10px;}

#overlay{
	width:100%; 
	height:100%; 
}

#bodydiv{
	margin-top:-66px;
}


#centre_esquerra{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-150px;
	margin-right:10px;
	width:125px;
	height:200px;
}

#centre_dreta {
    left: 50%;
    margin-left: 50px;
    position: absolute;
    width: 475px;
}

div#esquerra {
  background-color: #FFF;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 50%;
}

div#dreta {
  background-color: #2e393c;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
  margin-right:30px;
}

div#centre {  
    position:absolute;  
    top: 50%;  
    left: 50%;  
    width:800px;  
    height:600px;  
    margin-top: -300px; /*set to a negative number 1/2 of your height*/  
    margin-left: -400px; /*set to a negative number 1/2 of your width*/  
  /*  background-color: #909;*/
}

div#diaroslogan{
	margin-top:30px;
	margin-left:-5px;
	}
	
div#appstore{
	float:left;
	}

div#android {
    float: right;
    margin-right: 100px;
}
	
div#download{
	margin-top:30px;
	margin-bottom:30px;
	}
		
div#logo1 {
    float: left;
    margin-right: 40px;
}

div#logo2{
	float:right;
	margin-right:10px;
}

div#logos {
    float: left;
    margin-top: 30px;
    position: relative;
}

div#diarotext{
	margin-top:30px;
}

a:active, a:focus {outline:none;}