/****************** PAGINA WEB REDFLEXIÓN *******/

/*#############  Declaraciones Generales #############*/

body{
margin-top:0px;
background-color:#fff;
font-family:verdana,helvetica,arial;
}

#contG{
margin-top:0px
position:relative;
width:851px;
height:633px;
margin: 0 auto;
background-color:#fff;
text-align:left;
}




/*****************  INDEX  **************/

#contFondo{
width:851px;
height:607px;
}


/********* Cabeceras **********/

#contCabecera{
width:851px;
height:153px;
}


#contSuperiorNosotros{
width:851px;
height:98px;
background-image:url(img/sup_nosotros.jpg);
background-repeat:no-repeat;
}

#contSuperiorServicios{
width:851px;
height:98px;
background-image:url(img/sup_servicios.jpg);
background-repeat:no-repeat;
}

#contSuperiorEspecializacion{
width:851px;
height:98px;
background-image:url(img/sup_especializacion.jpg);
background-repeat:no-repeat;
}

#contSuperiorClientes{
width:851px;
height:98px;
background-image:url(img/sup_clientes.jpg);
background-repeat:no-repeat;
}

#contSuperiorEquipoHumano{
width:851px;
height:98px;
background-image:url(img/sup_equipo.jpg);
background-repeat:no-repeat;
}

#contSuperiorAlianzas{
width:851px;
height:98px;
background-image:url(img/sup_alianzas.jpg);
background-repeat:no-repeat;
}

#contSuperiorContacta{
width:851px;
height:98px;
background-image:url(img/sup_contacta.jpg);
background-repeat:no-repeat;
}

#contSuperiorNoticias{
width:851px;
height:98px;
background-image:url(img/sup_noticias.jpg);
background-repeat:no-repeat;
}

#contSuperiorRegistro{
width:851px;
height:98px;
background-image:url(img/sup_registro.jpg);
background-repeat:no-repeat;
}






#contImgCabNosotros{
width:851px;
height:55px;
background-image:url(img/nosotros.jpg);
background-repeat:no-repeat;
}

#contImgCabServicios{
width:851px;
height:55px;
background-image:url(img/servicios.jpg);
background-repeat:no-repeat;
}

#contImgCabEspecializacion{
width:851px;
height:55px;
background-image:url(img/especializacion.jpg);
background-repeat:no-repeat;
}

#contImgCabClientes{
width:851px;
height:55px;
background-image:url(img/clientes.jpg);
background-repeat:no-repeat;
}

#contImgCabEquipoHumano{
width:851px;
height:55px;
background-image:url(img/equipo.jpg);
background-repeat:no-repeat;
}

#contImgCabAlianzas{
width:851px;
height:55px;
background-image:url(img/alianzas.jpg);
background-repeat:no-repeat;
}

#contImgCabContacta{
width:851px;
height:55px;
background-image:url(img/contacta.jpg);
background-repeat:no-repeat;
}

#contImgCabNoticias{
width:851px;
height:55px;
background-image:url(img/noticias.jpg);
background-repeat:no-repeat;
}

#contImgCabRegistro{
width:851px;
height:55px;
background-image:url(img/registro.jpg);
background-repeat:no-repeat;
}





/******************* contenedor menu  *************/

#contMenu{
width:851px;
height:55px;
}

#contMenu p{
margin:0px;
padding:0px;
}

#contMenu ul{
float:left;
list-style:none;
margin:0px;
padding:0px;
}

#contMenu li{
display:inline;
text-align:left;
}

#contMenu a{
float:left;
color:#000;
margin-top:20px;
margin-left:20px;
text-decoration:none;
font-size:0.8em;
}

#contMenu a:link{color:#000;}
#contMenu a:visited{color:#000;}
#contMenu a:hover{color:#fff;}
#contMenu a:active{color:#000;}


/********** cuerpo **********/

#contCuerpo{
width:851px;
height:480px;
background-image:url(img/img_fondo.jpg);
background-repeat:no-repeat;
}

#contCuerpo2{
width:851px;
height:480px;
background-image:url(img/img_fondo2.jpg);
background-repeat:no-repeat;
}

#contGeneralTexto{
float:left;
width:710px;
}

#contTexto{
float:right;
width:384px;
margin-top:60px;
}

#contTexto p{
margin:3px;
padding:0px;
font-size:0.6em;
font-weight:bold;
text-align:justify;
}

.flotarIzq{
float:left;
}

#contTexto h2{
font-size:0.6em;
color:#F78500;
font-weight:bold;
margin:0px;
padding:0px;
}

#contTexto h3{
font-size:0.6em;
color:#F78500;
font-weight:bold;
margin:10px;
padding:0px;
}

#contTexto ul{
float:left;
list-style:none;
}

#contTexto li{
text-align:left;
}

#contTexto a{
margin:0px;
text-decoration:none;
font-size:0.8em;
font-weight:bold;
}

#contTexto a:link{color:#F78500;}
#contTexto a:visited{color:#F78500;}
#contTexto a:hover{color:#666;}
#contTexto a:active{color:#F78500;}





#contVacioNosotros{
width:851px;
height:35px;
}

#contVacioServicios{
width:851px;
height:80px;
}

#contVacioConsultoria{
width:851px;
height:60px;
}

#contVacioAsistencia{
width:851px;
height:60px;
}

#contVacioFormacion{
width:851px;
height:50px;
}

#contVacioDesarrollo{
width:851px;
height:60px;
}



#contGeneralEnConstruccion{
float:left;
width:600px;
margin-top:200px;
}

#contTextoEnConstruccion{
float:right;
}

#contTextoEnConstruccion p{
font-size:1em;
font-weight:bold;
text-align:left;
color:#F78500;
}


/************  MENU EQUIPO HUMANO  ***********/

#contGeneralMenuEquipo{
float:left;
width:150px;
height:201px;
margin-top:70px;
}

#contMenuEquipo{
float:right;
width:130px;
height:201px;
}


#imgDirector{
float:left;
display:block;
width:20px;
height:201px;
}

#imgDirector:link{
background-image:url(img/botones/director.jpg)
}

#imgDirector:visited{
background-image:url(img/botones/director.jpg)
}

#imgDirector:hover{
background-image:url(img/botones/director_gris.jpg)
}

#imgDirector:active{
background-image:url(img/botones/director_1.jpg)
}





#imgProyectos{
float:left;
display:block;
width:20px;
height:201px;
margin-left:5px;
}

#imgProyectos:link{
background-image:url(img/botones/proyectos.jpg)
}

#imgProyectos:visited{
background-image:url(img/botones/proyectos.jpg)
}

#imgProyectos:hover{
background-image:url(img/botones/proyectos_gris.jpg)
}

#imgProyectos:active{
background-image:url(img/botones/proyectos.jpg)
}





#imgMercado{
float:left;
display:block;
width:20px;
height:201px;
margin-left:5px;
}

#imgMercado:link{
background-image:url(img/botones/mercado.jpg)
}

#imgMercado:visited{
background-image:url(img/botones/mercado.jpg)
}

#imgMercado:hover{
background-image:url(img/botones/mercado_gris.jpg)
}

#imgMercado:active{
background-image:url(img/botones/mercado.jpg)
}





#imgAdministracion{
float:left;
display:block;
width:20px;
height:201px;
margin-left:5px;
}

#imgAdministracion:link{
background-image:url(img/botones/administracion.jpg)
}

#imgAdministracion:visited{
background-image:url(img/botones/administracion.jpg)
}

#imgAdministracion:hover{
background-image:url(img/botones/administracion_gris.jpg)
}

#imgAdministracion:active{
background-image:url(img/botones/administracion.jpg)
}






#imgDepartamento5{
float:left;
display:block;
width:20px;
height:201px;
margin-left:5px;
}

#imgDepartamento5:link{
background-image:url(img/botones/departamento_5.jpg)
}

#imgDepartamento5:visited{
background-image:url(img/botones/departamento_5.jpg)
}

#imgDepartamento5:hover{
background-image:url(img/botones/departamento_5_gris.jpg)
}

#imgDepartamento5:active{
background-image:url(img/botones/departamento_5.jpg)
}




/**************  MENU DEPARTAMETOS ************/


/**** departamento 1 ****/

#contGeneralMenuDepartamento1{
float:left;
width:50px;
height:201px;
margin-top:70px;
}

#contMenuDepartamento1{
float:right;
width:30px;
height:201px;
}



#contGeneralMenuDesplazado1{
float:right;
width:125px;
height:201px;
margin-top:70px;
}

#contMenuDesplazado1{
float:left;
width:105px;
height:201px;
}





/**** departamento 2 ****/

#contGeneralMenuDepartamento2{
float:left;
width:75px;
height:201px;
margin-top:70px;
}

#contMenuDepartamento2{
float:right;
width:55px;
height:201px;
}


#contGeneralMenuDesplazado2{
float:right;
width:100px;
height:201px;
margin-top:70px;
}

#contMenuDesplazado2{
float:left;
width:80px;
height:201px;
}


/**** departamento 3 ****/

#contGeneralMenuDepartamento3{
float:left;
width:100px;
height:201px;
margin-top:70px;
}

#contMenuDepartamento3{
float:right;
width:80px;
height:201px;
}


#contGeneralMenuDesplazado3{
float:right;
width:75px;
height:201px;
margin-top:70px;
}

#contMenuDesplazado3{
float:left;
width:55px;
height:201px;
}


/**** departamento 4 ****/

#contGeneralMenuDepartamento4{
float:left;
width:125px;
height:201px;
margin-top:70px;
}

#contMenuDepartamento4{
float:right;
width:105px;
height:201px;
}


#contGeneralMenuDesplazado4{
float:right;
width:50px;
height:201px;
margin-top:70px;
}

#contMenuDesplazado4{
float:left;
width:30px;
height:201px;
}


/**** departamento 5 ****/

#contGeneralMenuDepartamento5{
float:left;
width:150px;
height:201px;
margin-top:70px;
}

#contMenuDepartamento5{
float:right;
width:130px;
height:201px;
}



/********* estilos de cada departamento  ********/

#contGeneralCargosDep1{
float:left;
width:420px;
margin-top:100px;
}

#contGeneralCargosDep2{
float:left;
width:395px;
margin-top:100px;
}

#contGeneralCargosDep3{
float:left;
width:370px;
margin-top:100px;
}

#contGeneralCargosDep4{
float:left;
width:345px;
margin-top:100px;
}

#contGeneralCargosDep5{
float:left;
width:320px;
margin-top:100px;
}

#contCargos{
float:right;
width:150px;
}

#contCargos a{
text-decoration:none;
display:block;
font-size:0.9em;
font-weight:bold;
}

#contCargos a:link{color:#666;}
#contCargos a:visited{color:#666;}
#contCargos a:hover{color:#fff;}
#contCargos a:active{color:#666;}






#contGeneralDirector{
float:left;
width:520px;
margin-top:70px;
}

#contDirector{
float:right;
width:250px;
}

#contDirector a{
text-decoration:none;
display:block;
font-size:0.9em;
font-weight:bold;
margin-bottom:15px;
}

#contDirector a:link{color:#666;}
#contDirector a:visited{color:#666;}
#contDirector a:hover{color:#fff;}
#contDirector a:active{color:#666;}



#contGeneralProyectos{
float:left;
width:495px;
margin-top:70px;
}

#contProyectos{
float:right;
width:250px;
}

#contProyectos a{
text-decoration:none;
display:block;
font-size:0.9em;
font-weight:bold;
margin-bottom:15px;
}

#contProyectos a:link{color:#666;}
#contProyectos a:visited{color:#666;}
#contProyectos a:hover{color:#fff;}
#contProyectos a:active{color:#666;}




#contGeneralMercado{
float:left;
width:495px;
margin-top:70px;
}

#contMercado{
float:right;
width:270px;
}

#contMercado a{
text-decoration:none;
display:block;
font-size:0.9em;
font-weight:bold;
margin-bottom:15px;
}

#contMercado a:link{color:#666;}
#contMercado a:visited{color:#666;}
#contMercado a:hover{color:#fff;}
#contMercado a:active{color:#666;}




#contGeneralAdministracion{
float:left;
width:495px;
margin-top:70px;
}

#contAdministracion{
float:right;
width:270px;
}

#contAdministracion a{
text-decoration:none;
display:block;
font-size:0.9em;
font-weight:bold;
margin-bottom:15px;
}

#contAdministracion a:link{color:#666;}
#contAdministracion a:visited{color:#666;}
#contAdministracion a:hover{color:#fff;}
#contAdministracion a:active{color:#666;}



#contMarco{
float:left;
width:105px;
height:115px;
margin-top:70px;
background-color:#F88500;
}

#contFoto{
width:85px;
height:95px;
background-color:#000;
margin-top:10px;
margin-left:10px;
}

#contNombreCargo{
float:left;
width:250px;
margin-top:70px;
margin-left:10px;
}

#contNombreCargo p{
font-size:0.9em;
font-weight:bold;
color:#666;
margin:0px;
padding:0px;
}




#contDescripcion{
float:left;
width:280px;
height:20px;
margin-top:70px;
margin-left:10px;
}

#contDescripcion p{
font-size:0.8em;
font-weight:bold;
color:#666;
margin:0px;
padding:0px;
}

#contDescripcion a{
text-decoration:none;
display:block;
font-size:0.9em;
font-weight:bold;
margin-top:15px;
}

#contDescripcion a:link{color:#fff;}
#contDescripcion a:visited{color:#fff;}
#contDescripcion a:hover{color:#666;}
#contDescripcion a:active{color:#fff;}



/**************  Seccion Contacta  ***************/

#contGeneralImg{
float:left;
width:676px;
height:350px;
margin-top:30px;
}

#contImgMapa{
float:right;
width:500px;
height:350px;
background-image:url(img/mapa.jpg);
background-repeat:no-repeat;
border:2px solid;
border-color:#F78500;
}


#contGeneralTextoContacta{
float:left;
width:550px;
margin-top:20px;
}

#contTextoContacta{
float:right;
width:250px;
}

#contTextoContacta p{
margin:3px;
padding:0px;
font-size:0.6em;
font-weight:bold;
text-align:center;
}

#contTextoContacta a{
margin:0px;
text-decoration:none;
font-weight:bold;
}

#contTextoContacta a:link{color:#F78500;}
#contTextoContacta a:visited{color:#F78500;}
#contTextoContacta a:hover{color:#666;}
#contTextoContacta a:active{color:#F78500;}