@charset "UTF-8";
/* Maresia.tv | CSS Document */

body {
	background-image: url(../images/site_bg.jpg);
	background-repeat: no-repeat;
	background-color:#000;
	margin: 0px;
	background-position: center top;
}

ul {
	margin: 20px 0px 0px 18px;
	padding: 0px;
}

li a {
	color: #fff;
	text-decoration: none;
	list-style-type: none;
}

li a:hover{
	color: #fff;
	text-decoration: underline;
	list-style-type: none;
}

li {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #afaeae;
	text-decoration: none;
	list-style-type: none;
}

img {padding:0; margin:0px;}

#logo {
	background-repeat: no-repeat;
	height: 169px;
	width: 980px;
	background-position: left top;
	margin: 0px;
}

#page-layout {
	width:980px;
    margin-right: auto;
	margin-left: auto;

}


/* Navegacion Luces*/

div#menu {
	padding: 0px 0px 25px;
	margin-top: 0px;
	width:980px;
	height:40px;
	margin-left: auto;
	margin-right: auto;
	z-index:10;	
	}
	

#nav {
	padding:0;
	height:40px;
	list-style:none;
	display:inline;
	overflow:hidden;
	margin: 0px;

}

#nav li {
		display:inline; 
		margin:0 0 0 0;
		padding:0;
		list-style:none;
		}

#nav a {
		float:left;
		margin:0px;
		padding:40px 0 0 0;
		overflow:hidden;
		height: 0px;
		text-indent:-9000px;
		}
		
#nav a:hover { 
		background-position: 0 -41px;
		}
		
/*
#nav a:active, #nav a.selected {
		background-position: 0 -70px;
		}
		*/

#quienes-somos a {
		width:131px;
		background:url("../images/menu-quienes-somos.gif") top left no-repeat;
		}
		
#donde-trabajamos a {
		width:153px;
		background:url("../images/menu-donde-trabajamos.gif") top left no-repeat;
		}
		
#nuestros-recursos a {
		width:151px;
		background:url("../images/menu-nuestros-recursos.gif") top left no-repeat;
		}
		
#nuestros-servicios a {
		width:147px;
		background:url("../images/menu-nuestros-servicios.gif") top left no-repeat;
		}	
		
#vision-maresia a {
		width:124px;
		background:url("../images/menu-vision-maresia.gif") top left no-repeat;
		}
		
#portafolio a {
		width:93px;
		background:url("../images/menu-portafolio.gif") top left no-repeat;
		}

#clientes a {
		width:84px;
		background:url("../images/menu-clientes.gif") top left no-repeat;
		}
		
#contacto a {
		width:97px;
		background:url("../images/menu-contacto.gif") top left no-repeat;
		}


/*NAVEGACION ANTERIOR

#menu {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
 }


#navigation{
    width: 980px;
	float: left;
	display: inline;
	position: relative;
	height: 40px;
	margin: auto;
	width: 980px;
	background: url(../images/global_nav.gif) no-repeat left top;
	list-style-type:none;
	margin-bottom:45px;
}

#navigation li{
	text-indent:-9999px;
	position: absolute;
	height: 40;
	top: 0px;
}

#navigation a{
	display: block;
	text-decoration: none;
	height: 40px;
}

BOTONES

#navigation li#quienes-somos {left: 0px; width: 132px;}
#navigation li#donde-trabajamos {left: 132px; width: 153px;}
#navigation li#nuestros-recursos {left: 285px; width: 151px;}
#navigation li#nuestros-servicios {left: 436px; width: 147px;}
#navigation li#vision-maresia {left: 583px;width: 124px;}
#navigation li#portafolio {left: 707px;width: 93px;}
#navigation li#clientes {left: 800px;width: 84px;}
#navigation li#contacto {left: 884px;width: 93px;}

OVER

#navigation li#quienes-somos a:hover {background: url(../images/global_nav.gif) 0px -41px no-repeat;}
#navigation li#donde-trabajamos a:hover {background: url(../images/global_nav.gif) -132px -41px no-repeat;}
#navigation li#nuestros-recursos a:hover {background: url(../images/global_nav.gif) -285px -41px no-repeat;}
#navigation li#nuestros-servicios a:hover {background: url(../images/global_nav.gif) -436px -41px no-repeat;}
#navigation li#vision-maresia a:hover {background: url(../images/global_nav.gif) -583px -41px no-repeat;}
#navigation li#portafolio a:hover {background: url(../images/global_nav.gif) -707px -41px no-repeat;}
#navigation li#clientes a:hover {background: url(../images/global_nav.gif) -800px -41px no-repeat;}
#navigation li#contacto a:hover {background: url(../images/global_nav.gif) -884px -41px no-repeat;}


 PRESSED 

#navigation li#quienes-somos a:active {background: url(../images/global_nav.gif) 0px -82px no-repeat;}
#navigation li#donde-trabajamos a:active {background: url(../images/global_nav.gif) -132px -82px no-repeat;}
#navigation li#nuestros-recursos a:active {background: url(../images/global_nav.gif) -285px -82px no-repeat;}
#navigation li#nuestros-servicios a:active {background: url(../images/global_nav.gif) -436px -82px no-repeat;}
#navigation li#vision-maresia a:active {background: url(../images/global_nav.gif) -583px -82px no-repeat;}
#navigation li#portafolio a:active {background: url(../images/global_nav.gif) -707px -82px no-repeat;}
#navigation li#clientes a:active {background: url(../images/global_nav.gif) -800px -82px no-repeat;}
#navigation li#contacto a:active {background: url(../images/global_nav.gif) -884px -82px no-repeat;}

 ON 

#navigation li#quienes-somos a:hover {background: url(../images/global_nav.gif) 0px -123px no-repeat;}
#navigation li#donde-trabajamos a:hover {background: url(../images/global_nav.gif) -132px -123px no-repeat;}
#navigation li#nuestros-recursos a:hover {background: url(../images/global_nav.gif) -285px -123px no-repeat;}
#navigation li#nuestros-servicios a:hover {background: url(../images/global_nav.gif) -436px -123px no-repeat;}
#navigation li#vision-maresia a:hover {background: url(../images/global_nav.gif) -583px -123px no-repeat;}
#navigation li#portafolio a:hover {background: url(../images/global_nav.gif) -707px -123px no-repeat;}
#navigation li#clientes a:hover {background: url(../images/global_nav.gif) -800px -123px no-repeat;}
#navigation li#contacto a:hover {background: url(../images/global_nav.gif) -884px -123px no-repeat;}


*/



/*FIN NAVEGACION*/


#contenido {
	width:768px;
	background-color:#000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 27px;
	padding-right: 106px;
	padding-left: 106px;
	padding-bottom: 30px;
	
}



#contenido p {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #afaeae;
	text-decoration: none;
	width:720px;
	text-align: justify;
}


.white {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}


/*BOTTOM NAV & FOOTER*/

#menubottom {
	height: 49px;
	width: 965px;
}

ul#bottomnav {
	width:980px;
	margin:0 auto;
	padding:0;
	font-family: "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	display:block;
	height: 49px;
	text-align: right;
}

ul#bottomnav li {
    color:#494949;
	font-size: 11px;
	float:right;
	margin:0px;
	padding:0;
	list-style-type: none;
}

ul#bottomnav li a {
	color:#9e9e9e;
	text-decoration:none;
	display:block;
	margin:0;
	padding:15px 0;
}

ul#bottomnav li a:hover {
	color:#fff;
	text-decoration:none;
	display:block;
	margin:0;
	padding:15px 0;
}

ul#bottomnav li.br {
	color:#494949;
	font-weight:normal;
	margin:0;
	padding:15px 5px;
}


#footer {
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 979px;
	border: 1px solid #2b2b2b;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	
}

#footer p {
	font-family: "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #494949;
	text-decoration: none;
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	}

#footer p a {
	font-family: "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #9e9e9e;
	text-decoration: none;
	}
	
#footer p a:hover {
	font-family: "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	}