/* CSS du menu horizontal, bieler batiste */

.menu{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:500px; z-index: 10/* important for Opera7 */ }
.menu ul{ position:absolute; /* pour sortir la liste du flux de donnée */ display:block; width:165px; margin:4px 4px 0px 0px; padding:0; z-index: 10}
.menu li ul{ visibility:hidden; padding:0; z-index: 10}
.menu li li ul{ position:absolute; /* pour sortir la liste du flux de donnée */ top:auto; left:auto; margin-left:200px; margin-top:-23px; /* move the sub menu verticaly */ z-index: 10}
.menu li{ list-style:none; height:auto; display:inline; display/**/:block; float:none; float/**/:left; margin:0; padding:0; z-index: 10}
.menu li li{ display:block; float:none; z-index: 10}

/* correct a little IE bug */
* html .menu li li{ display:inline; z-index: 10}
.menu a{ text-align:left; border:0px; color:#FFF; display:block; text-decoration:none; padding:0px 0px 2px 0px; margin:0px 22px 0px 0px; z-index: 10}
.menu a:visited{ color: #FFF; border:0px; text-decoration:none; padding:0px 0px 2px 0px; margin:0px 22px 0px 0px; z-index: 10}
.menu a:hover{ color: #FFF; border:0px; text-decoration:underline; padding:0px 0px 2px 0px; margin:0px 22px 0px 0px; z-index: 10}

/* for a mozilla better display with key nav */
.menu a:focus{ background-color: transparent; z-index:10}

/* hide some accessibility stuff */
.menu span{ display:none; z-index:10}

/* just for fun ;) */
.menu li li a{ background-color: #dfdfdf; border:0px; padding-left:4px; padding-top:2px; padding-bottom:2px; text-align:left; color:#4F4F4F; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #bfbfbf; border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-left-color: #bfbfbf }
.menu li li a:link{ background-color: #dfdfdf; border:0px; padding-left:4px; padding-top:2px; padding-bottom:2px; text-align:left; color:#4F4F4F; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #bfbfbf; border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-left-color: #bfbfbf }
.menu li li a:visited{ background-color: #dfdfdf; border:0px; padding-left:4px; padding-top:2px; padding-bottom:2px; text-align:left; color:#4F4F4F; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #bfbfbf; border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-left-color: #bfbfbf }
.menu li li a:hover{ background-color: #dfdfdf; border:0px; padding-left:4px; padding-top:2px; padding-bottom:2px; text-align:left; color:#4F4F4F; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #bfbfbf; border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-left-color: #bfbfbf; text-decoration:underline }
.menu li li li a{ background-color: #7ad; border:1px #666 solid }
.menu li li li li a{ background-color: #69b; border:1px #666 solid }

/*cabezal new*/

.cabint { width: 780px; height: 53px; background:url(/img_portal/img_interior/cab/fondo.gif) repeat-x;margin:0; padding:0; border:0}
.cabint img { vertical-align:bottom; border:0}
.imgmvdcomm { width:132px; height:53px; margin:0 31px 0 10px; border:0}
.imgportal { width:166px; height:34px; border:0}
.imgconecta { width:172px; height:34px; border:0}
.imgdesarrolla { width:184px; height:34px; border:0}
#fdorange { width: 780px; height:24px; background:url(/img_portal/img_interior/cab/fdocab2.gif) repeat-x}
#hora {float: left; width: 156px;margin:4px 0 0 12px; font-size:10px;color:#FFF; padding:0}

#listaservicios {float: right; width: 600px; margin:4px 0 0 0; padding:0; background:url(/img_portal/img_interior/cab/bulletnl.gif) left no-repeat; font-size:12px}
#listaservicios img { width:11px; height:9px}
#listaservicios ul{ margin:0 0 0 12px;padding:0}
#listaservicios li {display:inline; list-style-type:none; padding: 0 6px 0 0; float:left; margin:0}
#listaservicios li a {padding: 0 6px 0 0; border-right: 1px solid #e55401; text-decoration: none; color:#FFF; background-color:transparent; margin:0}
#listaservicios li a:hover {padding: 0 6px 0 0; border-right: 1px solid #e55401; text-decoration: underline; color:#FFF; background-color:transparent; margin:0}

/* menu servicios */
#menuserv {position: absolute; z-index: 8; overflow: hidden; width:420px; visibility: hidden; margin:0; padding:0}
#iright {position: absolute; z-index: 1;overflow: hidden; width:450px; height:180px; visibility: hidden; margin:0; padding:0}

/* formato 3 columnas para el menu de servicios*/
#recuadro3col {width: 420px;border: #CCCCCC 1px solid;background-color:#FFF;padding-top:10px}
ul#trescolumnes {width: 420px;padding:0 5px 0 0;margin:0}
ul#trescolumnes:after {display: block; content: "."; visibility: hidden; width: 420px; height:154px }
ul#trescolumnes li {float: left;width: 33%;list-style:none}
ul#trescolumnes li a{float: left;text-decoration:none;padding: 0 0 5px 4px;font-size:11px;margin:0}
ul#trescolumnes li a:visited{float: left;text-decoration:none;padding: 0 0 5px 4px;;font-size:11px;margin:0}
ul#trescolumnes li a:hover{float: left;background-color: #EEF3FC;text-decoration:underline;padding: 0 0 5px 4px;font-size:11px;margin:0}

.titservicios {width:780px; height:41px; margin-bottom:10px}
