﻿
/*Flap level 1*/
#flap_lev1 li.flap_lev1_portable{background:url('image/flap_lev1_portable.gif') no-repeat top left;}
#flap_lev1 li.flap_lev1_sos{background:url('image/flap_lev1_sos.gif') no-repeat top left;}
#flap_lev1 li.flap_lev1_vehicle{background:url('image/flap_lev1_vehicle.gif') no-repeat top left;}
#flap_lev1 li.flap_lev1_mobile{background:url('image/flap_lev1_mobile.gif') no-repeat top left;}
#flap_lev1 li.flap_lev1_corporative{background:url('image/flap_lev1_corporative.gif') no-repeat top left;}
#flap_lev1 li.flap_lev1_foot{background:url('image/flap_lev1_foot.gif') no-repeat top left;}
#flap_lev1 li.flap_lev1_emp{background:url('image/flap_lev1_emp.gif') no-repeat top left;}
/**/

#menu_level2.hover_portatil .flap_lev2_act a{color:#1e9033; text-decoration:none;}
#menu_level2.hover_auto .flap_lev2_act a{color:#8811d4; text-decoration:none;}
#menu_level2.hover_ayuda .flap_lev2_act a{color:#d4112d; text-decoration:none;}
#menu_level2.hover_movil .flap_lev2_act a{color:#bc9613; text-decoration:none;}
#menu_level2.hover_corpo .flap_lev2_act a{color:#f6851f; text-decoration:none;}

#menu_level2.hover_portatil .flap_lev2_act a:hover{background-color:#ffffff;}
#menu_level2.hover_auto .flap_lev2_act a:hover{background-color:#ffffff;}
#menu_level2.hover_ayuda .flap_lev2_act a:hover{background-color:#ffffff;}
#menu_level2.hover_movil .flap_lev2_act a:hover{background-color:#ffffff;}
#menu_level2.hover_corpo .flap_lev2_act a:hover{background-color:#ffffff;}

#sps_device{position:relative; top:0px; height:138px; width:257px; padding:10px; padding-top:5px;}
#sps_device .lbl1{ padding-top:5px; text-align:left; font-weight:bold;}
#sps_device .lbl2{ padding-top:5px; padding-left:120px; text-align:left; font-weight:bold; width:140px;}
#sps_device h2{ font-size:1.5em; margin-bottom:.5em; margin-top:.5em;}

.sps_devAuto{background:url('image/nAutoPlus_small.gif') no-repeat bottom left;}
.sps_devPortatil{background:url('image/NCard_small.gif') no-repeat bottom left;}
.sps_devAyuda{background:url('image/Ghost_small.gif') no-repeat bottom left;}
.sps_devMovil{background:url('image/Movil_small.gif') no-repeat bottom left;}

#sps_service{position:absolute; top:0px; left:277px;  height:138px; width:257px; padding:10px; padding-top:5px; background:url('image/service_small.gif') no-repeat bottom right;}
#sps_service .lbl1{ padding-top:5px; padding-right:80px; font-weight:bold;}
#sps_service .lbl2{ padding-top:5px; padding-right:100px; font-weight:bold;}
#sps_service h2{ font-size:1.5em; margin-bottom:.5em; margin-top:.5em;}

#sps_variable{position:absolute; top:0px; left:559px;  height:138px; width:257px; padding:10px; padding-top:5px;}
#sps_variable .lbl1{ padding-top:5px; padding-right:110px; font-weight:bold; float:none;}
#sps_variable .lbl2{ padding-top:5px; padding-right:100px; font-weight:bold;}
#sps_variable .tableheader{ padding:0; margin:0;}
#sps_variable .tableheader ul{margin:0px; padding:0px; float:none; margin-left:20px; height:0px;}
#sps_variable .tableheader li{width:180px; float:none; margin:0px; padding:0; list-style-position:inside;}
#sps_variable .tableheader li li{ left:0px;}
#sps_variable h2{ font-size:1.5em; margin-bottom:.5em; margin-top:.5em;}
#sps_variable p{text-align:left;white-space:nowrap; float:none;}
#sps_variable a:hover { color:#f6851F;}

.sps_varPortatil{background:url('image/var_objeto_small.gif') no-repeat bottom right;}
.sps_varAuto{background:url('image/var_auto_small.gif') no-repeat bottom right;}
.sps_varAyuda{background:url('image/var_ayuda_small.gif') no-repeat bottom right;}
.sps_varMovil{background:url('image/var_movil_small.gif') no-repeat bottom right;}

/*CAJAS SUB HOME DE PRODUCTO*/
#sub_principal ul{ cursor:pointer;}
#sub_principal li.product_intro { height:10%; width:100%; padding-top:5px; text-align:center; font-size:1.2em;}
#sub_principal li.product_image img { position:relative; top:20px; left:50px; text-align:center;}
#sub_principal li.product_text p{height:30%; position:relative; top:20px; left:5px; width:148px; margin:5px; margin-bottom:5px; font-weight:bold;}

/**/

/*COLORES PRODUCTOS*/

.portatil, a.portatil{color:#1e9033;}
.auto, a.auto{color:#8811d4;}
.ayuda, a.ayuda{color:#d4112d;}
.movil, a.movil{color:#bc9613;}
.corpo, a.corpo{color:#f6851f;}
.emp, a.emp{color:#4c98e3;}

p .portatil, p .ayuda, p .auto, .auto li a, .portatil li a, .ayuda li a, .movil li a, .corpo li a, .emp li a{ font-weight:bold;}

p a.portatil:link, p a.auto:link, p a.ayuda:link, p a.movil:link, p a.corpo:link, p a.emp:link  { text-decoration:underline;}

.portatil li  { list-style-image: url('image/li_portatil.gif');}
.auto li{ list-style-image: url('image/li_auto.gif');}
.ayuda li{ list-style-image: url('image/li_ayuda.gif');}
.movil li{ list-style-image: url('image/li_movil.gif');}
.corpo li { list-style-image: url('image/li_corpo.gif'); margin-left:20px;}

/*estilos en est_empresas.css

ul.emp{ padding:0px; padding-bottom:5px;}
h2.emp{ }
.emp li { list-style-image: url('image/emp_li_azul.gif'); margin-left:20px;}*/

td.portatil{ background: url('image/li_portatil.gif') no-repeat center left; padding-left: 20px;}
td.auto{background: url('image/li_auto.gif') no-repeat center left; padding-left: 20px;}
td.ayuda{background: url('image/li_ayuda.gif') no-repeat center left; padding-left: 20px;}
td.movil{background: url('image/li_movil.gif') no-repeat center left; padding-left: 20px;}
td.corpo{background: url('image/li_corpo.gif') no-repeat center left; padding-left: 20px;}
td.emp{background: url('image/emp_li_azul.gif') no-repeat center left; padding-left: 20px;}

.portatil li a:hover {color:#1e9033;}
.auto li a:hover {color:#8811d4;}
.ayuda li a:hover {color:#d4112d;}
.movil li a:hover {color:#bc9613;}
a .movil:hover {color:#bc9613; text-decoration:underline;}
.corpo li a:hover {color:#f6851f;}
.emp li a:hover {color:#4c98e3;}

 .portatil li a.portatil {color:#1e9033; text-decoration:none;}
 .auto li a.auto {color:#8811d4; text-decoration:none;}
 .ayuda li a.ayuda {color:#d4112d; text-decoration:none;}
 .movil li a.movil {color:#bc9613; text-decoration:none;}
 .corpo li a.corpo {color:#f6851f; text-decoration:none;}
 .emp li a.emp {color:#4c98e3; text-decoration:none;}
 
 .portatil li a,  .auto li a,  .ayuda li a, .movil li a, .corpo li a, .emp li a{color:#333333;}

.portatil li.pop_portatil, #ul_Pop.portatil li{ list-style-image: url('image/li_pop_portatil.gif');}
.auto li.pop_auto, #ul_Pop.auto li{ list-style-image: url('image/li_pop_auto.gif');}
.ayuda li.pop_ayuda, #ul_Pop.ayuda li{ list-style-image: url('image/li_pop_ayuda.gif');}
.movil li.pop_movil, #ul_Pop.movil li{ list-style-image: url('image/li_pop_movil.gif');}
.corpo li.pop_corpo, #ul_Pop.corpo li{ list-style-image: url('image/li_pop_corpo.gif');}


#ul_Ok.portatil ul, #ul_Ok.auto ul, #ul_Ok.ayuda ul, #ul_Ok.movil ul,  #ul_Pop.portatil ul, #ul_Pop.auto ul, #ul_Pop.ayuda ul, #ul_Pop.movil ul
{font-size: 1em; display:block; margin:0px;}

#ul_Ok.portatil li{ list-style-image: url('image/li_ok_portatil.gif');}
#ul_Ok.auto li{ list-style-image: url('image/li_ok_auto.gif');}
#ul_Ok.ayuda li{ list-style-image: url('image/li_ok_ayuda.gif');}
#ul_Ok.movil li{ list-style-image: url('image/li_ok_movil.gif');}
#ul_Ok.corpo li{ list-style-image: url('image/li_ok_corpo.gif');}

#ul_Ok.portatil li ul, #ul_Ok.auto li ul, #ul_Ok.ayuda li ul, #ul_Ok.movil li ul{ font-size: 1em; display:table-header-group; display:block ;margin:0px;}

#ul_Ok.portatil li li, #ul_Ok.auto li li, #ul_Ok.ayuda li li, #ul_Ok.movil li li{ position:relative; left:20px; padding-top:0; list-style-image:none;}
 
.hover_portatil li a:hover{background-color:#1e9033;}
.hover_auto li a:hover{background-color:#8811d4;}
.hover_ayuda li a:hover{background-color:#d4112d;}
.hover_movil li a:hover{background-color:#bc9613;}
.hover_corpo li a:hover{background-color:#f6851f;}
.hover_emp li a:hover{background-color:#4c98e3;}


#ico_portatil{ background:url('image/ico_prod_portable.gif') no-repeat center bottom;}
#ico_portatil:hover{ background:url('image/ico_prod_portable_hover.gif') no-repeat  center bottom;}

#ico_auto{ background:url('image/ico_prod_car.gif') no-repeat center bottom;}
#ico_auto:hover{ background:url('image/ico_prod_car_hover.gif') no-repeat  center bottom;}

#ico_ayuda{ background:url('image/ico_prod_boton.gif') no-repeat center bottom;}
#ico_ayuda:hover{ background:url('image/ico_prod_boton_hover.gif') no-repeat  center bottom;}

#ico_movil{ background:url('image/ico_prod_boton.gif') no-repeat center bottom;}
#ico_movil:hover{ background:url('image/ico_prod_boton_hover.gif') no-repeat  center bottom;}
