/* CSS Document */ /*ojo el orden afecta el producto, funcionamiento similar a las capas, la ultima es la primera en visualizarse*/


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
caption,th { text-align: left; }
table { border-collapse: collapse;}

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, #globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, #productheader h1 a, #productheader h2 a, #productheader a.buynow, #productheader a.ordernow, #productheader a.joinnow, #productheader a.preorder, #productheader a.freetrial, #productheader a.downloadnow, #productheader a.upgradenow

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }


/*cuerpo*/
body {
	background: #363533; /*fondo, puede ser imagen o color*/
}
	
#wrapper {
	display: block;
	width: 1000px;
	height: 966px;
	margin: auto;
	background-color:#FFF;

}

/*cabecera*/
#header {
	width: 1000px;
	height:273px;		
	background:url(img/baner_superior.jpg) no-repeat;
}

/*menu*/
.submenu { width:1000px; height:107px; background-image:url(img/baner_menu.jpg)}
.menuholder { margin-left:50px; width:1000px;}
.menuholder li {float:left;}
.menuholder a {background: url(img/menu.png) no-repeat; padding:0px; display:block; width: 889px; height:57px; text-indent:-100000%}
 
/*ESTADO NORMAL*/
.ventas a {width:191px;background-position:0px 0px;}
.alquileres a {width:173px; background-position:-191px 0px;}
.compras a {width:158px; background-position:-364px 0px;}
.permutas a {width:160px; background-position:-522px 0px;}
.seguros a {width:210px; background-position:-682px 0px;}

/*ESTADO ROLLOVER*/
.ventas a:hover {background-position:0px -57px;}
.alquileres a:hover{background-position:-191px -57px;}
.compras a:hover {background-position:-364px -57px;}
.permutas a:hover {background-position:-522px -57px;}
.seguros a:hover {background-position:-682px -57px;}

/*ESTADO ACTIVO*/
.ventas a:active {background-position:0px -114px;}
.alquileres a:active{background-position:-191px -114px;}
.compras a:active {background-position:-364px -114px;}
.permutas a:active {background-position:-522px -114px;}
.seguros a:active {background-position:-682px -114px;}

/*contenido central*/
#contentizquierda {
		width:690px;
       height:519;
       float:left;
}

#contentderecha {
	width:290px;
	height:519px;
	background-image:url(img/indexderecha.jpg);
	float:right;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.sobre {
margin-top: 180px;
margin-left:100px;
padding: 0;
display: block;

}
p.sobre a {
background-image: url(img/carta_abierta.png);
width: 104px;
height: 103px;
margin-top: 180px;
padding: 0;
display: block;
text-indent: -5000px;
}
p.sobre a:hover {
background-image: url(img/carta_cerrada.png);
width: 104px;
height: 103px;
margin-top: 180px;
padding: 0;
display: block;
text-indent: -5000px;
}

/*idiomas*/
.idiomas {width:200px; height:40px; margin-top:155px; margin-left:65px;}
.idiomas li {float:left;}
.idiomas a {background:url(img/idiomas.png) no-repeat; padding:4px; display:block; width: 200px; height:40px; text-indent:-10000%}

/*ESTADO NORMAL*/
.espanol a {width:39px;background-position:-2px 0px;}
.ingles a {width:39px; background-position:-53px 0px;}
.frances a {width:39px; background-position:-109px 0px;}
.aleman a {width:39px; background-position:-157px 0px;}

/*pie de pagina*/
#footer {
	margin-top:560px;
	margin-left:0px;
	width:1000px;
	height:68px;
	background-image:url(img/baner_inferior.jpg);
}

/*menu pie*/
.menufooter { width:1000px; height:68;}
.menufooter li { float:left; margin-top:5px; margin-left:25px;}
.menufooter a {font-family:Myriad Pro; text-decoration:none; color:#ababad; font-size:14px;}

/*ESTADO NORMAL*/
.home a {font-family:Myriad Pro; text-decoration:none; color:#ababad; font-size:14px;}
.ventas a {font-family:Myriad Pro; text-decoration:none; color:#ababad; font-size:14px;}
.alquileres a {font-family:Myriad Pro; text-decoration:none; color:#ababad; font-size:14px;}
.compras a {font-family:Myriad Pro; text-decoration:none; color:#ababad; font-size:14px;}
.permutas a {font-family:Myriad Pro; text-decoration:none; color:#ababad; font-size:14px;}
.seguros a {font-family:Myriad Pro; text-decoration:none; color:#ababad; font-size:14px;}

/*ESTADO ROLLOVER*/
.home a:hover {font-family:Myriad Pro; text-decoration:none; color:#f8fa55; font-size:14px;}
.ventas a:hover {font-family:Myriad Pro; text-decoration:none; color:#f8fa55; font-size:14px;}
.alquileres a:hover {font-family:Myriad Pro; text-decoration:none; color:#f8fa55; font-size:14px;}
.compras a:hover {font-family:Myriad Pro; text-decoration:none; color:#f8fa55; font-size:14px;}
.permutas a:hover {font-family:Myriad Pro; text-decoration:none; color:#f8fa55; font-size:14px;}
.seguros a:hover {font-family:Myriad Pro; text-decoration:none; color:#f8fa55; font-size:14px;}