﻿#box_sx 
{
	float:left;
    margin-left:50px;
    margin-top:20px;
    width:110px;
	height:420px;
    border:0px solid black;
    padding:0px 0px 0px 0px;
}
#box_ce 
{
	position:relative;
	float:left;
    margin-left:75px;
    margin-top:20px;
    width:500px;
    height:420px;
    border:0px solid #000000;
    background-color:#000000;
    padding-left:0px;
}
#box_ce a
{
    display:block;
    float:left;
    width:55px;
    height:420px;
    margin-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    outline:none;
    border:0px solid #000000;
    color:#000000;
    text-decoration:none;
    }
#box_ce a:hover
{
    border-bottom:0px solid #000000;
    padding-left:0px;
    }
#box_ce a b, #box_ce a span
{
    display:none;
    }    
#box_ce a:hover b
{
	position:absolute;
    display:block;
    top:0px;
    left:0px;
    z-index:1;
    }
#box_ce a:hover span
{
	position:absolute;
    display:block;
    width:500px;
	height:420px;
	left:30px;
    bottom:50px;
    padding:0px;
    z-index:2;
    }
#box_ce img
{
	width:500px;
	height:420px;
}
#box_ce #foto_1
{
    background:url(../img/l_inca_foto.jpg) no-repeat;
    }
#box_ce #foto_2
{
    background: url(../img/l_led_foto.jpg) no-repeat;
    }
#box_ce #foto_3
{
    background: url(../img/l_alog_foto.jpg) no-repeat;
    }
#box_ce #foto_4
{
    background: url(../img/l_scar_foto.jpg) no-repeat;
    }
#box_ce #foto_5
{
    background: url(../img/l_fluor_foto.jpg) no-repeat;
    }
#box_ce #foto_6
{
    background: url(../img/l_misc_foto.jpg) no-repeat;
    }
#box_ce #foto_7
{
    background: url(../img/l_altap_foto.jpg) no-repeat;
    }
#box_ce #foto_8
{
    background: url(../img/l_merc_foto.jpg) no-repeat;
    }
#box_ce #foto_9
{
    background: url(../img/l_bassap_foto.jpg) no-repeat;
    margin-right:0;
    }
.box_marchi
{
	float:left;
    width:800px;
    height:auto;
    margin:auto;
    border:0px solid #D55A29;
    }
.box_marchi ul li
{
    list-style:none;
    }
.box_marchi img.link
{
    text-decoration:none;   
    list-style:none;
    border:0px solid #fff;
    }
.box_osram
{
    top:0px;
    float:left;
    width:10%;
    height:10%;
    left:0px;
	margin-left:0px;
    }
.box_osram img.link
{
    border:0px solid #fff;
    text-decoration:none;
    }
.box_radium
{
    float:left;
    top:0px;
    width:10%;
    height:10%;
    margin-left:10px;
    }
.box_airam
{
    top:0px;
    margin-left:5px;
    float:left;
    width:10%;
    height:10%;
    }
.box_leuci
{
    float:left;
    top:0px;
    width:5%;
    height:5%;
    margin-left:10px;
    }
.box_ge
{
    float:left;
 	top:0px;
    width:10%;
    height:10%;
    margin-left:10px;
    }
.box_megaman
{
    float:left;
    top:0px;
    width:10%;
    height:10%;
    margin-left:10px;
    }
.box_paulmann
{
    float:left;
    width:10%;
    height:10%;
    margin-left:10px;
    }
.box_ianiro
{
    float:left;
    width:10%;
    height:10%;
    margin-left:10px;
    }
.box_laser
{
    float:left;
    width:10%;
    height:10%;
    margin-left:10px;
    }
#box1
{  
    top:5px;
    float:left;
    right:0px;
    left:0px;
    width:auto;
}
#box1 div
{  
    top:10px;
    float:left;
    right:0px;
    left:0px;
    width:110px;
    height:55px;
}
#box1 img.link
{
    cursor:pointer;
    border:0px solid #fff;
}
#box2
{  
    top:5px;
    float:left;
    right:0px;
    left:0px;
    width:auto;
}
#box2 div
{  
    top:10px;
    float:left;
    right:0px;
    left:0px;
    width:110px;
    height:55px;
    border:0px solid #fff;
}
#box2 img.link
{
    cursor:pointer;
    border:0px solid #fff;
    }
#box3
{  
    top:5px;
    float:left;
    right:0px;
    left:0px;
    width:auto;
}
#box3 div
{  
    top:10px;
    float:left;
    right:0px;
    left:0px;
    width:100px;
    height:55px;
}
#box3 img.link
{
    cursor:pointer;
    border:0px solid #fff;
    }
.box_ph
{
    width:30%;
    height:30%;
    text-align:left;
    margin:0 auto;
    }
.box_ph ul.tema
{
    padding:0;
    margin:0;
    list-style:none;
    width:30%;
    height:30%;
    z-index:10;
    }
.box_ph ul.tema li
{
    display:block;
    width:125px;
    height:31px;
    float:left;
    }
.box_ph ul.tema li a ul, .box_ph ul.topic li ul
{
    display:none;
    }
.box_ph ul.tema li.active a
{
    color:#fff;
    background:#D55A29;
    }
.box_ph ul.tema li a:hover,
.box_ph ul.tema li:hover a
{
    color:#fff; 
    }
.box_ph ul.tema li.active ul
{
    display:block; 
    left:0px; 
    top:0px; 
    list-style:none; 
    padding:0; 
    margin:0; 
    height:224px; 
    width:193px; 
    padding:15px 18px; 
    border:0px solid #bbb; 
    z-index:1;
    }
.box_ph ul.tema li a:hover ul, 
.box_ph ul.tema li:hover ul
{
    display:block; 
    left:0px; 
    top:0px; 
    list-style:none; 
    padding:0; 
    margin:0; 
    height:234px; 
    background:#D55A29; 
    width:189px; 
    padding:15px 18px; 
    border:0px solid #aaa; 
    z-index:100;
    }

.box_ph ul.tema li ul li
{
    display:inline; 
    width:90px; 
    height:75px; 
    float:left; 
    border:1px solid #fff; 
    margin:1px;
    }
.box_ph ul.tema li ul li a
{
    display:block; 
    width:80px; 
    height: 65px; 
    cursor:pointer; 
    float:left; 
    text-decoration:none; 
    border:0px solid #888;
    }
.box_ph ul.tema li ul li a img
{
    display:block; 
    width:80px; 
    height:65px; 
    border:5px solid #D55A29;
    }
.box_ph ul.tema li a:hover ul li a:hover, 
.box_ph ul.tema li:hover ul li a:hover 
{
    white-space:normal; 
     }
.box_ph ul.tema li a:hover ul li a:hover img, 
.box_ph ul.tema li:hover ul li a:hover img 
{
    left:0px; 
    top:0px; 
    width:300px; 
    height:250px; 
    border-color:#D55A29;
    }
