@font-face {
 font-family: 'Light';
 src: url('light-webfont.eot');
 src: local('☺'), url('light-webfont.woff') format('woff'), url('light-webfont.ttf') format('truetype'), url('light-webfont.svg#webfontGJeL6krg') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Bold';
 src: url('bold-webfont.eot');
 src: local('☺'), url('bold-webfont.woff') format('woff'), url('bold-webfont.ttf') format('truetype'), url('bold-webfont.svg#webfontymyDt0Cn') format('svg');
 font-weight: normal;
 font-style: normal;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
html {
	height:100%;
	width:100%;
}
body {
	width:100%;
	height:100%;
	margin:0;
	text-align: center;
	background-image: url(../img_index/fondo.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
}
#marcoPrincipal {
	margin:0 auto;
	text-align: left;
	width:980px;
	height:100%;
}
#marcoMarca {
	margin:0;
	position:relative;
	top:100px;
	left:20px;
	text-align: left;
	width:940px;
	height: 45px;
}
#marcoMenu {
	position:relative;
	top:110px;
	left:20px;
	text-align: left;
	height:30px;
	width:940px;
}
.MenuItem {
	font-family:'Light', sans-serif;
	font-size:18px;
	color:#FFF;
	padding: 0px 10px 0px 0px;
	line-height: 30px;
}
.MenuItem:hover {
	cursor:pointer;
	color:#818181;
}
.MenuItemCS {
	font-family:'Light', sans-serif;
	font-size:18px;
	color:#FFF;
	padding: 0px 10px 0px 0px;
	line-height: 30px;
}
.MenuItemCS:hover {
	cursor:pointer;
	color:#8CC63F;
}
.MenuPresionado {
	font-family:'Light', sans-serif;
	font-size:18px;
	padding: 0px 10px 0px 0px;
	color:#818181;
}
#marcoSeccionCS {
	position:relative;
	top:120px;
	left:0px;
	text-align: left;
	height:340px;
	width:980px;
}
#marcoSeccionK {
	position:relative;
	top:130px;
	left:0px;
	text-align: left;
	height:340px;
	width:980px;
}
#marcoSeccionFB {
	position:relative;
	top:140px;
	left:0px;
	text-align: left;
	height:340px;
	width:980px;
}
#marcoSeccionMarca {
	position:absolute;
	top:30px;
	left:20px;
	text-align: left;
	width:300px;
}
#marcoSeccionInfo {
	position:absolute;
	bottom:30px;
	left:20px;
	text-align: left;
	width:300px;
}
.tituloProyecto {
	font-family:'Light', sans-serif;
	font-size:30px;
	line-height:30px;
	color:#FFF;
}
.titularesVerdes {
	font-family:'Light', sans-serif;
	font-size:18px;
	line-height:20px;
	color:#FFF;
}
.infoProyecto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	color:#FFF;
}
.Botones {
	background-color:#FFF;
	height:20px;
	padding:5px 10px 3px 10px;
	font-family:'Bold', sans-serif;
	font-size:15px;
	color:#000;
}
.Botones:hover {
	background-color:#818181;
	cursor:pointer;
	color:#FFF
}
#marcoInferior {
	position:relative;
	background-color:#333;
	top:150px;
	text-align: left;
	height:300px;
	width:980px;
}
#marcoInferiorTAGS {
	position:absolute;
	background-color:#333;
	top:40px;
	left:20px;
	text-align: left;
	width:590px;
	height: 220px;
}
.TagsLight {
	font-family:'Light', sans-serif;
	font-size:30px;
	line-height:30px;
	color:#FFF;
}
.TagsLight:hover {
	color:#818181;
}
.TagsBold {
	font-family:'Bold', sans-serif;
	font-size:30px;
	line-height:30px;
	color:#FFF;
}
.TagsBold:hover {
	color:#818181;
}
#marcoInferiorContacto {
	position:absolute;
	background-color:#222;
	top:0px;
	right:0px;
	padding: 40px 20px 40px 20px;
	text-align: left;
	width:310px;
	height:220px;
}
#marcoLegales {
	position:relative;
	top:170px;
	left:20px;
	text-align: left;
	height:50px;
	width:940px;
}
.textoLegales {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#FFF;
}
.textoMiniBlanco {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#FFF;
}
.textoMiniBlanco:hover {
	color:#818181;
}
.textoMiniVerde {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#818181;
}