/* Fuente Roboto Condensed y Light*/
@font-face
{
    font-family: RobotoSuCnLt;
    src: url(RobotoCondensed-Light.ttf);
}
/********************************************************************/
/** Estilos para la pagina de contactenos de la central telefónica  */
/********************************************************************/
div#CT{
	background-color:#ffffff;
	width:740px;
	height: 490px;
	margin-bottom:50px;
	margin-top:-33px;	
	margin-left:-90px;
}

/* Contenedor del mapa */
div#CT div#mapCT{
z-index:1;
margin-top: 40px;
position: absolute;
}

/* Contenedor de datos de contacto y curva blanca */
div#cntCT{
	display:inline-block;
	background-image:url(../images/contactos/bg_CT.png);
	background-repeat:no-repeat;
	width:100%;
	height: 163px;
	margin-top:-120px;
	z-index:1;
        position: absolute;
        margin-top: 390px;
}

/* Dirección */
div#dirCT{
	font-family:"RobotoSuCnLt";
	font-weight: 300;
	font-size:15px;
	color: #6E6E6E;
	width:260px;
	float:right;
	margin:29px -10px 0 0;	
        text-align: right;
        padding-right: 10px;
        
        padding-top: 20px;
        position: absolute;
        display: block;
        float: right;
        width:740px;
        
}

/* Telefono */
div#telCT {
    clear:both;
	float:right;
	margin:8px 7px 0 0;
	width:380px;
        
}
div#telCT div.tit {
	float:right;
	margin-right:10px;
	font-family:"RobotoSuRegular";	
	font-size:18px;
	color: #6e6e6e;        
}

div#telCT div.dat{
	float:right;
	font-family:"Trebuchet MS", "Trebuchet";
	font-size:14,14px;
	font-weight:bold;
	margin-top:6px;
}

.datoContac{
    float: left;
    margin-left: 10px;
    font-family:"Trebuchet MS", "Trebuchet";
    font-size: 11px;
    font-weight:bold;
}

.centralTelef{
    float: left;
    font-family:"RobotoSuRegular";	
    font-size:16px;
    color: #6e6e6e;            
}

/********************************************************************/
/** Estilos para la página de contactenos de Recursos Humanos       */
/********************************************************************/
div#RH{
	background-color:#ffffff;
	width:496px;
	height: 300px;
	margin-bottom:50px;
	margin-top:-33px;
	padding:0px;
}

/* Menu */
div#RH div#menuRH{
	background-color: #ffFFFF;
    height: 100px;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
}

div#RH div#menuRH ul{
	list-style:none;
	margin: 0px 1px 0 0;
	padding: 0px !important;
	float: right;
	border-left:1px #e4e3e4 solid;
}

div#RH div#menuRH ul li{
	float: left;
	display:inline-block;
	height:100px;
	z-index:1;
	background-color:#ffffff;
	width:60px;
	padding: 15px 22px 0 22px;
	border-right:1px #e4e3e4 solid;
	text-align:center;
}

div#RH div#menuRH ul li a{
	text-decoration:none;
	font-family:"RobotoSuCnLt";
	font-weight: 300;
	font-size:16px;
	color:#a1a1a1;
	z-index:1;
	
}
/* Curva */
div#RH div#curvaRH{
    background-image: url("../images/contactos/bg_RH.png");
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 160px;
    margin-top: -50px;
    width: 100%;
    z-index: 999 !important;
}

/********************************************************************/
/** Estilos para las páginas de contactenos generales               */
/********************************************************************/
div.cat_con{
	width: 515px;
	min-height:175px;
	background-color:#ffffff;
	margin-top:-29px;
}
/*Contenedor de contacto*/
div.cat_con {
}

div.con{
    float:left;
    width:235px;
    height:75px;
    margin-right: 20px;	
    margin-bottom: 20px;
}


/*Nombre del contacto*/
div.cat_con div.con span.nom{
	font-family:"RobotoSuCnLt";
	font-size:18px;
	color:#a1a1a1;
}

/*descripción del contacto*/
div.cat_con div.con span.dep p, div.cat_con div.con span.dep p a{
	margin:0 !important;
	padding:0 !important;
	font-family:"Trebuchet MS", "Trebuchet";
	font-size:13px;
	color:#6e6e6e;
	text-decoration:none;
}

/*Menu ver mapa*/
div.menuMapa{
	margin-top:-32px;
}

div.menuMapa ul.joomla-nav{
	background-color: #ffffff;
	list-style: none;
	display:inline-block;
	width:507px;
	border-bottom:solid #e4e4e4 1px;
	padding:0 !important;
}
div.menuMapa ul li{
	float:right;
	background-color:#e4e4e4;
	padding:6px 14px 6px 14px;
	margin:0px;
}

div.menuMapa ul li a{
	color:#848484;
	text-decoration:none;
	font-family:"RobotoSu";
	font-size:14px;
}

.phocamaps{
    position: relative;
    z-index: 1;
}

.phocamaps-box{
    position: relative;
    z-index: 1;
}