@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6875em;	
}


body {
	color:#000;
	text-align:center;
	margin: 0 auto;
	
	min-width:985px;
}

div#contenedor{
	background:url(../images/cabeceraBG.jpg) 0 0 no-repeat;
	width:985px;
	margin:0 auto;
	clear:both;
	}
	
div#menu{
	margin:0;
	padding:0;
	float:left;
	width:340px;
	}
#menu img {border:0px;}
#menu ul{
	float:right;
	width:330px;
	margin:-50px 0;
	padding:0;
	}
#menu li { float:left; list-style:none;}

/******* posicion de los elementos de la lista menu *******/
.empresa{ margin-top:67px; }
.empresa a{ display:block; width:67px; height:246px; background:url(../images/empresa-menu.jpg) 0 0 no-repeat; text-decoration:none;}
.empresa a:hover{ background-position:0px -244px;}

.servicios{ margin-top:62px;} 
.servicios a{ display:block; width:65px; height:251px; background:url(../images/servicios-menu.jpg) 0 0 no-repeat; text-decoration:none;}
.servicios a:hover{ background-position:0px -253px;}

.portfolio {margin-top:57px;}
.portfolio a{ display:block; width:65px; height:256px; background:url(../images/portfolio-menu.jpg) 0 0 no-repeat; text-decoration:none;}
.portfolio a:hover{ background-position:0px -259px;}

.clientes {margin-top:51px;}
.clientes a{ display:block; width:67px; height:262px; background:url(../images/clientes-menu.jpg) 0 0 no-repeat; text-decoration:none;}
.clientes a:hover{ background-position:0px -262px;}

.contacto {margin-top:45px;}
.contacto a{ display:block; width:66px; height:268px; background:url(../images/contacto-menu.jpg) 0 0 no-repeat; text-decoration:none;}
.contacto a:hover{ background-position:0px -271px;}

/******* ************************* *******/

div#pa{
	float:left;
	text-align:right;
	width:340px;
	margin:0;
	padding:0;
	margin-bottom:50px;
	}
	
div#zonaPrincipal{
	margin:0;
	padding:0;
	float:right;
	width:645px;
	margin-top:100px;
	text-align:left;
	}
	
div#Submenu{
	margin:0;
	padding:0;
	float:left;
	text-align:left;
	width:500px;
	height:130px;	
	min-height: 130px !important;
	height:auto !important;
	background-image:url(../images/fondoSubmenu.jpg);
	background-repeat:no-repeat;
	
}
#Submenu div{
	margin-top:30px;
	}
	
div#destacados{
	padding-top:15px;
	clear:both;
	
	}
	
h2{ margin:0;  padding:0;}

div.bloqueNoticia{
	font-size:1.55em;
	color:#333333;
	margin:auto;
	margin-top:15px;
	width:580px;
	line-height:21px;
	text-align:justify;
	float:left;
	padding-left:20px;
	}
	
div.NoticiaMas{
	margin:auto;
	background-image:url(../images/lineaBG.png);
	background-repeat:repeat-x;
	text-align:right;
}
.NoticiaMas img{border:0;}

.destacadoNoticia{
	background-color:#f7db17;
	font-weight:bold;
	border-left:3px solid #f7db17;
	border-right:3px solid #f7db17;}

a .destacadoNoticia {color:#333; text-decoration: none; font-size:1.3em;}
	
.negrita{ font-weight:bold;}



div#pie{
	margin:0;
	padding:0;
	margin-top:60px;
	height:195px;
	clear:both;
	min-height: 195px !important;
	height:auto !important;
	background-image:url(../images/detalleFondo.jpg);
	background-repeat:no-repeat;
}

#pie div{
	padding-top:180px;
	font-size:1.3em;
	color:#666666;
	text-align:left;
	width:330px;
	margin-left:10px;
	line-height:15px;
}

.logo_link{
	float:left;
	position:relative;
	top:8px;
	left:10px;
	height:50px;
	text-indent:-3000em;
	width:135px;
	clear:both;
	z-index:1000;
}

.logo_link a{
display:block;
width:100%;
height:50px;
}

.textoMini{
	display:block;
	width:95%;	
	font-size:1.35em;
	color:#333;
	font-weight:100;
	margin-top:225px;
	color:#666;
}

.alignleft{	float:left;}
.alignright{ float:right;}
.clear{ clear:both; font-size:1px; height:1px;visibility:hidden;}
div.bloqueNoticia strong{ color:#666;}
div.bloqueNoticia a{ text-decoration:none;}