/* Basic CSS */

body  {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:0.9em;
	background-color: #5aa7d3;
	background: #5aa7d3 url('../images/bg.png') repeat-x;
	margin:0;
}

img {
	border:none;
}

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

select {
	font-size:10px;
	color:#595959;
}

.bold {
	font-weight: bold;
}

/* Layout */
#area  {
	width:840px;
	margin:0 auto;
}

#nav {
	float:right;
	background: url('../images/navBg.png');
	background-position: top right;
	height:33px;
	margin:0;
	clear:both;
	margin-top:-3px;
	margin-bottom:30px;
	width:300px;
}
	
	#nav ul {
		margin:8px 20px 0px 0px;
		font-size: 0.7em;
		color:#fff;
		text-align: right;
	}

	#nav li{
		display: inline;
		padding-left:8px;
	}
	
	#navFlag {
		display:block;
		float:left;
		margin-right:20px;
		margin-top:6px;
	}
	
	.navFlagEsp {
		margin-left:25px;
	}
	
#header {
	clear:both;
	width:100%;
	overflow: hidden;
	margin-bottom:40px;
}
	
	#logo {
		margin-top:20px;
		float:left;
		width:460px;
	}
	
	#badge1981 {
		float:right;
		margin-right:30px;
	}
	
#flash {
	clear:both;
	height:320px;
}

#textArea {
	margin-top:10px;
	background-image: url('../images/historyBg-trans.png');
	background-repeat: no-repeat;
	height:220px;
	float:right;
	width:556px;
	overflow:hidden;
}

	#textArea a {
		color:#067bbe;
	}
	
	#textArea a:hover {
		color:#067bbe;
		text-decoration: underline;
	}
	
	#textArea h1 {
		color:#067bbe;
		font-size:1.3em;
		margin:0px 0px 0px 30px;
		padding:20px 0px 0px 0px;
		width:200px;
	}
	
	#textArea p {
		color:#595959;
		width:500px;
		margin:10px 20px 0px 30px;
		line-height:1.7em;
	}
	

#badgeNew {
	margin:0px 0px 0px 35px !important; 
	margin:20px 0px 0px 35px;
	float:left;
}

#menuLong {
	clear:left;
	float:left;
	margin-top:10px;
	margin-left:-40px;
}
	
	#menuLong ul {
		width:270px;
		height:272px;
		display:block;
		float:left;
		position:relative;
		z-index:0;
	}
	
	#menuLong li {
		width:266px;
		list-style-type:none;
		cursor:pointer;
	}
	
	#menuLong a {
		width:240px;
		height:70px;
		display:block;
		outline:none;
	}


#menu {
	clear:left;
	float:left;
	margin-top:10px;
	margin-left:-40px;
}
	
	#menu ul {
		width:270px;
		height:340px;
		display:block;
		float:left;
		position:relative;
		z-index:0;
	}
	
	#menu li {
		width:243px;
		list-style-type:none;
		cursor:pointer;
	}
	
	#menu a {
		width:240px;
		height:70px;
		display:block;
		outline:none;
	}
	
	#menu a.badgeList {
		padding-left:40px;
	}
	
	#vehiculosNuevos_esp {
		background-image:url(../images/menu.png);
		width:266px;
		height:70px;
	}
	#vehiculosNuevos_cat {
		background-image:url(../images/menu_cat.png);
		width:266px;
		height:70px;
	}
	#vehiculosNuevos_eng {
		background-image:url(../images/menu_eng.png);
		width:266px;
		height:70px;
	}
	
	#vehiculosNuevos_eng:hover, #vehiculosNuevos_eng.active{
		background-position:-266px 0px;
	}
	#vehiculosNuevos_cat:hover, #vehiculosNuevos_cat.active{
		background-position:-266px 0px;
	}
	#vehiculosNuevos_esp:hover, #vehiculosNuevos_esp.active{
		background-position:-266px 0px;
	}
	
	#insertar {
		background-image:url(../images/menuAdmin.png);
		width:266px;
		height:70px;
	}
	
	#insertar:hover, #insertar.active{
		background-position:-266px 0px;
	}
	
	#vehiculosUsados_esp {
		background-image:url(../images/menu.png);
		background-position: 0px -70px;
		width:266px;
		height:41px;
	}
	#vehiculosUsados_cat {
		background-image:url(../images/menu_cat.png);
		background-position: 0px -70px;
		width:266px;
		height:41px;
	}
	#vehiculosUsados_eng {
		background-image:url(../images/menu_eng.png);
		background-position: 0px -70px;
		width:266px;
		height:41px;
	}
	
	#vehiculosUsados_esp:hover, #vehiculosUsados_esp.active {
		background-position:-266px -70px;
	}
	#vehiculosUsados_cat:hover, #vehiculosUsados_cat.active {
		background-position:-266px -70px;
	}
	#vehiculosUsados_eng:hover, #vehiculosUsados_eng.active {
		background-position:-266px -70px;
	}
	
	#editar {
		background-image:url(../images/menuAdmin.png);
		background-position: 0px -68px;
		width:266px;
		height:44px;menu.png
	}
	
	#editar:hover, #editar.active {
		background-position:-266px -68px;
	}
	
	#semiRemolques_esp {
		background-image:url(../images/menu.png);
		background-position: 0px -111px;
		width:266px;
		height:45px;
	}
	#semiRemolques_cat {
		background-image:url(../images/menu_cat.png);
		background-position: 0px -111px;
		width:266px;
		height:45px;
	}
	#semiRemolques_eng {
		background-image:url(../images/menu_eng.png);
		background-position: 0px -111px;
		width:266px;
		height:45px;
	}
	
	#semiRemolques_esp:hover, #semiRemolques_esp.active {
		background-position:-266px -111px;
	}
	#semiRemolques_cat:hover, #semiRemolques_cat.active {
		background-position:-266px -111px;
	}
	#semiRemolques_eng:hover, #semiRemolques_eng.active {
		background-position:-266px -111px;
	}
	
	#pdf {
		background-image:url(../images/menuAdmin.png);
		background-position: 0px -111px;
		width:266px;
		height:44px;
	}
	
	#pdf:hover, #pdf.active {
		background-position:-266px -111px;
	}
	
	#ofertas_esp {
		background-image:url(../images/menu.png);
		background-position: 0px -155px;menu.png
		width:266px;
		height:44px;
	}
	#ofertas_cat {
		background-image:url(../images/menu_cat.png);
		background-position: 0px -155px;
		width:266px;
		height:44px;
	}
	#ofertas_eng {
		background-image:url(../images/menu_eng.png);
		background-position: 0px -155px;
		width:266px;
		height:44px;
	}
	
	#ofertas_esp:hover, #ofertas_esp.active {
		background-position:-266px -155px;
	}
	#ofertas_cat:hover, #ofertas_cat.active {
		background-position:-266px -155px;
	}
	#ofertas_eng:hover, #ofertas_eng.active {
		background-position:-266px -155px;
	}
	
	#salir {
		background-image:url(../images/menuAdmin.png);
		background-position: 0px -156px;
		width:266px;
		height:44px;
	}
	
	#salir:hover, #salir.active {
		background-position:-266px -156px;
	}
	
	#contactoBtn_esp {
		background-image:url(../images/menu.png);
		background-position: 0px -198px;
		width:266px;
		height:44px;
	}
	#contactoBtn_cat {
		background-image:url(../images/menu_cat.png);
		background-position: 0px -198px;
		width:266px;
		height:44px;
	}
	#contactoBtn_eng {
		background-image:url(../images/menu_eng.png);
		background-position: 0px -198px;
		width:266px;
		height:44px;
	}
	
	#contactoBtn_esp:hover, #contactoBtn_esp.active {
		background-position:-266px -198px;
	}
	#contactoBtn_cat:hover, #contactoBtn_cat.active {
		background-position:-266px -198px;
	}
	#contactoBtn_eng:hover, #contactoBtn_eng.active {
		background-position:-266px -198px;
	}
		
#paper {
/*	background-image: url('../images/paperBg.png');*/
	width:600px;
	float:left;
	margin-left:-30px;	
	margin-bottom:30px;
	overflow: hidden;
}

#paperheader {
	background: url('../images/paper_header-trans.png') no-repeat;
	height:40px;
	width:600px;
}
#paperbody {
	background: url('../images/paper_body-trans.png') repeat-y;
	min-height: 400px;
	overflow: hidden;
}
#paperfooter {
	background: url('../images/paper_footer-trans.png') no-repeat;
	height: 79px;
}

	div#paper ul#listNav {
		display: block;
		margin:50px 0px -10px 30px;
		overflow:hidden;
	}
	
	div#paper ul#listNav li {
		display: inline;
		font-size: 1.3em;
		color:#54acde;
		margin:10px;
		padding:12px;
		border:2px solid #e0eef5;
		text-align: center;
		float:left !important;
		float:none;
	}
	
	div#paper ul#listNav li:first-child {
		margin-left:0px;
	}
	
	div#paper ul#listNav li:hover, div#paper ul#listNav li.hover {
		background-color:#e0eef5;
	}
	
	div#paper ul#listNav li.active {
		background-color:#308cc6;
		color:#fff;
		border-color:#308cc6;
	}
	
	div#paper ul#listNav a {
		color:#308cc6;
	}
	
	div#paper .menuNav {
		margin-left: 25px;
		margin-bottom: 20px;
	}
	div#paper a.botNav {
		display: block;
		float: left;
		min-width: 75px;
		padding: 12px 16px;
		text-align: center;
		margin: 0px 15px 0px 15px;
		border:1px solid #95D3DE;
		background-color: #fff;
		color: #308cc6 ;
		font-size:1.3em;
	}
	
	div#paper a.botNav:hover {
		color: #fff;
		background-color: #308cc6;
		border-color: #308cc6;
		border-width: 1px;
		border-collapse: collapse;
	}
	div#paper a.botNav.active {
		color: #fff;
		background-color: #308cc6;
	}
	
	div#paper ul#listNav a:active, div#paper ul#listNav a.active {
		color:#fff;
	}

	div#paper ul#articleList {
		margin-top:90px;
	}

	div#paper ul#articleList li {
		list-style-type: none;
		text-align: left;
		display:block;
		background-color:none;
		border:none;
		width:520px;
		margin-bottom:20px !important;
		margin-bottom:15px;
		height:105px;
	}
	
	
	
	div#paper ul#articleList li:hover, div#paper ul#articleList li.hover {
		background-color:#dfecf3;
	}
	
	div#paper ul#articleList img {
		float:left;
		border:8px solid #d5d6d6;
		margin-right:30px;
		width:119px;
		height:89px;
		background-color:#d5d6d6;
	}
	
	div#paper ul#articleList img:hover {
		float:left;
		border:8px solid #a3d6f3;
	}
	
	div#paper ul#articleList h2 {
		color:#54acde;
		font-size:1.1em;
		padding-top:10px;
	}
	
	div#paper ul#articleList h2:hover {
		text-decoration: underline;
	}
	
	div#paper ul#articleList p {
		font-size:0.9em;
		line-height:1.4em;
		color:#555555;
		display:block;
	}
	
	div#paper ul#articleList div.info {
		font-size:0.7em;
		float:right;
		color:#000;
		margin-top:35px !important;
		margin-top:30px;
		background-image: url('../images/infoBtn.gif');
		background-repeat: no-repeat;
		width:91px;
		height:23px;
		margin-right:10px !important;
		margin-right:5px;
		padding:0;
	}
	
	div#paper ul#articleList div.info a {
		font-size:1.3em;
		font-style: italic;
		margin:3px 0px 0px 20px;
		display: block;
	}
	
	div#paper div#pages {
		float:right;
		margin-right:40px !important;
		margin-right:25px;
	}
	
	div#paper div#pages ul {
		display:block;
	}
	
	div#paper div#pages li {
		display:inline;
		margin-left:8px;
	}
		
	div#paper div#pages li a {
		color:#54acde;
		padding:3px;
	}
	
	div#paper div#pages li a:hover {
		background-color:#54acde;
		color:#fff;
		padding:3px;
	}
	
	div#paper div#pages li.active {
		font-weight: bold;
		color:#54acde;
		border:1px solid #54acde;
		padding:3px;
	}
	
	div#paper #title {
		margin-top:18px;
		margin-bottom:20px;
		margin-left:40px;
		color:#54acde;
	}
	
	div#imgs {
		float:left;
	}
	
	div#paper img#mainImage {
		border:8px solid #d5d6d6;
		margin-top:10px;
		margin-left:40px;
		width:220px;
	}
	
	div#paper ul#imgGallery {
		text-align: center;
	}
	
	div#paper ul#imgGallery li {
		display:inline;
		list-style-type: none;
		cursor:pointer;
	}
	
	div#paper ul#imgGallery img {
		width:70px;
		border:3px solid #d5d6d6;
	}
	
	div#paper ul#imgGallery img:hover, div#paper ul#imgGallery img.hover {
		border-color:#a3d6f3;
	}
	
	div#paper p#description {
		margin-left:25px;
		float:left;
		font-size:12px;
		color:#595959;
		line-height:120%;
		width:270px;
	}
	
	.blueTitle {
		padding-bottom:10px;
		display:block;
		color:#54acde;
		font-weight: bold;
	}
	
	div#paper ul#articleActions {
		margin-top:70px;
		list-style-type: none;
		color:#595959;
	}
	
		div#paper ul#articleActions li {
			margin-bottom:20px;
			padding:4px;
		}
		
		div#paper ul#articleActions li:hover, div#paper ul#articleActions li.hover {
			background-color: #8ECBDE;
		}
	
		div#paper ul#articleActions img {
			vertical-align: middle;
			margin-right:10px;
		}
	
		div#paper ul#articleActions a {
			color:#595959;
		}
		
		div#paper ul#articleActions a:hover, div#paper ul#articleActions a.hover {
			text-decoration: underline;
		}
		
		#badgeType {
			float:right;
			margin-right:40px;
			margin-top:5px;
		}
		
		#contact {
			margin-left:40px;
			font-size:15px;
			color:#595959;
			line-height:190%;
			width:300px;
		}
		
			#contact a {
				color:#595959;
			}
			
			#contact a:hover, #contact a.hover {
				text-decoration: underline;
			}
			
			#contact img {
				vertical-align: middle;
			}
		
div#LastFooter {
	clear: both;
	font-size: 0.9em;
	color: #FFF;
	background-image: url('../images/footerBg.jpg');
	background-position: left top;
	background-repeat: repeat-x;
	text-align: left;
	position: relative;
	padding: 20px 15px;
	line-height: 1.2;
	overflow: hidden;
	background-color: #838383;
}

	div#LastFooter a {
		color: #FFF;
		text-decoration: none;
	}

	div#LastFooter a:hover {
		text-decoration: underline;
		background-color: transparent;
	}

	div#LastFooter ul#footerLinks {
		width:830px;
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
	}

	div#LastFooter ul#footerLinks * {
		margin: 0;
		padding: 0;
		width:204px;
	}
	
	div#LastFooter ul#footerLinks img {
		margin: 0;
		padding: 0;
		width:17px;
	}

	div#LastFooter ul#footerLinks li {
		float: left;
		display: inline;
		padding-left: 1px;
	}

	div#LastFooter ul#footerLinks dt {
		font-weight: bold;
		margin-bottom: 0.6em;
		font-size: 14px;
	}

	div#LastFooter ul#footerLinks dd {
		margin-bottom: 0.4em;
		padding-left:9px;
		background: url('../images/dotList.png') no-repeat top left;
	}
	
	div#LastFooter ul#footerLinks .noBg {
		margin-bottom: 0.4em;
		padding-left:0px;
		background-image: none;
	}

.mailIcon {
	height:14px;
	width:20px;
}



/* 
	ADMIN SECTION	
*/

#paperAdmin {
	/*background-image: url('../images/paperBg.png');*/
	width:600px;
	float:left;
	margin-top:8px;
	margin-left:-30px;
	margin-bottom:30px;
}

	div#paperAdmin div#formulario {
		display: block;
		margin:0px 0px -10px 30px;
		color:#54acde;
		font-size: 1.1em;
	}
	
	div#paperAdmin label {
		width:100px;
		width:130px;
		float:left;
	}
	
	div#paperAdmin select {
		float:left;
	}
	
	div#paperAdmin a.formLang {
		font-size: 0.7em;
		color:#54acde;
	}
	
	div#paperAdmin a.formLangActive{
		font-size: 0.7em;
		background-color:#54acde;
		color:#fff;
	}

	div#resultOk {
		margin:50px 0px 0px 110px;
		border:2px solid green;
		color:green;
		width:350px;
		text-align: center;
	}
	
	div#resultError {
		margin:26px 0px 0px 45px;
		border:1px solid red;
		color:red;
		width:450px;
		text-align: center;
		font-size:0.8em;
		display:none;
	}

/*
div#footer {
	background: #838383 url('../images/footerBg.jpg') repeat-x;
	color:#fff;
	font-size: 0.9em;
	line-height:1.8em;
	clear:both;
	overflow: hidden;
	position:relative;
}

	div#footer ul#footer {
		margin:0;
		padding:0;
	}

	#footer li{
		display: inline;
		float:left;
		_margin:30px 27px 0px 70px;
	}


	#footer dt {
		font-weight: bold;
		letter-spacing: 0.08em;
	}
	
	#footer dd {
		padding:0px 0px 0px 9px;
		_background: url('../images/dotList.png') no-repeat top left;
	}
	
	#footer .noBg {
		_background-image: none;
		_padding:0;
	}
	
	#footer a:hover {
		_text-decoration: underline;
	}
	
	#legal {
		margin-top:50px;
		font-size: 0.8em;
	}
*/