@charset "utf-8";
/* CSS Document */


* {padding: 0; margin: 0;}
a {outline: 0; text-decoration:none; color:#0053D7;}
a:hover{color:#5F7DFF;}
a img {border-width:0;}


body{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:normal;
	color:#21343D;
	background: #99b0da url("img/fondo.gif") repeat-x top;
}

#todo{
	background-color:#ffffff;
	position:relative;
	margin:30px auto 0 auto;
	width:980px;
	height:640px;
	border:#556 1px solid;
	box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
}
#triangulosuperior{
	position:absolute;
	left:0;
	top:0;
	width:320px;
	height:200px;
	background: url("img/triangulo-superior.jpg") no-repeat top left;
}
#logo{
	position:absolute;
	left:20px;
	top:10px;
	width:180px;
	height:110px;
}
#marcas{
	position:absolute;
	left:370px;
	top:10px;
}

h1{
	position:abosolte;
	right:20px;
	top:120px;
	font-size: 40px;
	font-weight:normal;
	color:#0144C1;
}


#menuvertical{
	position:absolute;
	left:840px;
	top:150px;
	width:140px;
}
#menuvertical a{
	display:block;
	width: 110px;
	padding: 10px 15px;
	margin:20px 0;
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	background-color:#042769;
}
#menuvertical a:hover{
	color:#000;
	background-color:#C3D0E7;
}




#trianguloinferior{
	position:absolute;
	right:0;
	bottom:0;
	width:260px;
	height:60px;
	padding: 120px 20px 20px 40px;
	background: url("img/triangulo-inferior.jpg") no-repeat bottom right;
}

#direccion{
	margin:10px auto;
	text-align:center;
	color:#002866;
	font-size: 10px;
}
#direccion a{color:#001D47;}
#direccion a:hover{
	color:#0053D7;
	text-decoration:underline;
}