/******************************************************************************/
/*                                                                            */
/*   Index.css               ( Hoja de estilo CSS3 )                          */
/*                             Ventana principal.                             */
/*                                                                            */
/*   Proyecto: Web AGFeliz.com.                                               */
/*                                                                            */
/*                                                                            */
/*   Antonio GONZÁLEZ FELIZ - C. Jirafa, 39-41. - 03699 El Moralet -ALICANTE. */
/*   AGFeliz.com            - C. Ingeniero Canales, 24. 3ºI .03013 -ALICANTE. */
/*                                                                            */
/******************************************************************************/

/*----------------------------------------------------------------------------*/

html{overscroll-behavior:none;}
.cladb{position:absolute;top:1px;left:1px;display:none;}
body{font-size:1.2em;padding:0px;margin:0px;overscroll-behavior:none;}
#iLG0{top:0px;left:0px;width:100%;height:3em;}
#iLogo1{cursor:wait;width:2em;padding:5px 10px 5px 10px;transition:2s ease;}
#iPG{position:absolute;top:3em;left:0px;width:99%;border:none;}
#iMen0{position:absolute;top:0px;left:4em;padding:0.2em;}

ul{list-style:none;background:#FFFFFF;margin:0px;padding:0.5em;}
ul li{display:inline-block;position:relative;line-height:1em;text-align:left;}
ul li a{ display:block;padding:0.5em 0.0em;color:navy;text-decoration:none;}
ul li a:hover{ color:#A00;background:#E0E0E0;}

ul li ul.clDesp{min-width:100%;background:#FFFFF0;display:none;
                position:absolute;z-index:1;left:0;}
ul li:hover ul.clDesp{display:block;}

ul li ul li ul.clDesp2{min-width:100%;background:#FFFFD0;display:none;
                       position:absolute;z-index:1;left:0;}
ul li ul li:hover ul.clDesp2{display:block;}

ul li ul li ul li ul.clDesp3{min-width:100%;background:#FFFFD0;display:none;
                       position:absolute;z-index:1;left:0;}
ul li ul li ul li:hover ul.clDesp3{display:block;}
/*
.clDesp2 li:hover ~ ul.clDesp3{display:block;}
ul.clDesp3:hover{display:block;}
*/
ul li ul li{}
ul li ul li a{color:blue;}
ul li ul li a:hover{}
ul li:hover ul{left:0em;}

ul li ul li:hover ul{left:2em;top:-.5em;}
ul li ul li ul li:hover ul{left:2em;top:-.5em;}

a img{width:36px;margin-right:10px;margin-left:10px;}
ul li ul li a img{display:none;}
ul li ul li a:hover img{display:block;left:-50px;width:36px;position:absolute;
                         top:0px;}

@media screen and (orientation:landscape){
   #iMen0{left:0%;top:5em;width:4em;}
   #iLogo1{width:4em;}
   ul li{display:block;}
   ul li:hover ul{left:1em;}
   /*ul li ul li:hover ul{left:2em;}*/
}

/*----------------------------------------------------------------------------*/