
BODY {
color: #333;
}

.form{
	border: 2px solid #ccc;
}

.form-selected{
	border: 2px solid #3D598B;
}

form{
	padding:0;
	margin:0;
	border:0;
}

.bodyentrada {
background: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 24px;
height: 100%;
visibility: visible;
}

.bodycliente {
background: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 12px;
color: #333333;
line-height: 24px;*/
height: 100%;
visibility: visible;
}

.rojo {
	background-color: #ffc5c5;
}

.verde {
	background-color: #c5ffc9;
}

#footer { 
	color:#999;	
	width:100%;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif; 
	height:auto;
}

#errorContainer {
	color: #ffffff;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:small;
	float: left;
	text-align: left;
	margin-top: 5px;
}

label {
	font-size:12px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bolder;
	text-align:right;
}

/******* Aki es donde empieza el estilo de la otra web ********/ 
	
.botonSalir {
	color:#F90;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	}

img {
	border: 0px;
	border-color: transparent;
}

.botonMenu {
	color:#FEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	}
.botonMenu:hover {
	color:#ff7800;
	}
	
.botonLogin {
	background-color: #354adb ; 	
	border: 1px solid #EEE;
	color: #EFE;
}
	
.botonLogin:hover {
	background-color: #2d3fbe;
	border-color: #ff7800;
}

.menuSelected {
	color: #000;
}
	
#detalleMovil {
	text-align: left;
}

#datosMovil {
	padding-top: 10px;
	float: left;
	width:50%;	
}

#cabecera {
	border-width: 2px;
	border-color: #F60;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.menu {
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size:small;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.seleccion {	
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999;
	font-weight: bolder;
}

.combo {
	width: 170px;
}

.parrafoMarcaModelo {
	padding-top:0;
	margin-top:0;
	text-align: left;
	padding-left: 10px;
	vertical-align:top;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight:bolder;
	color:#000;
}

.parrafoMovil {
	text-align:justify;
	line-height:  1.2;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	vertical-align:top;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#666;
}

.precio {
	text-align:left;
	padding-right: 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bolder;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	line-height:normal;
}

.marcoFoto {
	border: 1px solid #b3b1ad;
	
}

.fotoMovil {
	vertical-align:middle;
	text-align: left;
	padding-top: 10px;
	float: left;
}

.sinEstilo img {
	border: 0;
	color: transparent;
	text-decoration: none;
	color: #333333; 
}

.sinEstilo {
	border: 0;
	color: transparent;
	text-decoration: none;
	color: #333333; 
}

.cargando {
	padding-top: 100px;
	vertical-align:middle;
	text-align:center;
	height:auto;
	width:auto;
}

.notas {
	font-style:italic;
}

.tablaDetalles {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:bolder;
	color:#FFF;
	padding-left: 10px;
	text-align: left;
}

.tablaDetallesCenter {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:bolder;
	color:#FFF;
	text-align: center;
}

.tablaRow {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#333;
	padding-left: 10px;
	background: url(../images/tabla_detalles_fila.jpg) repeat-x;
	text-align: left;
}

.tablaRowPrecio {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#333;
	padding-right: 10px;
	text-align: right;
}

.tablaRowActivada {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#333;
	text-align: center;
}

.separador {
	background: url(../images/tabla_detalles_fila.jpg) repeat-x;
}

.rowVacia {
	padding-left: 10px;
	background: url(../images/tabla_detalles_fila.jpg) repeat-x;
}

.entrada {
	border:1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.entrada-selected {
	border:1px solid #ff8400;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.novedades:hover div {
	color: #ff7800;
	background-color: #F7F0E3;
}

.marca {
	padding-left: 10px;
	background: url("../images/vineta.png") no-repeat left;
}

.impar div {
	background-color:#f3f3f3;
}

.par div {
	background-color:#e6e1df;
}

/* ### GALERIA DE MODELOS ACTUALIZADOS ### */
.galActualizaciones{list-style:none;width:100%; margin-top:20px auto;}
.galActualizaciones div {
	background-color:#FFFFFF;
	border:1px solid #81ABCC;
	display:block;
	float:left;
	height:160px;
	width: 150px;	
	margin:0 9px 14px;
	overflow:hidden; 
	vertical-align:middle;
	text-align:center;
}
.galActualizaciones div:hover{ border:1px solid #ff8400;}
.galActualizaciones div a{ text-decoration:none; border: 0;}
.galActualizaciones div a img { border-style: none;}
.galActualizaciones div div{
	border: none;
	display:inline;
	height:91px;
	margin:0;
	top:0;
	vertical-align:top;
	}
.galActualizaciones div div:hover{border: none;}

.galActualizaciones div div img{cursor:pointer}
.galActualizaciones div.active div img,.galleria li.active div{display:block}
.galActualizaciones div img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galActualizaciones div .caption{display:block;padding-top:.5em}

/* ### ESTILOS PARA LOS BOTONES ### */

a.boldbuttons {
background: transparent url('../images/buttons/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; 
line-height: 22px; 
height: 30px; 
padding-left: 8px; 
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; 
}

a.boldbuttons span{
background: transparent url('../images/buttons/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 0px 10px 0px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
height: 22px;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	margin-top: 10px;
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

.titulo {
	font-weight:bold;
	border: 1px solid #6262cc;
	}

.filaMisOrdenes {
	border: 1px solid #6262cc;
	}
	
