/* CSS Document */

a{ 
text-decoration:none;
}
/* IMATGES */
img {
  border: none;
}
body { 
	background-image: url(../img/background_ikone.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 0.8em;
	line-height:1.2em;
	color: #000000;
	margin:0em;
	padding:0em;
	text-align:center;
}

#principal {
	margin:0 auto 0 auto;
	width:880px;
}

#cabecera {
	border:solid 0px;
	/*background-color:#666666;*/
	margin-left: 0%;
	width:880px;
	height:190px;
	float:left;
	text-align:left;
	padding:0em;
}
/*-------------------------------------*/
/* Columna de la izquierda             */
/*-------------------------------------*/
#columna1 {
	border:solid 0px;
	/*background-color:#666666;*/
	margin-left: 0%;
	width:15px;
	float:left;
	text-align:left;
	padding:0em;
}
/*-------------------------------------*/
/* Columna central             */
/*-------------------------------------*/
#central {
	border:solid 0px;
	/*background-color:#666666;*/
	/*background-image: url(../img/bg_projects.gif);*/
	margin-left: 0%;
	width:850px;
	/*height:552px;*/
	float:left;
	text-align:left;
	padding:0em;
}
#central_recent {
	border:solid 0px;
	/*background-color:#666666;*/
	background-image: url(../img/bg_recent.gif);
	margin-left: 0%;
	width:850px;
	height:552px;
	float:left;
	text-align:left;
	padding:0em;
}
#franjatop {
	background-image: url(../img/bg_franjatop.gif);
	border:solid 0px;
	margin-left: 0%;
	width:850px;
	height:20px;
	float:left;
	text-align:left;
	padding:0em;
}
#bgcentral {
	background-image: url(../img/bg_centro.gif);
	border:solid 0px;
	margin-left: 0%;
	width:850px;
	/*height:20px;*/
	float:left;
	text-align:left;
	padding:0em;
}
#franjabottom {
	background-image: url(../img/bg_franjabottom.png);
	border:solid 0px;
	margin-left: 0%;
	width:850px;
	height:7px;
	float:left;
	text-align:left;
	padding:0em;
}
#menu {
	border:solid 0px;
	margin-left: 0%;
	width:164px;
	height:345px;
	float:left;
	text-align:left;
	padding:0em;
}
#navi {
	list-style:none;
	margin:0;	
	padding:0;
}

#navi li {	
	margin:0px 0px 5px 0px;
	padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes.	
	width:164px;
	height:18px;
	float:left;
}
#sepMenu {
	border:solid 0px;
	margin-left: 0%;
	width:24px;
	height:345px;
	float:left;
	text-align:left;
	padding:0em;
}
#titolProjects {
	width:639px;
	height:31px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	color: #2a8aa7;
	font-weight:bolder;
	margin:0px;
	text-align:left;
}
#titolProjects2 {
	width:145px;
	height:31px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	color: #2a8aa7;
	font-weight:bolder;
	margin:0px;
	text-align:left;
}
#navSubseccion {
	/*background-color:#666666;*/
	width:484px;
	height:31px;
	float:left;
	margin:0px 0px 0px 10px;
	FONT-SIZE: 11px;
	text-align:left;
}
#conProjects {
	/*background-color:#666666;*/
	border:solid 0px;
	margin-left: 0%;
	width:639px;
	height:314px;
	float:left;
	text-align:left;
	padding:0em;
}
#fondoProject {
	border:solid 0px;
	/*background-color:#666666;*/
	background-image: url(../img/tv.gif);
	margin-left: 0%;
	width:201px;
	height:148px;
	float:left;
	text-align:left;
	padding:0em;
}
#sepProject {
	border:solid 0px;
	margin-left: 0%;
	width:18px;
	height:148px;
	float:left;
	text-align:left;
	padding:0em;
}
#sepVertProject {
	border:solid 0px;
	margin-left: 0%;
	width:639px;
	height:18px;
	float:left;
	text-align:left;
	padding:0em;
}
#imgProject {
	border:solid 0px;
	margin:10px 10px 6px 10px;
	float:left;
	text-align:left;
	padding:0em;
}
#txtProject {
	border:solid 0px;
	width:85%;
	margin:0px 0px 0px 10px;
	float:left;
	text-align:left;
	padding:0em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 10px;
	color: #ffffff;
	line-height:14px;
	vertical-align: top;
}
#icoProject {
	/*background-image: url(img/icoProject.gif);*/
	border:solid 0px;
	width:10%;
	margin:0px 0px 0px 0px;
	float:left;
	padding:0em;
}
.subtitle{
	color: #d6d6d4;
}
#navProject {
	/*background-color:#999999;*/
	border:solid 0px;
	margin:15px 0px 5px 0px;
	width:818px;
	height:17px;
	float:left;
	text-align:right;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	color: #e7e5dd;
}
.txtNavProject{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	color: #0e242c;
	background-color:#e7e5dd
}
.titolTextSeccio{
	color: #80c2d0;
	font-weight:bolder;
}
#textSeccio {
	/*background-color:#666666;*/
	width:807px;
	margin:0px 23px 0px 20px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	line-height:20px;
	color: #FFFFFF;
	text-align:left;
}
/*-------------------------------------*/
/* Columna de la derecha               */
/*-------------------------------------*/
#columna2 {
	border:solid 0px;
	/*background-color:#666666;*/
	margin-left: 0%;
	width:15px;
	float:left;
	text-align:left;
	padding:0em;
}
/*-------------------------------------*/
/* Pie de p�gina               */
/*-------------------------------------*/
#pie {
	margin:7px 0px 0px 22px;
	width:350px;
	height:26px;
	float:left;
	text-align:left;
	padding:0em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 10px;
	color: #2a8aa7;
	line-height:14px;
	vertical-align: top;
}
.texto2pie{
	color: #98b1b7;
}
#pie2 {
	margin:7px 22px 0px 0px;
	width:400px;
	height:26px;
	float:right;
	text-align:right;
	padding:0em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 10px;
	color: #2a8aa7;
	line-height:14px;
	vertical-align: top;
	
}
a.pie2{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 10px;
	line-height:14px;
	color: #2a8aa7;
	text-decoration: none;
}
a.pie2:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 10px;
	line-height:14px;
	color: #2a8aa7;
	text-decoration: underline;
}
a.blanco{
	color: #FFFFFF;
}

a.blanco:hover{
	color: #FFFFFF;
}

a.blanco:visited{
	color: #FFFFFF;
}

a.blanco:active{
	color: #FFFFFF;
}

a.negro{
	color: #000000;
}

a.negro:hover{
	color: #00000;
}

a.negro:visited{
	color: #000000;
}

a.negro:active{
	color: #000000;
}


#menuVideos {
	border:solid 0px;
	margin-left: 0%;
	width:242px;
	height:447px;
	float:left;
	text-align:left;
	padding:0em;
}
#menuVideos #sepdatosVideo {
	border:solid 0px;
	margin-left: 0%;
	width:242px;
	height:104px;
	float:left;
	text-align:left;
	padding:0em;
}
#menuVideos #datosVideos{ 
	/*background-color:#666666;*/
	border:solid 0px;
	margin-left: 0%;
	width:242px;
	float:left;
	text-align:left;
	padding:0em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	color: #FFFFFF;
	line-height:22px;
}
.textAzul{
	color: #80c2d0;
}
#naviDatosVideo {
	list-style:none;
	margin:0;	
	padding:0;
}

#naviDatosVideo li {	
	margin:0px 0px 0px 20px;
	padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes.	
	float:left;
}
#sepMenuVideo {
	border:solid 0px;
	margin-left: 0%;
	width:78px;
	height:345px;
	float:left;
	text-align:left;
	padding:0em;
}
#volverVideo {
	border:solid 0px;
	margin-left: 0%;
	width:82px;
	height:59px;
	float:left;
	text-align:left;
	padding:0em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10px;
	color: #FFFFFF;
	line-height:14px;
}
#titolVideo {
	/*background-color:#666666;*/
	margin:0px 32px 0px 0px;
	border:solid 0px;
	margin-left: 0%;
	width:494px;
	height:59px;
	float:left;
	text-align:right;
	padding:0em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	line-height:18px;
	color: #FFFFFF;
}
.titolProject{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	color: #2a8aa7;
	font-weight:bolder;
}
#video {
	background-color:#ffffff;
	border:solid 0px;
	padding:10px 10px 10px 10px;
	margin-left: 0%;
	float:left;
	text-align:left;
	vertical-align: middle;
}
#finVideo {
	width:576px;
	height: 101px;
	margin-left: 0%;
	float:left;
	text-align:left;
}
/*--------------------------------------*/
/* P�gina About
/*--------------------------------------*/
#franjatopAbout {
	border:solid 0px;
	margin-left: 0%;
	width:850px;
	height:20px;
	float:left;
	text-align:left;
	padding:0em;
}

#central_about {
	border:solid 0px;
	/*background-color:#666666;*/
	background-image: url(../img/bg_about.gif);
	margin-left: 0%;
	width:850px;
	height:552px;
	float:left;
	text-align:left;
	padding:0em;
}
#texto_about {
	/*background-color:#ffffff;*/
	border:solid 0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 60px;
	width:600px;
	height:260px;
	float:left;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	color: #FFFFFF;
	line-height:21px;
}
#texto_about a{color: #80c2d0}
#texto_about a:hover{text-decoration:underline}
.titol_about{
	FONT-SIZE: 14px;
	color: #80c2d0;
	font-weight:bolder;
	line-height:23px;
}
#naviabout {
	list-style:decimal;
	margin:0;	
	padding:0;
}

#naviabout li {	
	margin:0;	
	padding:0; 	
	color: #80c2d0;
	text-align:left;
	float:left;
}
/*--------------------------------------*/
/* P�gina Clients
/*--------------------------------------*/
#franjatopCli {
	background-image: url(../img/bg_franjatopCli.gif);
	border:solid 0px;
	margin-left: 0%;
	width:850px;
	height:20px;
	float:left;
	text-align:left;
	padding:0em;
}
#central_clients {
	border:solid 0px;
	/*background-color:#666666;*/
	/*background-image: url(../img/bg_clients.gif);*/
	margin-left: 0%;
	width:850px;
	/*height:552px;*/
	float:left;
	text-align:left;
	padding:0em;
}

#bgcentralCli {
	background-image: url(../img/bg_centroCli.gif);
	border:solid 0px;
	margin-left: 0%;
	width:850px;
	/*height:20px;*/
	float:left;
	text-align:left;
	padding:0em;
}

#franjabottomCli {
	background-image: url(../img/bg_franjabottomCli.gif);
	border:solid 0px;
	margin-left: 0%;
	width:850px;
	height:7px;
	float:left;
	text-align:left;
	padding:0em;
}
#titolClientes {
	width:618px;
	height:41px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	color: #243a46;
	font-weight:bolder;
	margin:0px;
	text-align:left;
}
#sepMenuClients {
	border:solid 0px;
	margin-left: 0%;
	width:34px;
	height:345px;
	float:left;
	text-align:left;
	padding:0em;
}
#conClients {
	/*background-color:#666666;*/
	border:solid 0px;
	margin-left: 0%;
	width:632px;
	height:auto;
	float:left;
	text-align:left;
	padding:0em;
}
#fondoClient {
	border:solid 0px;
	/*background-color:#666666;*/
	background-image: url(../img/fondoLogo.png);
	margin-left: 0%;
	width:144px;
	height:84px;
	float:left;
	text-align:left;
	padding:0em;
}
#logoClient {
	border:solid 0px;
	margin:3px 5px 4px 5px;
	float:left;
	text-align:left;
	padding:0em;
}
#txtClient {
	border:solid 0px;
	width:144px;
	height:18px;
	margin: 0px 0px 0px 0px;
	float:left;
	text-align:left;
	padding:0em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10px;
	color: #ffffff;
	line-height:14px;
	vertical-align: top;
}
#txtClient a{
	color: #ffffff;
}
#sepClient {
	border:solid 0px;
	margin-left: 0%;
	width:14px;
	height:40px;
	float:left;
	text-align:left;
	padding:0em;
}
#sepVertClient {
	border:solid 0px;
	margin-left: 0%;
	width:632px;
	height:21px;
	float:left;
	text-align:left;
	padding:0em;
}