/* Estilos Artema General */

/*  GENERALES */
body{
background-color: #000;
font: normal 0.7em/1.5em Arial;
margin-top: 5px;
}

ul{
list-style:none;
}

a, a:link, a:visited{
color:#fff;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#fff;
}

*{
padding:0;
margin:0;
}

img{
border:none;
}

#wrap{
margin: 10px auto;
width:781px;
height: auto;
border:1px solid #000;
}
/* FIN */

/* FOOTER */
#footer {
width: 781px;
float:left;
background: #333;
margin: 0;
height: 40px;
border-top: 1px solid #fff;
}
#footer p{
font-size: 11px;
text-align: center;
color:#fff;
padding-top: 10px;
}
li.hide{
font-size:1px;
visibility:hidden;
height:1px;
padding:0px 0px 0px 0px;
margin:0px;
}
/* FIN */

/* HEADER */
#header {
height:auto;
width:781px;   
}
#header img{
float:left;
}
#header h1{
border-left: solid 1px #fff;
font-size: 12px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color:#fff;
font-weight: normal;
letter-spacing: .7em;
padding: 5px 0px 5px 20px;
float: left;
width:400px;
margin-top:10px;   
}
#header p{
font-size: 9px;
float: left;   
padding-right: 10px;
padding-top: 36px;
width:48px;
}
#header ul.idiomas{
font-size: 9px;
float: left;   
color:#fff;
border-left: 1px solid #fff;
padding-left:  10px;
width:70px;   
margin-bottom: 10px;
}
#header ul.idiomas li{
height:12px;   
}
#header ul.menu{
font-size: 12px;   
color:#fff;
height:22px;
width:693px;
float:left;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-top: solid 1px #fff;
padding:5px 0px 0px 86px;
background: url(/img/bg-menu.gif ) no-repeat 0 0 #333;
}
#header ul.menu li{
padding: 0px 20px 0px 20px;
border-right: 1px solid #fff;
display:inline;
}
#header ul.menu.de li{
padding:0px 15px;
}
#header ul.menu li.ultimo{
border-right: none;   
}
.menu a:link, .submenu a:visited{
color:#fff;       
}
.menu a:hover, .submenu a:active{
color:#ffcc00;   
text-decoration:none;   
}
#header ul.tipo{
font-size: 12px;   
color:#ffcc00;
height:61px;
background-color: #333;
width:77px;
float:left;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;   
background: url(/img/bg-tipo.gif ) no-repeat 0 0 #333;
padding:5px 0px 0px 35px;
}
#header ul.tipo li{
float:left;
}

#header .lineadesignes,
#header .lineadesignde,
#header .lineadesignen,
#header .lineadesignfr,
#header .lineadesignit{
width:666px;
border:1px solid #fff;
float:left;
height:65px;
}
#header .lineadesignes{
background: url(/img/titulo-design.gif) no-repeat right bottom #59B101 ;
}
#header .lineadesignde{
background: url(/img/de-design.gif) no-repeat right bottom #59B101 ;
}
#header .lineadesignen{
background: url(/img/en-design.gif) no-repeat right bottom #59B101 ;
}
#header .lineadesignfr{
background: url(/img/fr-design.gif) no-repeat right bottom #59B101 ;
}
#header .lineadesignit{
background: url(/img/it-design.gif) no-repeat right bottom #59B101 ;
}
#header .lineadesignes h3,
#header .lineadesignde h3,
#header .lineadesignen h3,
#header .lineadesignfr h3,
#header .lineadesignit h3{
width:98px;
border-right: 1px solid #fff;
background-color: #3C7601;
float:left;
height:25px;
padding: 40px 0px 0px 5px;
color:#FFF;
font-size: 11px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#header .lineaclassices,
#header .lineaclassicde,
#header .lineaclassicen,
#header .lineaclassicfr,
#header .lineaclassicit{
width:666px;
border: 1px solid #fff;
float:left;
height:65px;
}
#header .lineaclassices{
background: url(/img/titulo-classic.gif) no-repeat right bottom #999A00 ;
}
#header .lineaclassicde{
background: url(/img/de-classic.gif) no-repeat right bottom #999A00 ;
}
#header .lineaclassicen{
background: url(/img/en-classic.gif) no-repeat right bottom #999A00 ;
}
#header .lineaclassicfr{
background: url(/img/fr-classic.gif) no-repeat right bottom #999A00 ;
}
#header .lineaclassicit{
background: url(/img/it-classic.gif) no-repeat right bottom #999A00 ;
}
#header .lineaclassices h3,
#header .lineaclassicde h3,
#header .lineaclassicen h3,
#header .lineaclassicfr h3,
#header .lineaclassicit h3{
width:98px;
border-right: 1px solid #fff;
background-color: #685406;
float:left;
height:25px;
padding: 40px 0px 0px 5px;
color:#FFF;
font-size: 11px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#header .linea{
width:666px;
border: 1px solid #fff;
float:left;
height:65px;
background: url( /img/menu2-bg.jpg) repeat-x 0 0px #949494;
}
#header .linea h3{
width:98px;
border-right: 1px solid #fff;
background-color: #3C7601;
float:left;
height:25px;
padding: 40px 0px 0px 5px;
color:#FFF;
font-size: 11px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#header .linea h2{
float:right;
padding: 33px 25px 10px 25px;
color:#FFF;
font-size: 35px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/*FIN */

/* CONTENT */
#content{
width:780px;   
height:auto;
float:left;
}
#content .design{
width:780px;   
background: url(../img/bg-contenido-design.gif) repeat-y 0 0px #fff;
height:auto;
float:left;
border-left:1px solid #fff;
}
#content .classic{
width:780px;   
background: url(../img/bg-contenido-classic.gif) repeat-y 0 0px #fff;
height:auto;
float:left;
border-left:1px solid #fff;
}
#content .general{
width:780px;   
background: url(../img/bg-contenido-general.gif ) repeat-y 0 0px #fff;
height:auto;
float:left;
border-left:1px solid #fff;
}
#content .submenudesign{
font-size: 11px;   
color:#000;
width:233px;
float:left;
background: url(/img/design-bg-lateral.jpg ) no-repeat 0 0  ;
min-height: 435px;
}
#content .accesorio{
background: url(/img/accesorios-bg-lateral.jpg) no-repeat 0 0  ;
}
#content .submenuclassic{
font-size: 11px;   
color:#000;
width:233px;
float:left;
background: url(/img/classic-bg-lateral.jpg) no-repeat 0 0  ;
min-height: 435px;
}
#content .submenudesign ul,
#content .submenuclassic ul{
margin-left:  112px;
background-color: #D5D5D5;
width:90px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding:25px 8px 25px 5px;
text-align:right;   
height: 399px;
color:#CC0000;
}
#content ul.submenudesign li,
#content ul.submenuclassic li{
padding-bottom: 10px;               
}
#content .design .submenudesign ul .activo,
#content .classic .submenuclassic ul .activo{
font-weight:bold;
}
.submenudesign a:link, .submenuclassic a:link {
color:#000;       
}
.submenudesign a:visited, .submenuclassic a:visited{
color:#000;       
}
.submenudesign a:hover, .submenuclassic a:hover {
color:#CC0000;   
text-decoration:none;   
}
.submenudesign a:active, .submenuclassic a:active{
color:#CC0000;   
text-decoration:none;   
}
#content .contenido{
width: 547px;   
float:left;
background-color:#fff;
padding-top:15px;
min-height:347px;   
}
.contenido .portada{
border-right: 1px solid #fff;
height:362px;
position:absolute;
margin-left:-15px;
margin-top:-15px;
}
.portada img{
border:none;
padding-bottom:87px;
background-color:#3c7500;
}
.portada img.fotoclassic{
background-color:#685406;
}
/* FIN */
/* Apartados generales parte izquierda */
#content .contenidognrl{
width:632px;
float:left;
background-color:#fff;
padding-top:30px;
padding-left:35px;
}
#content .empresa{
font-size: 11px;   
color:#000;
width:113px;
float:left;
background: url(/img/bg-submenu.jpg) no-repeat 0 0;
height:435px;
}
.previsualizacion{
background-color:#ccc;
border:1px solid #000;
position:absolute;
top:30px;
text-align:center;
vertical-align:middle;
padding:25px;
}
.previsualizacion .previsualizacionContenedor{
width:100%;
height:100%;
border:1px solid #555;
}
.previsualizacion .botonCerrar{
position:absolute;
right:4px;
top:4px;
background:no-repeat url(/img/selectores/cerrar.gif);
width:16px;
height:16px;
text-indent:100px;
overflow:hidden;
}
.divFondoVentana{
background:url(/img/fondo-trans.gif);
}
/* FIN */