﻿html 
{
    background-image: url('../styles/Images/background.png');
    background-color: #486177;
    background-repeat: repeat-x;
    background-position: top left;
}
body 
{
    height: 100%;
    color: #000;
}
img, .items div, #header .topnav, #main-shadow , .rotator .jcarousel-container  img, .english img{
	_behavior: url(js/iepngfix/iepngfix.htc)
}
font { 
	font-family:Arial,sans-serif;
}
.page 
{
    left: 0;
    top: 0;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

a, label, div 
{
    text-decoration: none;
    color: #000;
}
a, h3
{
outline: none;

}
h3 a
{
	color: #067AAC !important;
}
/*
 *  HEADER
 */
 
#header 
{
    height: 141px;
    color: White;
}
#header .hd-content 
{
    height: 98px;
}

#header .logo 
{
    margin-top: 30px;
    margin-left: 9px;
    border: 0 none;
    display: block;
    float: left;
}

/* quick links*/

.quicklinks {
float:left;
font-size:11px;
height:20px;
margin-left:190px;
margin-right:0;
margin-top:65px;
width:445px;

	
}
.quicklinks li 
{
	
	display:inline;

	
}
.quicklinks li a
{
	
	color: #D6D6D6;
	padding: 0px 5px;
	border-right: solid 1px #D6D6D6;
	height:14px;
	
}
.quicklinks .no-border {
	border:0 none;
}

#header .hd-gmac-right
{
    height: 23px;
	width: 115px;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-right: 35px;
	_margin-right: 0px;
	float:right;
}

/* Main Menu */
#header .topnav 
{
	/*background-image:url(../Images/topnav-bg.png);*/
	height:28px;
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	display:block;
	width: 967px;
	_margin-top: -12px !important;
	
}
#header .topnav ul
{
	list-style-type:none;
}
#header .topnav ul li 
{
	display:inline;	
}
#header .topnav a
{
	border-bottom:0px;
	float:left;
}
.nav-login {
	padding-left: 175px;
	
}



/*Next is the Main MENU LISTS AND SPECS*/
 .topnav
{
	
}

.active
{
	text-decoration:none;
}
/*
 *  MAIN CONTENT
 */
#main 
{
    margin: 6px 2px 0px 2px;
    border: solid #607281 1px;
    border-top: 0 none;
	border-bottom: 0 none;
    background-color: #ffffff;
	height: 463px;
	padding-bottom: 20px;

}
#main-flash {
	background-image:url(../styles/Images/banner.png); 
	height: 177px;
	width: 994px;
	color: Black;
	border-bottom: solid 1px #CCCCCC;
}
#main-shadow {
	background-image:url(../styles/Images/bannershadow.png);
	/*float: left;*/
	height: 10px;
	width: 377px;
	position: relative;
	left: 250px;
}
#main-content{
	min-height: 315px !important;
	background-image: url(../styles/images/login-bg.png);
	background-position:right;
	background-repeat: no-repeat;
	position: relative;
	bottom: 10px;
	_width: 990px;
	_bottom: 16px !important;
	_position: relative !important;
	_background-position: top right;
	_margin-bottom: -40px;
	}
#main-content div{
	height: 295px;
}
#main-bottom {
	background-image: url(../styles/Images/bottom-total.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 116px;
	width: 954px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 17px;
}

.clear {
	clear:both;
}

.main-title 
{
	background-image:url(../Images/content-top-bg2.png);
	color:#6699CC;
	font-size:19px;
	height:43px;
	padding-left:15px;
	padding-top:14px;
}
.main-title strong 
{
    color: #1A4066;
}


label #subtitle
{
	float:left;	
}

.selected
{
	background-color:#EBEBEB;
	background-color:#EBEBEB;
	border-right:1px solid #C5C5C5;
}
.selected a
{
	color:#FF5500;
}
.main-content 
{
    padding: 5px;
    min-height: 500px;
    margin-bottom: 100px;
    width: 814px;
}

label
{
	color:#333333;
	font-weight:bold;
	font-size:11px;	
}
/*
 *  FOOTER
 */
#footer
 {
	height: 226px;
	width: 996px;
	margin-left: 2px;
	margin-right: 2px;
	_position: relative;
	_left: 1px;
}

/* footer panel */
#footer-top
{
	background-color: #233C52;
	background-image: url(../styles/Images/footer-bg.png);
	border: 0 none !important;
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	font-family: arial;
	height: 143px;
	margin-left: 1px;
	_margin-left: 0px;
	
	
}

#footer-topAccidente
{
	background-color: #233C52;
	background-image: url(../styles/Images/footer-bg.png);
	border: 0 none !important;
	background-repeat: repeat-x;
	background-position: top;
	float: center;
	font-family: arial;
	height: 143px;
	width: 994px;
	margin-left: 0px;
	_margin-left: 0px;
	
	
}

#footer-top .body
{
	background-image: url(../styles/Images/bottom-total.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	/*float: left;	*/
	height: 116px;
	width: 952px;
	margin: 15px 21px 13px 21px;

	
}

#footer-top .body div 
{
	float: left;
	height: 114px;
}
#footer .image
 {
	float:left;
	margin-left: 10px;
	margin-top: 25px;	
}

#footer .imageAccidente
 {
	float:left;
	margin-left: 0px;
	margin-top: 18px;	
}

#footer .button 
{
	float:right;
	height: 10px;
	width: 40px;
	margin-right: 10px;
	
}

#footer .buttonAccidente 
{
	float:right;
	height: 10px;
	width: 40px;
	margin-right: 10px;
	margin-top: 18px;
}

#footer h3 
{
	font-family:Arial;
	font-weight: bold;
	color: #00658A;
	width: 144px;
	float:left;
	padding-top: 25px;
	padding-left: 15px;
}
#footer-top p 
{
	font-size: 12px;
	font-family:Arial;
	float: left;
	width: 140px;
	color: #333333;
	padding-top:5px;
	padding-left: 90px;
	margin-bottom: 5px !important;
}


.left 
{
	width: 234px;
}

#footer-top div .inner 
{	
	width: 243px;

}
.abaoficina
{	
	width: 243px;

}
.abaoficina h3
{	
	width: 142px !important;
	
}
.abaoficina p
{	
	width: 140px !important;
	padding-left: 14px !important;
	
}
.abaoficina img
{	
	float:left;
}

/* right */

.right div
 {
	width: 100px;
}
.right img
 {
	float:left;
}
		
.right p
{	

	width: 80px !important;
	padding-right: 5px !important;
	padding-bottom:5px;
}

.right h3
{	
	width: 80px !important;
}

/* footer logos */

#footer-logos, #footer-logos span a
 {
	padding: 10px 5px;
	color: #ACD6DC;
	font-family:arial;
}
#footer-logos span.logos-text4 a
{
	
	padding: 10px 0px;
	text-decoration: underline !important;
	
}
.logos-left 
{
	float:left;
	width: 355px;
}
.logos-left img
{
	/*float:left;*/
}
 .logos-text1
{
	/*float:left;*/
	padding: 0px 10px;
	position:relative;
	bottom:4px;
	font-size: 12px;
}
.logos-text2
{
	/*float:left;*/
	font-size: 9px;
}

 .logos-text3
{
	
	font-size: 9px;
	text-decoration: underline;
}
.logos-text3
{
	color: #ACD6DC;
}

 .logos-text4
{
	font-size: 8px;
	text-decoration: underline !important;
	*float: right;
	_float: none;
	
}

.logos-right
{
	float:right;
	width: 335px;
	height:50px;
	
}
.logos-right img
{
	float:left;
}

/**************REMOVE BORDERS IE7******************/
input[type="text"]
{
	border:1px solid transparent;
}
/*************************/
/****************************************************SCROLLABLE STYLESHEET************************************************************************/



/* outmost wrapper element */
#scrollable {
	/*background-color:#efefef;*/
	border:1px solid #ddd;
	padding:10px 8px;
	width:750px;
	height:250px;
}

/* container for the scrollable items */
div.items {
	height:auto;	
	padding-left:20px;	
	float:left;
	width:735px !important;
	
}

.main{
	background-image: url(style/images/login-bg.png);
	
}

/* single item */
div.items div {
	display:block;
	float:left;
	margin:30px 8px 0 0 ;
	width:175px;
	height:275px;
	font-size:50px;
	color:#ccc;
	text-decoration:none;

}
div.items div img {
*position: relative;
*bottom: 20px;
_top: -8px;
}
div.items div:hover {
	color:#999;	
}

div.items div.active {
	color:#555;
	cursor:default;
}


/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:30px;
	height:30px;
	float:left;
	background-repeat:no-repeat;	
	margin:15px 0 0 0;
}

a.prev {
	background:url(images/button-left.gif);		
}

a.prev:hover {
	background:url(images/button-left-over.gif);		
}

a.next {
	background:url(images/button-right.gif);		
}

a.next:hover {
	background:url(images/button-right-over.gif);		
}


/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}


/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	

/**********************************TOP MENU***********************************************/

#header .topnav

{

	

	width: 1000px !important;
	_width: 1003px !important;

}

.clear

{

clear: both;

}
.topnav

{

	background: none !important;

	margin: 0 !important;

	padding: 0px !important;

}

.topnav .mainmenu li a

{

	display: block;
	cursor: pointer;

	

}

.topnav .mainmenu li a span

{

	visibility: hidden;

}



.topnav .mainmenu .home a

{ 

	background-image:url(images/home.png);
	_background-image:url(images/home-ie6.png);
	*background-image:url(images/home-ie6.png);
	background-image /*\**/:url(images/home-ie6.png)\9 !important ;

	background-repeat: no-repeat; 

	background-position: 0 0;



	height: 42px;

	width: 84px;	

}

.topnav .mainmenu .home a:hover

{ 

	background-image:url(images/home.png);
	_background-image:url(images/home-ie6.png);
	*background-image:url(images/home-ie6.png);
	background-image /*\**/:url(images/home-ie6.png)\9 !important ;
	

	background-repeat: no-repeat; 

	background-position: 0 -42px;

	height: 42px;

	width: 84px;

	

}

/*************************/

.topnav .mainmenu .quienes a

{ 

	background-image:url(images/quienes.png);

	background-repeat: no-repeat; 

	background-position: 0 0;



	height: 42px;

	width: 117px;	

}

.topnav .mainmenu .quienes a:hover

{ 

	background-image:url(images/quienes.png);

	background-repeat: no-repeat; 

	background-position: 0 -42px;

	height: 42px;

	width: 117px;

	

}
.topnav .mainmenu .autos a

{ 

	background-image:url(images/autos.png);

	background-repeat: no-repeat; 

	background-position: 0 0;



	height: 42px;

	width: 117px;	

}

.topnav .mainmenu .autos a:hover

{ 

	background-image:url(images/autos.png);

	background-repeat: no-repeat; 

	background-position: 0 -42px;

	height: 42px;

	width: 117px;

	

}

/*************************/



.topnav .mainmenu .casas a

{ 

	background-image:url(images/casas.png);

	background-repeat: no-repeat; 

	background-position: 0 0;



	height: 42px;

	width: 117px;	

}

.topnav .mainmenu .casas a:hover

{ 

	background-image:url(images/casas.png);

	background-repeat: no-repeat; 

	background-position: 0 -42px;

	height: 42px;

	width: 117px;

	

}

/*************************/



.topnav .mainmenu .empresas a

{ 

	background-image:url(images/empresas.png);

	background-repeat: no-repeat; 

	background-position: 0 0;



	height: 42px;

	width: 117px;	

}

.topnav .mainmenu .empresas a:hover

{ 

	background-image:url(images/empresas.png);

	background-repeat: no-repeat; 

	background-position: 0 -42px;

	height: 42px;

	width: 117px;

	

}

/*************************/



.topnav .mainmenu .otros a

{ 

	background-image:url(images/otros.png);

	background-repeat: no-repeat; 

	background-position: 0 0;



	height: 42px;

	width: 117px;	

}

.topnav .mainmenu .otros a:hover

{ 

	background-image:url(images/otros.png);

	background-repeat: no-repeat; 

	background-position: 0 -42px;

	height: 42px;

	width: 117px;

	

}

/*************************/



.topnav .mainmenu .subastas a

{ 

	background-image:url(images/subastas.png);

	background-repeat: no-repeat; 

	background-position: 0 0;

	height: 42px;

	width: 117px;	

	position: relative;



	*position: static;

}

.topnav .mainmenu .subastas a:hover

{ 

	background-image:url(images/subastas.png);

	background-repeat: no-repeat; 

	background-position: 0 -42px;

	height: 42px;

	width: 117px;

	position: relative;



	*position: static;}

/*************************/


.topnav .mainmenu .rightcorner

{ 

	background-image:url(images/right.png) !important;
	*background-image:url(images/right_ie6.png) !important;
	_background-image:url(images/right_ie6.png) !important;
	background-image /*\**/:url(images/right_ie6.png)\9 !important ;
	background-repeat: no-repeat; 
	height: 42px;
	width: 214px;	
	border: none !important;
	position: relative !important;
	top:0px;
	left:786px;
	display:block !important;
	*position: relative !important;
	*left: 0px !important;
	_left: -3px !important;

}

/***********************************************/

.items div h3

{

color:#0679AC;

font-family:arial;

font-size:14px;

height:36px;

margin-top:37px;

padding:12px;

width:135px;	
_padding-bottom: 0px;
_height: 51px !important;

}

.items div p

{

color:#333333;

font-family:arial;

font-size:11px;

height: 101px !important;

*height:101px;
_height: 97px !important;

padding:0 14px;

padding-top: 10px;

width:130px;	

margin-bottom: 0px;
_padding-top: 2px;


}



.items div a img 
{
	margin-left: 15px;
	width: 134px;
	height: 29px;
}

.car
{
	background-image: url(images/car-box.png);
	background-repeat: no-repeat;
}

.house
{
	background-image: url(images/house-box.png);
	background-repeat: no-repeat;
}

.empresa
{
	background-image: url(images/empresa-box.png);
	background-repeat: no-repeat;
}

.other
{
	background-image: url(images/other-box.png);
	background-repeat: no-repeat;
}



/* english button */

.english 

{ 
	background-image:url(images/englishbutton.png) !important;
	background-repeat: no-repeat; 
	height: 19px;
	width: 90px;	
	border: none !important;
	position: relative !important;
	top:14px;
	left: 100px;
	float: none !important;
}

.english:hover

{ 

	background-image:url(images/englishbutton.png);
	background-repeat: no-repeat; 
	background-position: 0 -19px;
	height: 19px;
	width: 90px;
	position: relative;
	top:14px;
	left: 100px;
	
	float: none !important;
	}
	
	
/*****************************SERVICIOS BOX**********************************************************/

.servicios-box
{
	background-image: url('images/servicios-box.png');
	background-repeat:no-repeat;
	width: 214px;
	height: 145px;
	position: relative;
	left: 766px;
	top: 18px;
}
.servicios-box ul
{
	margin: 0 auto;
	width: 201px;
	position: relative;
	top: 27px;
}
.servicios-box li a span
{
	visibility:hidden;
}
/******************************/
.servicios-box .cliente a
{
	background-image: url('images/cliente.png');
	background-repeat: no-repeat;
	display: block;
	height:22px;
	width: 201px;
}
.servicios-box .cliente a:hover
{
	background-image: url('images/cliente.png');
	background-repeat: no-repeat;
	background-position: 0 -22px;
	display: block;
	height:22px;
	width: 201px;
}
/******************************/
.servicios-box .agentes a
{
	background-image: url('images/agentes.png');
	background-repeat: no-repeat;
	display: block;
	height:22px;
	width: 201px;
}
.servicios-box .agentes a:hover
{
	background-image: url('images/agentes.png');
	background-repeat: no-repeat;
	background-position: 0 -22px;
	display: block;
	height:22px;
	width: 201px;
}
/******************************/
.servicios-box .agencias a
{
	background-image: url('images/agencias.png');
	background-repeat: no-repeat;
	display: block;
	height:22px;
	width: 201px;
}
.servicios-box .agencias a:hover
{
	background-image: url('images/agencias.png');
	background-repeat: no-repeat;
	background-position: 0 -22px;
	display: block;
	height:22px;
	width: 201px;
}
/******************************/
.servicios-box .empleados a
{
	background-image: url('images/empleados.png');
	background-repeat: no-repeat;
	display: block;
	height:22px;
	width: 201px;
}
.servicios-box .empleados a:hover
{
	background-image: url('images/empleados.png');
	background-repeat: no-repeat;
	background-position: 0 -22px;
	display: block;
	height:22px;
	width: 201px;
}
/******************************/
.servicios-box .proveedores a
{
	background-image: url('images/proveedores.png');
	background-repeat: no-repeat;
	display: block;
	height:23px;
	width: 201px;
}
.servicios-box .proveedores a:hover
{
	background-image: url('images/proveedores.png');
	background-repeat: no-repeat;
	background-position: 0 -23px;
	display: block;
	height:23px;
	width: 201px;
}

#registrateAquiBtn{
	position:absolute;
	font-size:7pt;
	color:#333333 !important;
	margin-top:31px;
	right:13px;
	width:80px;
	height:13px;
	text-align:center;
	z-index:1;
}
.registrateAquiLink{
	background-image:url(images/registrateAquiBg.png) !important;
	background-repeat: no-repeat; 
	height: 13px;
	_height: 12px;
	width: 80px !important;	
	border: none !important;
	float: none !important;
	color: #FFFFFF;
	_padding-top:1px;
	display: block;
}
.registrateAquiLink:hover{
	background-image:url(images/registrateAquiBg.png) !important;
	background-repeat: no-repeat; 
	background-position: 0 -13px;
	height: 13px;
	_height: 12px;
	_padding-top:1px;
	width: 80px;	
	border: none;
	position: relative;
	float: none !important;
	color: #0672a0;
	display: block;
}

/*****************ROTATOR****************/
.rotator
{
	border: 1PX SOLID #ADADAD;
	
	background: #ADADAD url(images/bg-rotator.png) repeat-x bottom;
	width: 211px;
	height: 263px !important; 
	float: left;
	/*padding: 3px;*/
	text-align: center;
	position: relative;
	top: 15px;
	left: 11px;
	/**padding: 5px 0px !important;
	*left: 0px;
	*width: 234px;*/
	padding: 0px !important;
	overflow: hidden !important;
}
.rotator img
{
	width: 211px;
	height: 243px;

}

/******/
