/*Documento CSS para 

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:

*************************************************************************************/

@import 'elementos_genericos.css';
@import 'menus.css';
@import 'sidebar.css';
@import 'tablas.css';

/*************************************************************************************
Elementos 
**************************************************************************************/
* {
	margin:0px;
	padding:0px;
}
/**************************************************************************************
	BODY 
**************************************************************************************/
body {
	text-align:center;
	background:#242424 url(../imagenes/bg_body.jpg) repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}


/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
#contenedor {
	width:900px;
	margin:auto;
	height:600px;
}
/***************************************************************************************
	CABECERA
***************************************************************************************/
#cabecera {
	width:100%;
	height:100px;
	background:url(../imagenes/bg_cabecera.jpg) no-repeat;
}
	#cabecera img {
		float:left;
	}
		#cabecera img#peugeot_logo {margin-left:20px;}
/***************************************************************************************
	CONTENIDOS
***************************************************************************************/
#contenido {
	background:#dadada;
	text-align:left;
	padding-bottom:20px;
	min-height:630px;
	/*height:900px;*/
}
#club {
    position:absolute;
    width:900px;
}
    #int_club {
        float:right;
        /* medidas div 200x125 */
        width:180px;
        height:175px;
        padding:50px 10px 0px 10px;
        background:url(../imagenes/club.jpg) no-repeat;
    }
	#int_club a{
		color:#fff;
	}
	#int_club a:hover{
		text-decoration:underline;
	}
/**********************************
		BLOQUES CONTENIDOS
**********************************/
.bloque_p,
.bloque_m,
.bloque_g,
.bloque_sg,
.bloque_xl,
.bloque_xxl {
	float:left;
	padding:30px;
}
.bloque_p {width:165px;} /* 225 */
.bloque_m {width:240px;} /* 300 */
.bloque_g {width:390px;} /* 450 */
.bloque_sg {width:540px;} /* 600 */
.bloque_xl {width:615px;} /* 675 */
.bloque_xxl {width:840px;} /* 900 */

.bloque_contenido {}
.cabecera_bloque_contenido {}
.cuerpo_bloque_contenido {}
.pie_bloque_contenido {}


/* span */
#contenido span {color:#f00;}
/**********************************************
		SECCIONES
**********************************************/
/***************************
		COMUN PARA TODAS LAS SECCIONES
***************************/
img#cabecera_seccion {
	margin-top:25px;
}
/***************************
		INDEX
***************************/
ul.img_index,
ul.sec_index {
	margin:0px;
	padding:0px;
	width:100%;
	height:300px;
}
	ul.img_index li,
	ul.sec_index li {
		margin:0px;
		padding:0px;
		float:left;
		display:block;
		width:225px;
		height:300px;
	}
.bloque_dest,
.bloque_dest_ult {
	width:184px;
	height:300px;
	float:left;
	padding:0px 20px;

}
.bloque_dest {
		border-right:#999 1px dotted;
}
	.bloque_dest h4,
	.bloque_dest_ult h4 {
		font-size:14px;
		color:#F00;
	}
	.bloque_dest p,
	.bloque_dest_ult p {
		text-indent:15px;
		font-size:11px;
		line-height:15px;
	}
/***************************
		CONTACTO
***************************/
form {width:100%;}
form ul {
	height:25px;
	width:100%;
	margin-bottom:10px;
}
form li {
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}
form label {
	width:140px;
	display:block;
	font-weight:bold;
}
input.entrada_g {
	width:400px;
	height:25px;
}
textarea#mensaje {
	width:400px;
	height:100px;
}

input.entrada_g,
textarea#mensaje {
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
input.entrada_m,select.entrada_m {
    width:110px;
}
input.boton {
	margin-top:5px;
	float:left;
	width:100px;
	height:30px;
	font-size:11px;
	font-weight:bold;
}

form p {
	margin-bottom:10px;
}
/***************************
		BOUTIQUE Y VENTA DE MOTOS
***************************/
/*menu marcas*/
ul.menu_marcas {
	width:100%;
	height:50px;
	margin-bottom:25px;
}
ul.menu_marcas li {
	padding:5px;
	float:left;
	display:block;
	width:100px;
	height:60px;
	margin:2px;
	background:#fff;
}
ul.menu_marcas a {
	display:block;
	width:100px;
	height:15px;
	padding-top:45px;
	text-align:center;
	font-size:10px;
	color:#333;
}
ul.menu_marcas a:hover {
	text-decoration:underline;
	color:#f00;
}
	li.peugeot,a.peugeot {
		background:url(../imagenes/peugeot_gris.jpg) no-repeat;
	}
	li.kenrod,a.kenrod {
		background:url(../imagenes/kenrod_gris.jpg) no-repeat;
	}
	li.lifan, a.lifan {
		background:url(../imagenes/lifan_gris.jpg) no-repeat;
	}
	li.tbq, a.tbq {
		background:url(../imagenes/tbq_gris.jpg) no-repeat;
	}
	li.otras, a.otras {
		background:url(../imagenes/otras_gris.jpg) no-repeat;
	}
	/* sobre los botones */
	a.peugeot:hover {
		background:url(../imagenes/peugeot_color.jpg) no-repeat;
	}
	a.kenrod:hover {
		background:url(../imagenes/kenrod_color.jpg) no-repeat;
	}
	a.lifan:hover {
		background:url(../imagenes/lifan_color.jpg) no-repeat;
	}
	a.tbq:hover {
		background:url(../imagenes/tbq_color.jpg) no-repeat;
	}
	a.otras:hover {
		background:url(../imagenes/otras_color.jpg) no-repeat;
	}


h3.marca_moto {
	width:100%;
	text-indent:30px;
}

/* bloques de moto */
ul.cabecera_bloque_producto {
	padding:0px;
	margin:0px;
	width:100%;
	border-right:#f00 5px solid;
	background:#ccc;
	height:30px;
	margin-bottom: 20px;
}
ul.cabecera_bloque_producto li {
	display:inline-block;
	width:45%;
	height:30px;
	line-height:30px;
	text-align:right;
}
ul.cabecera_bloque_producto h2 {
	color:#f00;
	font-size:16px;
	text-align:left;
	text-indent:10px;
}
ul.cabecera_bloque_producto span {
	color:#f00;
	font-size:16px;
	font-weight:bold;
}
ul.cabecera_bloque_producto a:hover {
	text-decoration:underline;
	color:#f00;
}
img.imagen_producto {
	float:left;
	padding:3px;
	border:#ccc 1px solid;
}

ul.descripcion_bloque_producto {
	width:50%;
	background:#ccc;
	padding:10px 20px;
	min-height:164px;
	float:right;
}
ul.descripcion_bloque_producto li {
	width:100%;
	background:#ccc;
	margin-bottom:5px;
}
ul.descripcion_bloque_producto h3 {
	font-size:14px;
	text-decoration:underline;
}
ul.descripcion_bloque_producto h4 {
	background:#c00;
	color:#fff;
	padding:5px;
	font-size:12px;
}
ul.descripcion_bloque_producto span {
	color:#f00;
}
li.buscador {
    font-weight:bold;
    color:red;
    width:150px;
}
#popup {
	position:absolute;
	top:70%;
	left:40%;
	z-index:100;
}
#popup_mov {
	position:absolute;
	top:0%;
	left:40%;
	z-index:100;
}
/***************************************************************************************
	ALQUILER
***************************************************************************************/

#bloque_modelos_alquiler {
}
	#bloque_modelos_alquiler h4 {
		padding:5px;
		background: #d01413;
		color:#fff;
	}	
ul.modelos_alquiler{
    width:150px;
    float:left;
}
    ul.modelos_alquiler li.cilindrada{
        height:20px;
        border:#999 1px solid;
        margin:2px;
        padding:2px;
        text-align:center;
        font-weight:bold;
        background:#FFF;
        color:red;
    }
    ul.modelos_alquiler li.modelo{
        margin-bottom:10px;
        padding:2px;
        line-height:17px;
        border-bottom:#666 1px dotted;
        background:#ccc;
        text-indent:30px;
    }
    ul.modelos_alquiler li.modelo a{
        color:#000;
    }
 ul.modelos_alquiler li.modelo a:hover{
        color:red;
    }
/***************************************************************************************
	CUENTA USUARIO
***************************************************************************************/
/* ul menu */
ul#menu_cuenta {
    margin-top:20px;
	padding-left:15px;
	width:650px;
	height:20px;
	margin-bottom:20px;
}

ul#menu_cuenta li{
	display:inline-block;
	height:22px;
	border:#999 1px solid;
	margin:2px;
	padding:2px;
}
ul#menu_cuenta a {
	background:#fafafa;
	height:20px;
	line-height:20px;
	padding:5px 7px;;
	color:#333;
	font-size:12px;
}
ul#menu_cuenta a:hover {
	color:#f00;
	text-decoration:underline;
}

/* Datos de usuario */
ul.dato_usuario {
	height:25px;
	width:100%;
	margin-bottom:10px;

}
ul.dato_usuario li {
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}
	li.enunciado_usu {
		width:140px;
		display:block;
		font-weight:bold;
	}
	li.dato_usu {
		background:#ccc;
		padding:5px;
		width:400px;
		height:20px;
	}

/*
form li {
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}
form label {width:140px;display:block;}
input.entrada_g {width:400px;height:25px;}
textarea#mensaje {width:400px;height:100px;}
input.boton {
	margin-top:5px;
	float:left;
	width:100px;
	height:30px;
	font-size:11px;
	font-weight:bold;
}

form p {
	margin-bottom:10px;
}
*/
/***************************************************************************************
	TALLER
***************************************************************************************/

/* ul menu */
ul#taller {
    display:inline;
	padding-left:15px;
	width:650px;
	height:20px;
	text-align:right;
	margin-bottom:20px;
}

ul#taller li {
	height:30px;
	border:#999 1px solid;
	margin:2px;
	padding:2px;
}
ul#taller a {
	background:#fafafa;
	height:20px;
	line-height:20px;
	padding:5px 7px;;
	color:#333;
	font-size:12px;
}
ul#taller a:hover {
	color:#f00;
	text-decoration:underline;
}

/* bloque contenidos */
#bloque_taller {
}


/* taller */
ul.talleres {
}
ul.talleres li {
	margin-bottom:10px;
	padding:2px;
	line-height:17px;
	border-bottom:#666 1px dotted;
	background:#ccc url(../imagenes/ok.png) no-repeat;
	text-indent:30px;
}

/* consejos */
ul.consejos_taller {
	width:400px;
	height:110px;
	padding:5px;
	border:#999 1px solid;
	background:#ccc;
	margin-bottom:15px;
}
ul.consejos_taller li {
	float:left;
}
li.enc_consejos {
	width:315px;
	height:20px;
	text-indent:20px;
	font-style:italic;
	border-bottom:#999 1px dotted;
	border-right:#f00 5px solid;
	font-weight:bold;
	margin-left:5px;
}

li.texto_consejos {
	width:295px;
	margin:5px 0px 0px 25px;
}

/* ofertas */
ul.puntos_ofertas_taller {
	margin-top:10px;
}
ul.puntos_ofertas_taller li {
	background:#ccc url(../imagenes/ok.png) no-repeat;
	text-indent:30px;
	padding:2px;
	margin-bottom:5px;
}

/* seguros */
ul.seguros_taller {
	padding:10px;
}
ul.seguros_taller li {
	margin-left:20px;
	margin-bottom:5px;
	list-style:none;
}
/* nuestras marcas */
img.nuestras_marcas {	margin-bottom:10px;
	padding:2px;
	line-height:17px;
	border-bottom:#666 1px dotted;
	background:#ccc url(../imagenes/ok.png) no-repeat;
	text-indent:30px;
	padding:2px;
	border:#999 1px solid;
}

/***************************************************************************************
	FAQS
***************************************************************************************/
ul.faqs {
}
ul.faqs li {margin-bottom:10px;}
ul.faqs a {color:#f00;}
ul.faqs a:hover {text-decoration:underline;}

ul.faqs_1 li {
	margin-left:10px;
	margin-bottom:10px;
	padding:2px;
	line-height:17px;
	border-bottom:#666 1px dotted;
	background:#ccc url(../imagenes/ok.png) no-repeat;
	text-indent:30px;
	margin-bottom:5px;
	list-style:none;
}

ul.faqs_2 li {
	margin-left:30px;
	margin-bottom:5px;
	list-style:none;
}

/***************************************************************************************
	PIE WEB
***************************************************************************************/
#pie {
	width:100%;
	height:200px;
	padding-top:10px;
	background:url(../imagenes/bg_pie.jpg) repeat-x;
}

ul#marcas_pie {
	height:100px;
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
	text-align:left;
	border-bottom:#333 1px dotted;
}
	ul#marcas_pie li {
		display:block;
		float:left;
		height:60px;
		margin-right:5px;
		font-size:10px;
		color:#999;
	}
		li.marca_a {
			 width:120px;
		}
		li.marca_b {
			width:100px;
		}
	ul#marcas_pie img {
			border:#333 1px solid;
			padding:2px;
	}
	ul#marcas_pie span {
		color:#0CF;
		font-size:9px;
		width:100%;
	}

/***************************************************************************************
	EXTRAS
***************************************************************************************/
p.ind {
    text-indent:15px;
    margin-top:15px;
    }
.limpia {
	clear:both;
}