/*
	CSS - Marta Romero	
	Oct - 2008
	Colors Screen Version
*/

/* GENERAL STYLES */


body {color : #fff;/*crema*/; background-color:#000;}

/* General Links */
a:link {color : #fff;} 
a:active {color : #fff;}
a:visited {color : #fff;}
a:hover {color : #fff;;}

/* General Class */
input { background: #fff; border:1px solid #d8d8d8; color: #333; }
select { background: #fff; border:1px solid #d8d8d8; color: #333; }
textarea { background: #fff; border:1px solid #d8d8d8;color: #333;}


/* 1.HEADER = LOGO (H1) + SAVE THE EARTH (H2)
====================================================================================*/ 
/*
  gris oscuro #333 
  blanco      #fff
  morado      #791e75
  lila        #bb8ab9
*/

#header h2 {
	color: #fff; 
	}

	
/* 3.CONTAINER 
====================================================================================*/ 


/****** 3.1. Titulos: QUIENES SOMOS, SERVICIOS,....(H3) ******/


h3 a {color: #333333; /*gris oscuro*/}



/* Blanco */

#c1_quienesomos h3 {
	background: url(../img/h3_blanco_quienesomos.png) no-repeat; 
	margin: 0px 0px 0px 50px;
}	
#c2_servicios h3{
	background: url(../img/h3_blanco_servicios.png) no-repeat; 
	margin: 0px 0px 0px 50px;
}	
#c3_clientes h3{
	background: url(../img/h3_blanco_clientes.png) no-repeat; 
	margin: 0px 0px 0px 50px;
}	
#c4_partners h3{
	background: url(../img/h3_blanco_partners.png) no-repeat; 
	margin: 0px 0px 0px 50px;
}	
#c5_portfolio h3{
	background: url(../img/h3_blanco_portfolio.png) no-repeat; 
	margin: 0px 0px 0px 50px;
}	
#c6_contacto h3{
	background: url(../img/h3_blanco_contacto.png) no-repeat; 
	margin: 0px 0px 0px 50px;
}

/****** 3.2. Content ******/

div.content {background:url(../img/transp_black.png) repeat;}
/*div.content {background-color:#2d2c2c;}*/
/*div.content {background:#2d2c2c;opacity:0.6;filter:alpha(opacity=60);}*/

div.content p {color:#fff;}	

ul.subnavlist li a,
ul.subnavlist li a:visited {
	color:#fff;
}

ul.subnavlist li a:active,
ul.subnavlist li a:hover { 
	color:#bb8ab9;/*lila*/
}

div.cases_ex ul li a{
	color:#b47db1;/*lila*/
	}
div.cases_ex ul li a:hover{
	color : #fff;
	}
div.cases_ex ul li a:active{
	color : #fff;
	}
	
div.case_description img{
	border:5px solid #b47db1;/*lila*/
}

div.case_description p{
	color:#bb8ab9;/*lila*/
}
div.case_description p strong{
	color : #fff;/*crema*/
}
/* 4.FOOTER 
====================================================================================*/ 
#footer {background:#000;opacity:0.6;filter:alpha(opacity=60);}
#footer p{color:#cdcec3;/*gris clarito*/}

#footer ul.menulist li a {color:#cdcec3;/*gris clarito*/}

#footer ul.vlist li a.active,
#footer ul.vlist li a:hover { 
	color:#bb8ab9;/*morado clarito*/
}