/*
CSS principal para Moto Vip
©2007-2009 Pixelmio - www.pixelmio.net
Modificado: 02/07/2010
*/

body {background:#09193D url(../images/fondo-1.jpg) repeat-x top left}
a {
	color: #1D50C2;
	text-decoration: none;
	font-weight: bold
}
a:hover {
	text-decoration: underline
}
a:visited {
	color: #1D50C2
}
a img {
	border-color: #1D50C2;
	border: none
}
a:hover img {}
a:visited img {border-color: #1D50C2}
p {margin:0 0 5px}
caption {font-weight: bold;	color: #777}
table.tblmoto {	line-height: 18px;	font-size: 10px}
th {
}
/* SQUELETTE */
#badge {
	background: url(../images/apertura.gif) top left no-repeat;
	height: 192px;
	width: 192px;
	position: absolute;
	top: 0%;
	left: 0%
}
#badge img {
	border:none
}
#oferta {
	height: 123px;
	width: 387px;
	position: relative; /* abs */
	top: -30px !important;
	top: -12px;
	left: 350px;
}
#oferta img {
	border:none
}
#container {
	padding-bottom: 20px;
}
#logo {
	margin-top:10px;
	padding-bottom:20px;
}

#logo h1 {
	background: url(../images/logo-motovip-2.gif) top left no-repeat;
	height:99px;
	display: block;
	width: 250px;
	text-indent: -9999px;
	margin: 0;
	padding:0
}
#logo h1 a {
	display:block;
	width:250px;
	height:99px
}
#marcas {margin-top:20px;}
#marcas ul{list-style: none}
#marcas ul li{float: left;margin-left:0;padding:0 70px 0 0}

#contenu {
	background-color: #FFF;
	overflow: hidden;
}

 #contenu h2 {
	color: #1D50C2;
	line-height: 1.6em;
}
#contenu h3 {
	color: #1D50C2;
	border-bottom: solid #1D50C2 1px;
	margin-bottom:10px;
}
#contenu h4 {
	letter-spacing:-1px;
	color: #1D50C2;
}
#contenu h5 {
	color: #1D50C2;
}
#contenu ul.tick {
	list-style:none;	
}

#contenu ul.tick li {
	background: url(../images/tick.png) no-repeat left top;
	padding-left:20px;
	line-height: 1.5;
}


ul.horz li {}
ul.horz li.col1 {}
ul.horz li.col2 {
	margin-left: 13em;
	padding: 0
}
ul.horz li.col3 {
	margin-left: 26em;
	padding: 0
}
ul.horz li.col4 {
	margin-left: 39em;
	padding: 0
}
ul.horz li.coltop {
	margin-top: -4.5em
}

 #contenu.petit img {
	padding: 0
}
#contenu #marcas ul {
	margin: 5px;
	padding: 0
}
#contenu .moto {
	background:url(../images/sep.png) bottom left repeat-x;
	margin-bottom: 10px;
	overflow: hidden;
}
#contenu .moto .motophoto {}

#contenu .moto .motodetails {}
#contenu .moto .motodetails p {
	font-size: 0.9em;
	line-height: 15px
}
#contenu .moto .motodetails h4 {
	font-size: 1.1em;
	margin:0;	
	color: #F60;
	
}
#contenu .moto .motocomm {background-color: #DCE3F4; color:#1D50C2; margin-bottom:10px}
#contenu .moto .motocomm p {
	margin-bottom:0;
	padding:6px 10px;
}

ul#menu {
	height:22px;
}

ul#menu  {margin:0 0 10px;list-style-type:none}
ul#menu li {float:left;margin:0; font-size:16px}

ul#menu li a {
	display:block;
	text-decoration:none;
	padding:2px 10px 0;
	color: #FD7D23;
}

ul#menu li a.current {
	color:#FFF;
}

ul#menu li a:hover {
	color:#DDD;	
}

#subMenu {font-size: 90%}
#subMenu ul#top {}
#subMenu a {
	color: #FFF;
	text-decoration: none
}
#subMenu a.active {}
#subMenu a:hover {}
#subMenu ul li {
display:block;
float:left;
height:30px;
line-height:30px;
margin-left:-1px;
padding:0 15px;
}


#subMenu ul li.left {
	background: url(../images/left.png) no-repeat;
	margin-right: 1px
}
#subMenu ul li.left.active {
	background: url(../images/leftH.png) no-repeat
}
#subMenu ul li.left:hover {
	background: url(../images/leftH.png)
}
#subMenu ul li.mid {
background-image:url(../images/mid.png);
margin-right:1px;
}

#subMenu ul li.mid.active {
	background-image: url(../images/midH.png)
}
#subMenu ul li.mid:hover {
	background-image: url(../images/midH.png)
}
#subMenu ul li.right {
	background: url(../images/right.png) right top no-repeat
}
#subMenu ul li.right.active {
	background: url(../images/rightH.png) right top no-repeat
}
#subMenu ul li.right:hover {
	background: url(../images/rightH.png) right top
}
#footer {
	background-color: #FFF;
	border-top:#CCC solid 1px;
	margin-bottom:10px;
}
#footer p {
	font-size:80%;
	font-weight:bold;
	text-align:right;
	padding:10px
}


/* @group Formularios */

#formulario {}
#contact-form label {
	line-height: 21px;
	color: #1D50C2;
	font-weight: bold
}
#contact-form textarea {
	font: normal 1em/1.3em Arial, Helvetica, sans-serif;
	width: 90%
}
#contact-form input {
	width:99%;
	font: normal 1em/1.3em Arial, Helvetica, sans-serif
}
#compra-form label {
background-color:#DCE3F4;
color: #1D50C2;
float:left;
font-weight:bold;
line-height:29px;
margin-right:3px;
padding-right:10px;
text-align:right;
width:250px;
}

#compra-form textarea {
	width: 60%
}
#compra-form input {
	width: 60%;
	font-size: 150%;
	color: #3562CA;
}
#compra-form p {
	margin: 10px
}


form#newsletter{}
form#newsletter p{
	margin-bottom:5px}
form#newsletter label{float:left;width:100px}

/* @end */

#mapa {}
#contenu #mapa img {padding: 1px;border: none}
#contenu #mapa p {}
#motosUsadas {
	width:55%;
	float:right;
	background-color: #e5e5e5;
	margin: 0 0 15px 15px;
	padding-left:10px;
}
#motosUsadas h4 {
	font-size:1.5em;
	margin-bottom:10px;
}
#motosUsadas h5 {
	font-size:1em;
	margin:0;
}
#motosUsadas p {
	margin-bottom:5px;
	background: url(../images/mas.gif) no-repeat 99% 50%;
}
ul#marcasMotos {
	margin:0
}
/* CLASSES */

.benelli {
	background:url(../images/bg_benelli.png) center center no-repeat
}
.eloigne {
	margin-left:-10000px
}
.enligne {
	list-style-type: none
}
.enligne li {
	display:inline
}
.enligne li img {
	margin-right: 0px
}
.enligne2 {
	list-style-type: none
}
.enligne2 li {
	display:inline
}
.enligne2 li img {
	margin-right: 5px
}
/* Div + Class*/
.marcas ul {
}
.marcas li {
}
.motoventa {
	overflow: auto;
	width: 99%
}
.motoimage {
}
.motoimage p {
}
.motoimage .petit img {
	padding:0 5px
}
.motodatos {
}
.motodatos table tr td {
	padding: 2px 0 2px 5px
}
.motodatos table tr th {
	padding: 10px;
	font-size: 2em;
	color: #FFF;
	background-color:#F60
}
.test {
	margin-left:320px
}
.eleCtr {
	margin:0 auto
}
.eleCtr td {
	vertical-align: top
}
.txtCtr {
	text-align:center
}
.fga {
	float:left;
	margin-right: 10px
}
.fda {
	float:right;
	margin-right: 25px
}
.ml10 {
	margin-left:10px
}
.orange {
	color:#F60
}
.error {
	color:#F00;
	font-weight:bold
}
.red {
	color:#F00;
	font-size:110%
}
.fixe {
	height:4em
}
.petit {
	font-size:75%
}
.gris {
	color:#555
}
.gras {
	font-weight:bold
}
.fdorange {
	background-color:#FFEDE1
}
div.hr {
	background: url(../images/hr.png) no-repeat;
	height: 20px;
	padding-left: 0
}
.logoguzzi {
	height: 104px;
	text-indent: -10000px;
	width: 90%;
	background-image: url(../images/moto-guzzi-q.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.logohyosung {
	height: 50px;
	text-indent: -10000px;
	width: 90%;
	background-image: url(../images/hyosung-q.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.logobenelli {
	height: 67px;
	text-indent: -10000px;
	width: 90%;
	background-image: url(../images/benelli-q.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.logohusaberg {
	height:67px;
	text-indent:-10000px;
	width:90%;
	background-color: transparent;
	background-image: url(../images/husaberg-q.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.logodaelim {
	height: 58px;
	text-indent: -10000px;
	width: 90%;
	background-image: url(../images/daelim-q.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.logotriumph {
	height: 67px;
	text-indent: -10000px;
	width: 90%;
	background-image: url(../images/triumph-q.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.tblMarcas {
	background-image:url(../images/bgTh2.png);
	height: 30px
}
.borderTop {
	border-top:#d0d0d0 solid 1px
}