@charset "utf-8";
/* CSS Document */
/**************************/
/* GENERAL */
/**************************/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
h1 {
	color:#FFF;
	font-size:24px;
}
h2 {
	color:#999;
}
a.Footer:link{ 
	text-decoration:none;
	color:#666;
}

a.Footer:hover{ 
	text-decoration:underline;
	color:#333;
}
a.Footer:visited{ 
	text-decoration:none;
	color:#666;
}

a.Footer:active{ 
	text-decoration:underline;
	color:#666;
}


a.Menu:link{ 
	text-decoration: none;
	color:#FFF;
}
a.Menu:hover{ 
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
a.Menu:visited{ 
	text-decoration:none;
	color:#FFF;
}
a.Menu:active{ 
	text-decoration: none;
	color:#FFF;
}


h1.titleSection {
	color:#FFF;
}
/*
#menuServices {
	background:url(../images/menuServices.jpg);
}*/


.menuServicesSpan {
	background:url(../images/menuServices.jpg) no-repeat 0 0;
	position:absolute;
	height:100%;
	width:100%;
}



/**************************/
/* HEADER */
/**************************/
#header {
	width:100%;
	height:186px;
	z-index:0;
}
#gris {
	position:absolute;
	width:100%;
	height:23px;
	top: 72px;
	background-color: #888888;
}
#azul {
	position:absolute;
	width:100%;
	height:60px;
	top: 100px;
	background-color: #2a448d;
}
#rojo {
	position:absolute;
	width:100%;
	height:21px;
	top: 165px;
	background-color: #c02826;
}
#logo {
	position:absolute;
	width:960px;
	height:72px;
	left:50%;
	margin-left:-480px;
}
#menu {
	position:absolute;
	width:961px;
	height:23px;
	left: 50%;
	margin-left:-480px;
	background-color: #FFFFFF;
}
.elemMenu {
	width:159px;
	height:19px;
	background-color: #888888;
	float:left;
	margin-left:1px;
	text-align:center;
/***	color:#FFF;*/
	vertical-align:middle;
	padding-top:4px;
/***	font-size:14px;*/
}

#sloganContenido {
	float:left;
	width:465px;
	height:25px;
	z-index:1;
	margin:32px 15px 0px 0px; 
}


a.LogoHeader:link{ 
	text-decoration: none;
	border:0;
}

a.LogoHeader:hover{ 
	text-decoration:none;
	border:0;
}

a.LogoHeader:visited{ 
	text-decoration:none;
	border:0;
}

a.LogoHeader:active{ 
	text-decoration: none;
	border:0;
}

/*Links para el Menu*/
div#idMenuGroup {
	width:159px;
	height:23px;
	float:left;
	margin-left:1px;
	position:relative;
}
div#idMenuGroup span {
	background: url(../images/menuGroup.jpg) no-repeat 0 0;
	width:100%;
	height:100%;
	position:absolute;
}
a#aIdMenuGroup:hover span{
	background: url(../images/menuGroupOver.jpg) no-repeat 0 0;
}

div#idMenuDit {
	width:159px;
	height:23px;
	float:left;
	margin-left:1px;
	position:relative;
}
div#idMenuDit span {
	background: url(../images/menuDit.jpg) no-repeat 0 0;
	width:100%;
	height:100%;
	position:absolute;
}
a#aIdMenuDit:hover span{
	background: url(../images/menuDitOver.jpg) no-repeat 0 0;
}

div#idMenuServices {
	width:159px;
	height:23px;
	float:left;
	margin-left:1px;
	position:relative;
}
div#idMenuServices span {
	background: url(../images/menuServices.jpg) no-repeat 0 0;
	width:100%;
	height:100%;
	position:absolute;
}
a#aIdMenuServices:hover span{
	background: url(../images/menuServicesOver.jpg) no-repeat 0 0;
}

div#idMenuEvents {
	width:159px;
	height:23px;
	float:left;
	margin-left:1px;
	position:relative;
}
div#idMenuEvents span {
	background: url(../images/menuEvents.jpg) no-repeat 0 0;
	width:100%;
	height:100%;
	position:absolute;
}
a#aIdMenuEvents:hover span{
	background: url(../images/menuEventsOver.jpg) no-repeat 0 0;
}

div#idMenuNews {
	width:159px;
	height:23px;
	float:left;
	margin-left:1px;
	position:relative;
}
div#idMenuNews span {
	background: url(../images/menuNews.jpg) no-repeat 0 0;
	width:100%;
	height:100%;
	position:absolute;
}
a#aIdMenuNews:hover span{
	background: url(../images/menuNewsOver.jpg) no-repeat 0 0;
}

div#idMenuContact {
	width:159px;
	height:23px;
	float:left;
	margin-left:1px;
	position:relative;
}
div#idMenuContact span {
	background: url(../images/menuContact.jpg) no-repeat 0 0;
	width:100%;
	height:100%;
	position:absolute;
}
a#aIdMenuContact:hover span{
	background: url(../images/menuContactOver.jpg) no-repeat 0 0;
}



/**************************/
/* CONTENT */
/**************************/
#content {
	width:100%;
	height:auto;
	z-index:1;
}
#contentInterior {
	float:left;
	width:100%;
	height:auto;
	z-index:1;
}

.textoContent:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.textoContent {
	display:inline-block;
}
* html .textoContent {
	height:1px;
}










/**************************/
/* FOOTER */
/**************************/

#footer {
	width:100%;
	height:75px;
	z-index:2;
}
#footerBar {
	position:absolute;
	width:100%;
	height:20px;
	background-color:#2a448d;
	margin-top:23px;
	z-index:0;
}
#footerContent {
	position:relative;
	width:960px;
	height:75px;
	margin:0px auto 0px auto;
	z-index:1;
	color:#FFF;
}
#textoFooter {
	position:relative;
	width:100%;
	height:20px;
	z-index:5;
	color:#666;
	font-size:10px;
	font-weight:bold;
}
#copy {
	float:left;
	width:50%;
	margin-top:2px;
}
#menuFooter {
	float:left;
	width:50%;
	text-align:right;
}
a.RedesSociales:link {
	text-decoration:none;
	color:#FFF;
}
a.RedesSociales:hover{
	text-decoration:none;
	color:#FFF;
}
a.RedesSociales:visited{
	text-decoration:none;
	color:#FFF;
}
a.RedesSociales:active{
	text-decoration:none;
	color:#FFF;
}

a.Footer:link {
	text-decoration:none;
	color:#333;
}
a.Footer:hover{
	text-decoration:none;
	color:#333;
}
a.Footer:visited{
	text-decoration:none;
	color:#333;
}
a.Footer:active{
	text-decoration:none;
	color:#333;
}

/* Limpiar los divs */
.redes:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.redes {
	display:inline-block;
}
* html .redes {
	height:1px;
}


/**************************/
/* NEWS */
/**************************/

div.itemNews {
	width:560px;
	border-bottom:3px solid #fbad2f;
/*	border-bottom:3px solid #555;*/
	padding-bottom:10px;
}
div.newImage {
	padding-left:10px;
	padding-top:15px;
	float:left;
	width:80px;
}
div.newsTexto {
	float:left;
	width:460px;
	text-align:justify;
}
h1,h2.newsTitle {
	padding-top:0px;
	color:#039;
}

/* Limpiar los divs */
.itemNews:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.itemNews {
	display:inline-block;
}
* html .itemNews {
	height:1px;
}




/**************************/
/* EVENTS */
/**************************/

div.itemEvents {
	width:580px;
	border-bottom:3px solid #fbad2f;
/*	border-bottom:3px solid #555;*/
	padding-bottom:10px;
	padding-top:10px;
}
div.eventsImage {
	/*padding-left:5px;
	padding-top:5px;*/
	float:left;
	width:160px;
}
div.eventsTexto {
	float:left;
	width:410px;
	text-align:justify;
}
h1,h2,h3.eventsTitle {
	padding-top:0px;
	color:#039;
}

/* Limpiar los divs */
.itemEvents:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.itemEvents {
	display:inline-block;
}
* html .itemEvents {
	height:1px;
}


/**************************/
/* SERVICES */
/**************************/

.servicesImgLeft {
	float:right;
}
.parrafoServices {
	text-align:justify;
/*	margin:10px 10px 10px 10px;*/
	padding:0px 5px 0px 5px;
}


/***************************/
/* DERECHA CONTENT */
/***************************/
#derechaContent {
	float:left;
	position:relative;
	width:160px;
	height:320px;
	height:auto;
	z-index:1;
	margin:49px 14px 0px 14px; 
/*	border:1px solid #666;*/
	background:url(../images/newsBox.png);
}
h2#derechaContentTitle {
	color:#c02826;
	padding-left:10px;
}
div#derechaContent ul {
	width:150px;
	list-style:none;
	/*border-bottom:1px dotted #666;
	padding:5px 10px 5px 10px;*/
	padding:5px 5px 5px 5px;
}
ul#derechaContentLista li {
/*	border-bottom:2px solid #555;*/
	border-bottom:2px solid #fbad2f;
	padding:5px 10px 5px 10px;
	color:#666;
	font-size:10px;
}
a.derechaContentNews:link {
	text-decoration:none;
	color:#c02826;
	font-size:10px;
}
a.derechaContentNews:hover {
	text-decoration:none;
	color:#F00;
	font-size:10px;
}
a.derechaContentNews:visited {
	text-decoration:none;
	color:#F00;
	font-size:10px;
}
a.derechaContentNews:active {
	text-decoration:none;
	color:#F00;
	font-size:10px;
}


/***************************/
/* DERECHA CONTENT BLACK */
/***************************/
#derechaContentBlack {
	float:left;
	position:relative;
	width:230px;
	height:320px;
	height:auto;
	z-index:1;
	margin:49px 14px 0px 14px; 
/*	border:1px solid #666;*/
	background:url(../images/derechaContentBox.png);
/*	background:#222;*/
/*	color:#FFF;*/
	font-size:11px;
}
ul.derechaContentListaBoxBlack {
	width:200px;
	list-style:none;
	padding:10px 5px 10px 15px;
	
}
ul.derechaContentListaBoxBlack li {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	border-bottom:2px solid #fbad2f;
/*	border-bottom:2px solid #555;*/
}
/*
div#derechaContentBlack ul {
	width:200px;
	list-style:none;
	padding:10px 5px 10px 20px;
}
div#derechaContentBlack li {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #999;
}*/
div#derechaContentBlack h2 {
	color:#3E8BFF;
	padding-bottom:10px;
/*	border-bottom:2px solid #fbad2f;*/
}
a.derechaContentBlack:link {
	text-decoration:none;
	color:#666;
}
a.derechaContentBlack:hover {
	text-decoration:none;
	color:#3E8BFF;
}
a.derechaContentBlack:visited {
	text-decoration:none;
	color:#666;
}
a.derechaContentBlack:active {
	text-decoration:none;
	color:#666;
}

div#derechaContentBlack h3 {
	padding-left:10px;
	color:#3E8BFF;
}

div#derechaContentBlack p {
	padding-left:10px;
	padding-right:10px;
/*	color:#FFF;*/
	text-align:justify;
}
ul.derechaContentBlackLista li {
	text-align:justify;
	padding-right:10px;
}

div#derechaContentPunteado {
/*	border:3px dashed #c02826;*/
/*	border:3px solid #c02826;*/
/*	background:#FFF*/
	background:url(../images/derechaContentList.png);
	padding-bottom:5px;
}
div#derechaContentPunteado h2 {
	color:#3E8BFF;
	padding-left:10px;
}
div#derechaContentPunteado ul {
	list-style:none;
	padding-left:10px;
	padding-right:10px;
}
a.derechaContentPunteadoLink:link {
	text-decoration:none;
	color:#000;
}
a.derechaContentPunteadoLink:visited {
	text-decoration:none;
	color:#000;
}
a.derechaContentPunteadoLink:hover {
	text-decoration:none;
	color:#039;
}
a.derechaContentPunteadoLink:active {
	text-decoration:none;
	color:#000;
}



#derechaContentServices {
	float:left;
	position:relative;
	width:230px;
	height:320px;
	height:auto;
	z-index:1;
	margin:49px 14px 0px 14px; 
/*	border:1px solid #666;*/
	background:url(../images/derechaContentServ.png);
/*	background:#222;*/
/*	color:#FFF;*/
	font-size:11px;
}







#derechaContentOil {
	float:left;
	position:relative;
	width:230px;
	height:320px;
	height:auto;
	z-index:1;
	margin:49px 14px 0px 14px; 
/*	border:1px solid #666;*/
	background:url(../images/derechaContentOil.png);
/*	background:#222;*/
/*	color:#FFF;*/
	font-size:11px;
}

div#derechaContentOil h2 {
	color:#3E8BFF;
	padding-bottom:10px;
/*	border-bottom:2px solid #fbad2f;*/
}
a.derechaContentOil:link {
	text-decoration:none;
	color:#000;
}
a.derechaContentOil:hover {
	text-decoration:none;
	color:#3E8BFF;
}
a.derechaContentOil:visited {
	text-decoration:none;
	color:#000;
}
a.derechaContentOil:active {
	text-decoration:none;
	color:#000;
}

div#derechaContentOil h3 {
	padding-left:10px;
	color:#3E8BFF;
}

div#derechaContentOil p {
	padding-left:10px;
	padding-right:10px;
/*	color:#FFF;*/
	text-align:justify;
}
ul.derechaContentOilLista li {
	text-align:justify;
	padding-right:10px;
}




/***************************/
/* THE GROUP */
/***************************/

.groupBoxes {
}

/* Limpiar los divs */
.groupBoxes:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.groupBoxes {
	display:inline-block;
}
* html .groupBoxes {
	height:1px;
}

.groupBox {
	/*	background:url(../imgs/groupBox.png) repeat:none 0 0;*/
	padding:10px 10px 10px 10px;
	float:left;
	width:250px;
	height:245px;
	/*border:1px solid #999;*/
	margin:5px 5px 5px 5px;
	position:relative;
}

div.imgGroupBox {
	text-align:center;
	padding:5px 0 5px 0;
}
p.textGroupBox {
	text-align:justify;
}
a.linkGroupBox:link {
	text-decoration:none;
	padding:5px 10px 5px 10px;
	background-color:#999;
	color:#FFF;
}
a.linkGroupBox:visited {
	text-decoration:none;
	padding:5px 10px 5px 10px;
	background-color:#999;
	color:#FFF;
}
a.linkGroupBox:active {
	text-decoration:none;
	padding:5px 10px 5px 10px;
	background-color:#999;
	color:#FFF;
}
a.linkGroupBox:hover {
	text-decoration:none;
	padding:5px 10px 5px 10px;
	background-color:#FFF;
	color:#999;
	border:1px solid #999;
}
div.buttonGroupBox {
	position:absolute;
	top:226px;
	left:100px;
	padding:5px 0 5px 0;
	vertical-align:bottom;
}

ul.listaHojasRojas {
	list-style:none;
}
ul.listaHojasRojas li {
	background:url(../images/gotaRoja.png) no-repeat 0px 3px;
	padding-left:17px;
	padding-right:5px;
	margin-bottom:5px;
	text-align:justify;
}

/**************************/
/* MENU INTERIOR */
/**************************/
#menuInterior {
	float:left;
	position:relative;
	width:160px;
	height:450px;
	z-index:0;
	top:-10px;
	margin:0px 10px 0px 10px;
/*	background:#FFF;*/
}
div#menuInterior ul {
	width:150px;
	list-style:none;
/*	padding:0px 5px 0px 5px;*/
	padding-left:5px;
	margin-top:5px;
}


div#menuInterior li {
/*	border-bottom:1px dashed #FFF;*/
	border-bottom:1px solid #FFF;
	padding:5px 5px 5px 23px;
	font-size:10px;	
}


a.linkMenuInterior:link {
	text-decoration:none;
	color:#FFF;
}
a.linkMenuInterior:hover {
	text-decoration:none;
	font-weight:bold;
	color:#006;
}
a.linkMenuInterior:visited {
	text-decoration:none;
	color:#FFF;
}
a.linkMenuInterior:active {
	text-decoration:none;
	color:#FFF;
}

