﻿*
{
	margin: 0;
	padding: 0;
}

body, html
{
	font-family: "Calibri", "Trebuchet MS",Charcoal,"Tahoma", Geneva, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height:1.125em;
	background: #1B1B1B url(imgs/background-Ercif.jpg) no-repeat center 0;
}

input, select, textarea
{
	font-family: "Calibri", "Trebuchet MS",Charcoal,"Tahoma", Geneva, Arial, sans-serif;
	color: #B20010;
	font-size: 0.9em; 
	border: solid 1px #E1D19E;
	border: solid 1px rgba(0,0,0,0.2);
	background: #FFF5DC;
	background: rgba(255,255,255,0.7);
	-moz-border-radius: 3px;
	padding: 2px 2px;
}

input, textarea
{
	padding: 2px 5px;
}

a img
{
	border: 0;
}

body>*, .rootItem
{
	margin: 0 auto;
	width:900px;
}

.hidden
{
	display: none;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	outline: none;
}

a:hover
{
	color: #fff;
}


.left
{
	float: left;
}

.right
{
	float: right;
}

.blockMessage
{
	background: url(imgs/busy.gif) no-repeat; 
}

.blockMsg
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.thumbnail
{
	width: 48px;
	height: 48px;
	display: block;
	background-repeat: no-repeat;
	border: solid 1px rgba(0,0,0,0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* Head */
#head
{
	background: url(imgs/header-background-Ercif.jpg) no-repeat;
	height: 96px;
}

#fakeLogoLink
{
	display:block;
	height:68px;
	width:270px;
	float:left;
	margin:15px 0 0 22px;
}

/* SearchBar */
#searchBar
{
	width: 372px;
	float:left;
	margin:27px 0 0 220px;	
}

#searchBar input
{
	border: 0;
	background: transparent url(imgs/search-bar-Ercif.png);
	width: 212px;
	padding: 7px 20px;
	font-size: 0.85em;
	font-weight: bold;
	color: #B20010;
	
	display: block;
	float: right;
}

#searchBar a
{
	display: block;
	float:right;
	height:32px;
	width:120px;
	background:transparent url(imgs/search-bar-Ercif.png) no-repeat -252px 0;
}

#searchBar a:hover
{
	background:transparent url(imgs/search-bar-Ercif.png) no-repeat -372px 0;
}

/* Menu */

#menu
{
	background: url(imgs/menu-Ercif.jpg) no-repeat;
	height: 32px;
}

#menu>div
{
	float: right;
	background: url(imgs/menu-Ercif.jpg) no-repeat;
	height:32px;
	display:block;
	cursor:pointer;
}

#menu>div.active
{
	cursor: default;
}
/*
#inicio
{
	background-position: -380px 0 !important;
	width:81px;
}

#inicio.active, #inicio.active:hover
{
	background-position: -1305px 0 !important;
}

#inicio:hover
{
	background-position: -844px 0 !important;
}
*/

#catalogo
{
	background-position: -818px 0 !important;
	width:79px;
	margin-right:3px;
}

#catalogo.active, #catalogo.active:hover
{
	background-position: -1743px 0 !important;
}

#catalogo:hover
{
	background-position: -1282px 0 !important;
}

/* Banner */

#homeBanner
{
	height: 185px;
	background: url(imgs/home-banner-background-Ercif.jpg) no-repeat;
	color: #B20010;
}

#bannerControls
{
	margin-left:432px;
	margin-top:29px;
	position:absolute;
}

#contentIterator>div h1
{
	font-size: 1em;
	padding: 28px 0 0 43px;
}

#contentIterator>div img
{
	float: right;
}

#contentIterator>div p
{
	font-size: 0.75em;
	padding: 10px 0 20px 43px;
	width: 440px;
	text-align: justify;
}

#contentIterator>div a
{
	color: #B20010;
	font-size: 0.75em;
	font-weight: bold;
	padding-left: 43px;
}


/* Title Bar */

#incorporacionesTitle
{
	width: 300px;
	height:32px;
	background-image: url(imgs/home-titlebar-Ercif.jpg);
    background-position: -600px 0;
	display: block;
}

#contactoTitle
{
    width: 600px;
	height:32px;
	background-image: url(imgs/home-titlebar-Ercif.jpg);
    background-position: 0 0;
    display: block;	
}

#contactoTitle:hover
{
	cursor: default !important;
}

#incorporacionesTitle:hover
{
	background-position: -1500px 0;
}

/* Bottom Section */
#bottomBar
{
	/*background: transparent url(imgs/home-bottom.png) no-repeat center bottom;*/
	padding-bottom: 30px;
	margin-bottom: 50px;
}

#contactoSection
{
	width: 600px;
	float: left;
} 

#incorporacionesSection
{
	width: 300px;
	float: left;
} 

#incorporacionesContent, #publicacionesContent
{
	background: transparent url(imgs/home-bottom-side-Ercif.png) no-repeat left top;
}

.incorporacionesNotFound, .publicacionesNotFound
{
	background: transparent url(imgs/home-bottom-side.png) no-repeat left top;
	color:#FFFFFF;
	font-size:0.75em;
	text-align:center;
	padding: 100px 25px 200px 25px;
}

#novedadesContent p
{
	color:#FFFFFF;
	font-size:0.75em;
	padding: 10px 20px;
	text-align:justify;	
}


/* Incorporaciones */

.filterDetail
{
	color:#FFFFFF;
	line-height:12px;
	padding:10px;
	background: transparent url(imgs/section300-divider-Ercif.png) no-repeat center bottom;
	margin: 3px;
	min-height:48px;
}

.filterDetail .thumbnail
{
	float: left;
	margin-right: 10px;
	margin-top:-3px;
}

.filterDetail.odd .thumbnail
{
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}

.filterDetail.odd *
{
	text-align: right;
	display: block;
}

.filterDetail h3
{
	font-variant: small-caps;
	font-size: 11px;
}

.filterDetail h2
{
	font-size: 12px;
}

.filterDetail span
{
	font-size: 10px;
}

/* Publicaciones */

#publicacionesContent
{
	color:#FFFFFF;
	padding: 1px;
}

#publicacionesContent h2
{
	font-size:14px;
	font-variant:small-caps;
	padding:7px 0 3px 10px;
}

#publicacionesContent p
{
	font-size:11px;
	padding: 0 15px 15px 10px;
	text-align:justify;
	background: transparent url(imgs/section300-divider-Ercif.png) no-repeat center bottom;	
}

#publicacionesContent a.downloadLinkLite
{
	display: block;
	float: right;
	margin: 6px 10px 0 5px;
}


/* Footer Menu */

#footerMenu
{
	background:transparent url(imgs/home-bottom.png) no-repeat scroll center top;
	clear:both;
	list-style:none;
	padding-top:150px;
	position:relative;
	text-align:center;
	top:-20px;
}

#footerMenu li
{
	display:inline;
	font-size:12px;
	font-variant:small-caps;
	margin:0 20px;
}

#footerMenu li a
{
	color: #FFFFFF;
}

#footerMenu li a:hover
{
	color: #FFFFFF;
}

#developers
{
	font-size: 10px;
	text-align: center;
}

#copyright
{
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}

#developers h3
{
	font-size: 10px;
	font-variant: small-caps;
	color: #FFFFFF;
}

/* Secciones */

/*
.section
{
	background: transparent url(imgs/section-top.jpg) no-repeat center top;
}
*/

.sidePanel
{
	float: right;
	width: 260px;
	margin: 20px;
	border-bottom: dotted 1px #60180c; /* Fallback */
	border-bottom: solid 1px rgba(0,0,0,.2);
	color:#dbb077;
	font-size: 12px;
}

.sidePanel .panel
{
	background: url(imgs/bck_80.png); /* Fallback */
	background: rgba(0,0,0,.2);	
	padding: 10px;
	border-top: solid 3px #98320D; /* Fallback */
	border-top: solid 3px rgba(0,0,0,.2);
}

.sidePanel .panel p
{
	text-align: justify;
	color:#FFFFFF;
}

.sidePanel .panel table
{
	border-top: solid 2px #7D1E09;
	border-bottom: solid 1px #7D1E09;
	border-top: solid 2px rgba(0,0,0,.2);
	border-bottom: solid 1px rgba(0,0,0,.2);
	font-size: 11px;
	margin: 7px 0;
	background:rgba(0, 0, 0, 0.1);
}

.sidePanel .panel table tr>*
{
	border-bottom: solid 1px #7D1E09;
	border-bottom: solid 1px rgba(0,0,0,.2);
	text-align: center;
	padding: 2px 5px;
	line-height: normal;
}

.sidePanel .panel .note
{
	font-size: 10px;
	font-style: italic;
}

.sectionContent
{
	width: 560px;
	padding: 20px;
	color:#FFFFFF;
	font-size: 12px;	
}

.sectionContent.extended
{
	width: 856px;
}

#goBackLink
{
	background:rgba(0, 0, 0, 0.1);
	float:right;
	font-size:0.9em;
	font-variant:small-caps;
	margin:3px 5px;
	padding:0 10px 2px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.sectionContent h1
{
	font-size: 14px;
	font-variant: small-caps;
	border-top: solid 3px #C6300F;
	border-top: solid 3px rgba(0,0,0,.1);
	margin-bottom: 10px;
}

.sectionContent h2
{
	font-size: 12px;
	font-variant: small-caps;
	margin-bottom: 5px;
	margin-top: 20px;
}

.sectionContent p
{
	font-size: 12px;
	margin-bottom: 70px;
	text-align: justify;
	color: #FFFFFF;
}

.sectionContent p img
{
	border: solid 1px #8E200C;
	border: solid 4px rgba(0, 0, 0, 0.1);
	margin: 5px 0 5px 20px;
	-moz-border-radius: 0 5px;
}

.sectionContent table
{
	margin-bottom: 80px;
}

.sectionContent table td
{
	padding: 5px 30px 5px 0;
}

.imageGroup
{
	text-align: center !important;
	margin: -30px 0 70px 0 !important;
}

.itemList
{
	margin-bottom:50px;
}

.itemList .item
{
	clear:left;
	margin-top:20px;
	border-top: 1px solid #cf3712;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.itemList img.itemImage
{
	float: left;
	margin: 0 10px 10px 0;
}

.downloadLink
{
	background: url(imgs/download.png);
	width: 100px;
	height: 30px;
	opacity: 0.8;
}

.downloadLinkLite
{
	background: url(imgs/download-lit.png);
	width: 27px;
	height: 21px;
	opacity: 0.8;
}

.downloadLink:hover, .downloadLinkLite:hover
{
	opacity: 1;
}

.itemList a.downloadLink
{
	float: right;
	margin-left: 20px;
}

.item h2
{
	font-size:1.2em;
	font-variant:small-caps;
	padding:5px 0 10px;
}

.itemList div.item p
{
}

.itemList .historyNav
{
	background: rgba(0,0,0,0.1);
	border-top: solid 1px rgba(0,0,0,0.2);
	padding: 3px 5px;
	font-size: 0.9em;
}

.itemList .historyNav .next
{
	float: right;
}

.itemList .historyNav a[href="publicaciones.aspx?offset=-1"]
{
	opacity: 0.1;
	cursor: default;
}

.pubCategory
{
	font-size:0.9em;
	font-style:italic;
}


/* Seccion Productos */

#productosBanner
{
	background: url(imgs/productos-banner-Ercif.jpg) no-repeat;
	height: 185px;
	width: 900px;
}

/* Seccion Novedades */

#novedadesBanner
{
	background: url(imgs/novedades-banner-Ercif.jpg) no-repeat;
	height: 185px;
	width: 900px;
}

h1.post-title
{
    border-top: medium none;
    font-size: 1.5em;
    font-variant: normal;
    margin-bottom: 0;
}

.post h1.post-title
{
    margin-top: 30px;
}

.post
{
	border-bottom: dotted 1px #F9CA88;
}

span.post-date
{
	font-variant: small-caps;
	color: #F9CA88;
}

span.post-date + p
{
	margin-top: 10px;
}

/* Seccion Catalogo */

#catalogoBanner
{
	background: url(imgs/catalogo-banner-Ercif.jpg) no-repeat;
	height: 185px;
	width: 900px;
}

#advancedFinder
{
	padding: 22px 67px;
}

.findGroup
{
	padding: 14px 26px;
	width:380px;
}

#advancedFinder>*
{
	float: left;
}

#catalogoCategorias li
{
	cursor: pointer;
	display: block;
	background-image: url(imgs/finder-buttons-Ercif.png);
	background-repeat: no-repeat;
	width:233px;
	height:40px;
	margin: 5px;
}

#catalogoCategorias li:hover, #catalogoCategorias li.active
{
	opacity: 1;
}

#catVehiculos
{
	background-position: 0 -116px;
}

#catCodigo
{
	background-position: 0 -156px;
}

#catEquivalencia
{
	background-position: 0 -196px;
}

#catVehiculos.active
{
	background-position: 0 0;
}

#catCodigo.active
{
	background-position: 0 -40px;
}

#catEquivalencia.active
{
	background-position: 0 -80px;
}


.findGroup *
{
	float: left;
	font-size: 12px;
}

.findGroup span
{
	clear:left;
	color:#FFFFFF;
	display:block;
	font-size:0.8em;
	font-variant:small-caps;
	font-weight:bold;
	height:30px;
	width:100px;
}


#advancedFinder .button
{
	display: block;
	background:transparent url(imgs/button-find-Ercif.png) no-repeat scroll 0 0;
	height:38px;
	left:50%;
	margin-left:186px;
	position:absolute;
	text-indent:-9999px;
	top:255px;
	width:144px;
}

#advancedFinder .button:hover, #advancedFinder .button:focus
{
	background-position: 0 -38px;
}

#advancedFinder input, #advancedFinder select
{
	width: 170px;
	background: #fef9d5;
	border: solid 1px #c4390e;
	margin-bottom: 10px;	
}

.filterDetails img
{
	float: left;
	margin: 5px 10px 5px 5px;
	border: solid 2px rgba(0,0,0,0.1);	
}

.filterDetails h1
{
	border-top:0 none;
	font-size:1.5em;
	position:relative;
	top:4px;
	margin-bottom: 0;
}

.filterDetails h2
{
	font-size:1.1em;
	margin-top:0;
}

.filterDetails h3
{
	font-size: 0.95em;
	font-variant: small-caps;
	margin-top: 30px;
}

.filterDetails table
{
	margin-bottom: 10px;
	border-spacing:0 5px;
}

.filterDetails table th, .filterDetails table td
{
	width: 80px;
	border-bottom:1px dotted #601608;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	padding: 2px 5px;
	text-align: left;
}

.filterDetails table th
{
	background:url(imgs/bck_50.png);
	background: rgba(0,0,0,0.05);
	font-size: 0.9em;
}


/* Seccion Empresa */

#empresaBanner
{
	background: url(imgs/empresa-banner-Ercif.jpg) no-repeat;
	height: 185px;
	width: 900px;
}

.section.empresa
{
	background: transparent url(imgs/section-empresa-top.jpg) no-repeat center top;
}

.empresaSideHeader
{
	margin-bottom:20px;
	margin-top:51px;
	text-align:center;	
	color: #F9CA88;
}

/* Seccion Publicaciones */

#publicacionesBanner
{
	background: url(imgs/publicaciones-banner.jpg) no-repeat;
	height: 185px;
	width: 900px;
}

/* Seccion Contact */

#contactoBanner
{
	background: url(imgs/contacto-banner.jpg) no-repeat;
	height: 185px;
	width: 900px;
}

#contactoCap
{
	left:102px;
	margin-top:-30px;
	position:relative;
	top:0;
}

/* Filters Tables */

table.filters
{
	width:100%;
}

table.filters thead tr th
{
	background:url(imgs/bck_80.png);
	background:rgba(0, 0, 0, 0.15);
	border-bottom:1px dotted #601608;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	font-variant:small-caps;
	padding:2px;
}

table.filters thead tr.secondLine th
{
	font-variant:small-caps;
	padding:1px;
	font-size: 0.85em;
}

table.filters tbody tr td, table.filters tbody tr th
{
	border-bottom:1px dotted #601608;
	border-bottom: solid 1px rgba(0,0,0,0.15);
	background:url(imgs/bck_50.png);
	background: rgba(0,0,0,0.05);
	text-align: center;
	padding: 5px 10px;
}

table.filters tbody tr.odd td, table.filters tbody tr.odd th
{
	background:url(imgs/bck_30.png);
	background: rgba(0,0,0,0.08);
}

/*table.filters tbody tr:hover td, table.filters tbody tr:hover th
{
	background: rgba(0,0,0,0.2);
}*/

table.filters tbody tr th img
{
	margin: 5px;
	border: solid 2px rgba(0,0,0,0.1);
}

table.filters .vehicleCell, table.filters .expandFilters, table.filters .dateCell
{
	font-size: 0.85em;
}

table.filters .expandFilters
{
	padding: 2px 5px;
	background: #7F220A;
	background: rgba(0,0,0,0.1);
	border: solid 1px #C22D0F;
	border: solid 1px rgba(0,0,0,0.1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

table.filters .expandFilters:hover
{
	background: #B5350E;
	background: rgba(0,0,0,0.2);
}

#reportLink
{
    float:right;
    font-size:1em;
	font-variant:small-caps;
	padding:0 10px 2px;
    background:rgba(0, 0, 0, 0.1);	    
}

/* Autocomplete  */

.ac_results {
	padding: 0px;
	border: 1px solid #571A08;
	background-color: #FFFBDE;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: url('imgs/busy-orange.gif') right center no-repeat;
}

.ac_odd {
	background-color: #FCEBA7;
}

.ac_over {
	background-color: #EB772A;
	color: #71200B;
}

#anios
{
    font-weight: bolder;
    font-size: large;
}