/* Hoja de Estilos
www.autoscubero.com creada por ALFAWEB
www.alfawebcr.com info@alfawebcr.com */

/*--------------Generales--------------*/
html, body{
height:100%;
}

*{
margin:0; padding:0;
}

body{
	font: 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #6b7938;
	background-image: url(../img/ni/bg-web.jpg);
	background-repeat: repeat;
}
ul, ol{
list-style:none;
}

.limpia{
clear:both;
}
h1{
width:193px;
height:76px;
float:right;
}

h1 a{
	display:block;
	width:193px;
	height:76px;
	text-indent:-10000em;
	overflow:hidden;
	background-image: url(../img/ni/h1.gif);
	background-repeat: no-repeat;
}

h2{
display:block;
overflow:hidden;
text-indent:-10000em;
margin-bottom:20px;
}

.h2-home{background: url(../img/ni/h2-autosusados.gif) no-repeat; width:253px; 	height:26px;}
.h2-inventario{background: url(../img/ni/h2-inventario.gif) no-repeat; width:253px; height:26px;}
.h2-contacto{background: url(../img/ni/h2-contacte.gif) no-repeat; width:253px; height:26px;}
.h2-detalle{background: url(../img/ni/h2-detalle.gif) no-repeat; width:253px; height:26px;}
.h2-transito{background: url(../img/ni/h2-transito.gif) no-repeat; width:253px; height:26px;}


h3{
	font-size:1.6em;
	letter-spacing:-1;
	margin:10px 0;
}

h4{
	font-size:1.5em;
	letter-spacing:-1;
	margin:10px 0;
}
/*---------------Distribución----------*/
.wrap_externo{
	width:832px;
	margin:0 auto;
	background-image: url(../img/ni/bg-externo.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
}

#wrap{
	width:550px;
	margin:0 auto;
}

.encabezado{
	width:490px;
	height:115px;
	padding:30px;
	background: url(../img/ni/bg-encabezado.gif) no-repeat 40px 0px;
}

#container{
	width:490px;
	padding-left:30px;
	padding-right:30px;
}

#menu{
	width:490px;
	height:17px;
	padding:0 30px;
	margin-top:15px;
	position:relative;
	background: url(../img/ni/bg-menu.gif) no-repeat 30px 0px;
}

ul#nav-prin{
	margin:0;
	padding:0;
	width:276px;
}
ul#nav-prin li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
ul#nav-prin li a{ height: 17px; display: block; text-indent: -99999em; overflow: hidden; }

#main1, #panel1 { left: 10px; width: 75px; }
#main2, #panel2 {left: 85px;  width: 72px;}
#main3, #panel3 {left: 162px; width: 75px;}
#main4, #panel4 {left: 237px; width: 67px;}
#main5, #panel5{}

#main1 a:hover, #panel1 a:hover{
	background: transparent url(../img/ni/bg-menu.gif) no-repeat 20px -20px; }
#main2 a:hover,  #panel2 a:hover{
	background: transparent url(../img/ni/bg-menu.gif) no-repeat -55px -20px; }
#main3 a:hover,  #panel3 a:hover{
	background: transparent url(../img/ni/bg-menu.gif) no-repeat -132px -20px; }
#main4 a:hover,  #panel4 a:hover {
	background: transparent url(../img/ni/bg-menu.gif) no-repeat -207px -20px; }

#contenido{
	width:490px;
	padding:30px;
	text-align:left;
}

#pie{
	width:490px;
	height:51px;
	padding:10px 30px 0 30px;
	background: url(../img/ni/alfaweb.gif) no-repeat 25px 0px;
}

#pie a.alfaweb{
	float:left;
	display:block;
	width:193px;
	height:61px;
	text-indent:-10000em;
}

#pie p.creditos{
float:right;
font-size:9px;
}
/*-------Listas-------*/
.listado{
	width:430px;
	height:85px;
	margin:0 auto 15px auto;
	background: url(../img/bg-listado.gif) no-repeat right bottom;
	position:relative;
}

.titulo{
	position:absolute;
	top:0;
	left:123px;
	width:291px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	color:#B8C0C3;
	font-size: 11px;
	font-variant:small-caps;
	font-stretch:narrower;
	font-weight:900;
}

.detalle{
	position:absolute;
	top:30px;
	left:123px;
	width:301px;
}

ul#fotos-carro, ul#extras{
	width:430px;
	margin:5px 0;
}
ul#fotos-carro li, ul#extras li{
	display:inline;
	margin-right:3px;
}

ul#fotos-carro li img{
	border:1px solid #A0B9A5;
	padding:2px;
}

/*--------Fotos----------*/
.fotos-internas{
float:left;
border:5px solid #B8C0C3;
margin:0 15px 2px 0;
}

.foto-lista{
position:absolute;
top:0;
left:0;
border:1px solid #E8EDF0;
padding:1px;
}

/*----------Grupo Ehmo---------*/
form#ehmo{
margin:20px 0;
}

form#ehmo fieldset{
margin-top:20px;
margin-bottom:20px;
padding:10px;
}

form#ehmo fieldset legend{
padding:3px;
color:#fff;
font-weight:bold;
}
form#ehmo label{
width:45%;
text-align:left;
font-weight:bold;
display:block;
float:left;
}

form#ehmo input, form#ehmo select{
float:left;
margin-bottom:5px;
width:13em;
}

form#ehmo textarea{
width:13em;
height:10em;
float:left;
margin-bottom:5px;
}