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

body {
	
	background-repeat:repeat;
	background-color: #CCC;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	}
	


a:link, a:visited, a:active {
		color: #3D81BD;
		text-decoration:none;
}

a:hover {
	color: #3D81BD;
}



p {
	font-size:13px;
	line-height:16px;
	color:#666;
}

h1 {
	font-size:16px;
	line-height:20px;
	color:#666;
}

ul {
	font-size:13px;
	line-height:20px;
	color:#666;
}

.colorwhite {
	color:#fff;
}

.colorgrey {
	color:#666;
}

.back-all {
		background-image:url(../images/back-metal.jpg);
		background-position:top center;
		background-repeat:repeat;
}


.logo-main {
		width: 1000px;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 0px;
}

.logo {
	position: absolute;
	border: none;
	margin: 40px 0 0 10px;
	z-index: 90;
	height: 111px;
}

.logo2 {
	position: absolute;
	border: none;
	margin: 30px 0px 0 30px;
	z-index: 91;
}

#container {
		padding: 20px;
		width: 1000px;
		background:#fff;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 10px;
}
	

#container-top {
		margin: 0 auto;
		padding: 10px 0 0 0;
		position: relative;
		width: 1040px;
		text-align: right;
		color: #fff;
	}

#container-top a:link, a:visited {
		color: #FFF;
	}
#container-top2 {
		margin: 0 auto;
		padding: 10px 0 10px 0;
		position: relative;
		width: 1000px;
		text-align: right;
		color: #fff;
	}

#container-top2 a:link, a:visited {
		color: #FFF;
	}

#container-middle {
		margin: 0 auto;
		position: relative;
		width: 100%;
		background-position:center top;
		background-repeat:no-repeat;
		height: 458px;
		
	}
	
#container-middle2 {
		margin: 0 auto;
		position: relative;
		width: 100%;
		background-position:center top;
		background-repeat:no-repeat;
		height: 380px;
		/*overflow:hidden;*/
		
	}

#container-middle3 {
		margin: 0 auto;
		position: relative;
		width: 100%;
		background-position:center top;
		background-repeat:no-repeat;
		overflow:hidden;
		
	}
	
#container-middle4 {
		margin: 0 auto;
		position: relative;
		width: 100%;
		background-position:center top;
		background-repeat:no-repeat;
		/*overflow:hidden;*/
		height: 320px;
	}
	
#container-bottom {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom a:link, a:visited {
		color: #FFF;
	}

#container-bottom2 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom2 a:link, a:visited {
		color: #FFF;
	}

#container-bottom3 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom3 a:link, a:visited {
		color: #FFF;
	}

#container-bottom4 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom4 a:link, a:visited {
		color: #FFF;
	}


#container-bottom5 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom5 a:link, a:visited {
		color: #FFF;
	}

#container-bottom6 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom6 a:link, a:visited {
		color: #FFF;
	}

#container-bottom7 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom7 a:link, a:visited {
		color: #FFF;
	}
	
#container-bottom8 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom8 a:link, a:visited {
		color: #FFF;
	}
	
#container-bottom9 {
		padding: 5px 20px 0 20px;
		width: 1000px;
		margin: 0 auto;
		margin-top: 5px; 

	}
	
#container-bottom9 a:link, a:visited {
		color: #FFF;
	}

#middle1 {
		left: 50%;
		margin: 0 0 0 -500px;
		position: absolute;
		width: 1000px;
		height: 410px;
	}	
	

#middle2 {
		left: 50%;
		margin: 0 0 0 -500px;
		position: absolute;
		width: 1000px;
		height: 320px;
	}	

#middle3 {
		left: 50%;
		padding: 20px 20px 5px 20px;
		background-color:#FFF;
		margin: 0 0 0 -500px;
		position: relative;
		width: 960px;
		height: 140px;
	}

#middle4 {
		left: 50%;
		margin: 0 0 0 -500px;
		position: relative;
		width: 1000px;
		height: 240px;
	}	
	
#bottom {
		
		position: relative;
		width: 1000px;
		background-position:center top;
		margin-bottom: 20px;
		height: 20px;
		color:#fff;
		
	}
	
/*#mytabsmenu {
		background-color:#FFF;
}*/
	
#middle-button1a {
		margin: -85px 0 0 780px;
		padding: 12px 0 0 0;
		position: absolute;
		float:left;
		width: 164px;
		height: 42px;
		background-image:url(../images/middle-button.png); 
		background-repeat:no-repeat;
		color: #fff;
		font-size:20px;
		text-align:center;
		/*z-index: 95;*/
		cursor:pointer;
		cursor:hand;
	}
#middle-button1a:hover {
		background-image:url(../images/middle-button-over.png);
		background-repeat:no-repeat;
		
	}
	
	
#middle-button1b {
		margin: -85px 0 0 780px;
		padding: 12px 0 0 0;
		position: absolute;
		float:left;
		width: 164px;
		height: 42px;
		background-image:url(../images/middle-button.png);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:20px;
		text-align:center;
		z-index: 80;
		cursor:pointer;
		cursor:hand;
	}
#middle-button1b:hover {
		background-image:url(../images/middle-button-over.png);
		background-repeat:no-repeat;
	}
	
#middle-button1c {
		margin: -85px 0 0 780px;
		padding: 12px 0 0 0;
		position: absolute;
		float:left;
		width: 164px;
		height: 42px;
		background-image:url(../images/middle-button.png);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:20px;
		text-align:center;
		z-index: 80;
		cursor:pointer;
		cursor:hand;
	}
#middle-button1c:hover {
		background-image:url(../images/middle-button-over.png);
		background-repeat:no-repeat;
	}
	
/* PARA EL VIDEO INSTITUCIONAL
#middle-button1d {
		margin: -85px 0 0 780px;
		padding: 12px 0 0 0;
		position: absolute;
		float:left;
		width: 164px;
		height: 42px;
		background-image:url(../images/VIDEO-INSTITUCIONAL.EXT);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:20px;
		text-align:center;
		z-index: 80;
		cursor:pointer;
		cursor:hand;
	
#middle-button1d:hover {
		background-image:url(../images/middle-button-over.png);
		background-repeat:no-repeat;
	}*/
	

#inside-button2a {
		margin: -52px 0 0 840px;
		padding: 8px 0 0 0;
		position: absolute;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;

	}
#inside-button2a:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
				
		}	

#inside-button2b {
		margin: -52px 0 0 840px;
		padding: 8px 0 0 0;
		position: absolute;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;

	}
#inside-button2b:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}

#inside-button2c {
		margin: -52px 0 0 840px;
		padding: 8px 0 0 0;
		position: absolute;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png); 
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;

	}
#inside-button2c:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}

#inside-button2d {
		margin: -52px 0 0 840px;
		padding: 8px 0 0 0;
		position: absolute;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		/*z-index:9;*/
		cursor:pointer;
		cursor:hand;

	}
#inside-button2d:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}

#inside-button2e {
		margin: -52px 0 0 840px;
		padding: 8px 0 0 0;
		position: absolute;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;

	}
#inside-button2e:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}

#button-contacto {
		margin: 0 0 0 840px;
		padding: 8px 0 0 0;
		position: relative;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;
			}
#button-contacto:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}
#button-contacto-historia{
		margin: 30px 0 0 510px;
		padding: 8px 0 0 0;
		position: relative;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;
			}
#button-contacto-historia:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}

#button-contacto-correcciones {
		margin: 0 0 0 510px;
		padding: 8px 0 0 0;
		position: relative;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;
			}
#button-contacto-correcciones:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}

#button-contacto-pdi {
		margin: -20px 0 0 510px;
		padding: 8px 0 0 0;
		position: relative;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;
			}
#button-contacto-pdi:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
		
}

#servicio-button2a {
		margin: -57px 0 0 840px;
		padding: 8px 0 0 0;
		position: absolute;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;

	}
#servicio-button2a:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
				
		}	

#servicio-button2b {
		margin: -57px 0 0 840px;
		padding: 8px 0 0 0;
		position: absolute;
		float:left;
		width: 120px;
		height: 30px;
		background-image:url(../images/inside-button.png);
		background-repeat:no-repeat;
		color: #fff;
		font-size:16px;
		text-align:center;
		cursor:pointer;
		cursor:hand;

	}
	
#servicio-button2b:hover {
		background-image:url(../images/inside-button-over.png);
		background-repeat:no-repeat;
}


.middle-calls {
		margin: 415px 0 0 -500px;
		left: 50%;
		padding: 0;
		position: absolute;
		width: 1000px;
		height: 48px;
	}
	
.middle-calls ul {
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center;
	width: 100%;

}

.middle-calls li {
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center;
}
	
.middle-calls-b1 {
		padding: 12px 0 0 0;
		margin:0;
		width: 330px;
		height: 34px;
		background-repeat:repeat-x;
		background-color: #C00;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		color:#fff;
		font: 15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
	.middle-calls-b1:hover {
		 
		background-color:#666; 
		color:#FFF;
		text-align:center;
	}
	
	.middle-calls-b2 {
		padding: 12px 0 0 0;
		margin:0;
		width: 332px;
		height: 34px;
		background-repeat:repeat-x;
		background-color: #C00;
		color:#fff;
		font:  15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
		cursor:cursor;
		cursor:hand;
	}
	
	.middle-calls-b2:hover {
	 
		background-color:#666;  
		color:#fff;
		text-align:center;
	}
	
	.middle-calls-b3 {
		padding: 12px 0 0 0;
		margin:0;
		width: 333px;
		height: 34px;
		background-color: #C00;
		color:#fff;
		font: 15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
	.middle-calls-b3:hover { 
		background-color:#666;  
		color:#fff;
		text-align:center;
	}
	
/*	PARA EL VIDEO INSTITUCIONAL; TAMBIÉN HAY QUE CAMBIAR EL ANCHO DE TODOS LOS BOTONES.
	.middle-calls-b4 {
		padding: 12px 0 0 0;
		margin:0;
		width: 204px;
		height: 34px;
		background-image:url(../images/middle-calls-back.jpg);
		background-repeat:repeat-x;
		background-color:#CCC;
		border: 1px solid #fff;
		color:#265cab;
		font-size: 15px;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
	.middle-calls-b4:hover {
		
		height:34px;
		background-image: none;
		background-repeat:repeat;
		background-color:#468dcb;
		border: 1px solid #fff;
		color:#fff;
		text-align:center;
	}
*/	

.inside-calls {
	margin: 335px 0 0 -500px;
	left: 50%;
	padding: 0;
	position: absolute;
	width: 1000px;
	height: 49px;
	}
	
.inside-calls ul {
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center;
	width: 100%;

}

.inside-calls li {
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center;
}
	
.inside-calls-a1 {
		padding: 12px 0 0 0;
		margin:0;
		width: 199px;
		height: 34px;
		background-repeat:repeat-x;
		background-color: #C00;
		border-right: 1px solid #fff;
		color:#fff;
		font: 15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
.inside-calls-a1:hover {
		 
		background-color:#666; 
		color:#fff;
		text-align:center;
	}
	
.inside-calls-a2 {
		padding: 12px 0 0 0;
		margin:0;
		width: 198px;
		height: 34px;
		background-color: #C00;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		color:#fff;
		font:  15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
		cursor:cursor;
		cursor:hand;
	}
	
.inside-calls-a2:hover {
	 
		background-color:#666;
		color:#fff;
		text-align:center;
	}
	
.inside-calls-a3 {
		padding: 12px 0 0 0;
		margin:0;
		width: 198px;
		height: 34px;
		background-color: #C00;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		color:#fff;
		font: 15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
.inside-calls-a3:hover { 
		background-color:#666; 
		color:#fff;
		text-align:center;
	}
	

.inside-calls-a4 {
		padding: 12px 0 0 0;
		margin:0;
		width: 198px;
		height: 34px;
		background-color: #C00;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		color:#fff;
		font: 15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
.inside-calls-a4:hover {
		
		background-color:#666; 
		color:#fff;
		text-align:center;
	}



.inside-calls-a5 {
	padding: 12px 0 0 0;
		margin:0;
		width: 198px;
		height: 34px;
		background-color: #C00;
		border-left: 1px solid #fff;
		color:#fff;
		font: 15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
.inside-calls-a5:hover {
		
		background-color:#666;
		color:#fff;
		text-align:center;
	}

.servicio-calls {
		margin: 15px 0 0 -500px;
		left: 50%;
		padding: 0;
		position: absolute;
		width: 1000px;
		height: 48px;
	}
	
.servicio-calls ul {
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center;
	width: 100%;

}

.servicio-calls li {
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center;
}
	
.servicio-calls-b1 {
		padding: 12px 0 0 0;
		margin:0;
		width: 332px;
		height: 34px;
		background-repeat:repeat-x;
		background-color: #C00;
		color:#fff;
		font: 15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
	}
	
	.servicio-calls-b1:hover {
		 
		background-color:#666; 
		color:#FFF;
		text-align:center;
	}
	
	.servicio-calls-b2 {
		padding: 12px 0 0 0;
		margin:0;
		width: 330px;
		height: 34px;
		background-repeat:repeat-x;
		background-color: #C00;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		color:#fff;
		font:  15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
		cursor:cursor;
		cursor:hand;
	}
	
	.servicio-calls-b2:hover {
	 
		background-color:#666;  
		color:#fff;
		text-align:center;
	}
	
.servicio-calls-b3 {
		padding: 12px 0 0 0;
		margin:0;
		width: 333px;
		height: 34px;
		background-color: #C00;
		color:#fff;
		font:  15px Arial, Helvetica, sans-serif ;
		line-height:17px;
		text-align:center;
		float:left;
		cursor:cursor;
		cursor:hand;
	}
	
.servicio-calls-b3:hover {
	 
		background-color:#666;  
		color:#fff;
		text-align:center;
	}

.selected {
		background-color:#666;
	}
		
.middle-txt {
	padding: 20px;
	margin: 0 auto;
	margin-top: 10px;
	overflow:hidden;
	position: relative;
	background-color:#FFF;
	width: 1000px;
	
		
	}	
	.middle-txt p {
		padding: 0px;
		font-size:24px;
		line-height: 32px;
		text-align:center;
		margin: 0;
	}
.middle-txt2 {
	padding: 0 20px 20px 20px;
	margin: 0 auto;
	margin-top: -10px;
	overflow:hidden;
	position: relative;
	background-color:#FFF;
	width: 1000px;
			
	}
	.middle-txt2 p {
		padding: 0px;
		margin: 0;
	}
	
.middle-txt2 a, .middle-txt2 a:active, .middle-txt2 a:visited {
		color: #64a4db;
	
	}	

.middle-txt3 {
	padding: 5px 20px 20px 20px;
	margin: 0 auto;
	margin-top: 0px;
	overflow:hidden;
	position: relative;
	background-color:#FFF;
	width: 960px;
			
	}

.middle-txt4 {
	padding: 0 20px 20px 20px;
	margin: 0 auto;
	margin-top: -10px;
	overflow:hidden;
	position: relative;
	background-color:#FFF;
	width: 1000px;
			
	}
	.middle-txt2 p {
		padding: 0px;
		margin: 0;
	}
	
.middle-txt2 a, .middle-txt2 a:active, .middle-txt2 a:visited {
		color: #64a4db;
	
	}	

.column-left {
	position:relative;
	float:left;
	border: 5px solid #999;
	background-color:#ccc;
	padding:4px 0 4px 20px;
	margin:0;
	width: 930px;
}

/*.column-left img{
	padding: 0;
	margin: 16px 16px 16px 0;
	position:relative;
	float:left;
}*/


.column-right {
	position:relative;
	float:left;
	padding:0;
	margin:0;
	width: 290px;
	height: 455px;
	background-image:url(../images/submenu-back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.column-right ul {
	padding:64px 40px 10px 20px;
	margin:0;
	list-style:none;
}

.column-right ul li {
	padding:0 0 10px 0;
	margin:0;
	font-size:13px;
}



.column-right2 {
	position:relative;
	float:left;
	padding:0;
	margin: 1px 0 0 0;
	width: 290px;
	height: 455px;
	background-image:url(../images/back-metal.jpg);
	background-repeat:repeat;
	background-position:left top;
}

.column-right2 ul {
	padding:64px 40px 10px 20px;
	margin:0;
	list-style:none;
}

.column-right2 ul li {
	padding:0 0 10px 0;
	margin:0;
	font-size:13px;
}

.column-right2 ul li a, .column-right2 ul li a:active, .column-right2 ul li a:visited {
		color:#fff;
}





/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
width: 100%;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
}



#banner1 {
	position:absolute;
	
}

#banner2 {
	position:absolute;
	top: 0;
}

#banner3 {
	position:absolute;
	top: 0;
}

#banner4 {
	position:absolute;
	top: 0;
}

#banner5 {
	position:absolute;
	top: 0;
}

/*#banner6 {
	position:absolute;
	top: 0;
}

#banner7 {
	position:absolute;
	top: 0;
}

#banner8 {
	position:absolute;
	top: 0;
}

#banner9 {
	position:absolute;
	top: 0;
}

#banner10 {
	position:absolute;
	top: 0;
}*/

.button_hand {
	cursor:pointer;
	cursor:hand;
	float:left;
}

.button_arrow {
	
	float:left;
}