/* General 
------------------------------------------------------------------- */

html {height: 100%;}

body {
	color: #000;
	font: normal 12px Arial;
	margin:0px;}
	
a {text-decoration:none; color:#D7172F;}

.chiquito-rojo {
/*background: #D7172F;*/
border-bottom:#999999 1px solid;
border-right:#999999 1px solid;
font-size:14px;
color:#000000;
/*padding:3px;*/
}

.imprimir-cupon {
background: #D7172F;
border-bottom:#999999 1px solid;
border-right:#999999 1px solid;
font-size:14px;
color:#FFFFFF;
padding:3px;
}


a img {border:none;}

ul {list-style: none;}

h3 {font-weight:normal;}

	
/* CONTENEDOS 
------------------------------------------------------------------- */

#contenedor {
	width:970px;
	margin: 0 auto;}
	
/* TOP 
------------------------------------------------------------------- */

#top {
	height:85px;
	/*background:url("../img/citroen_logo.jpg") no-repeat left bottom;
	padding: 0 0 0 115px;*/
	margin: 0 0 20px;}
	
#logocitroen {
	float:left;
	margin: 21px 18px 0 5px;
	width: 97px;
	height:69px;}

#circulocitroen {
	float:left;
	width:400px;
	height:66px;
	background:url("../img/circulo_citroen.jpg") no-repeat left bottom;}

#circulocitroen a {
	width:400px;
	height:66px;
	display:block;}
	
#botonera-top {
	float:right;
	padding: 10px 8px;
	white-space:nowrap;
	height: 46px;/*66*/
	background:url(../img/botonera_top2.jpg) no-repeat right top;
	font-size:10px;
	color:#FFFFFF;
}
	
#botonera-top a {color:#FFFFFF;}
	
#botonera-top a:hover {color:#CCC;}
		
#botonera-top ul {
	margin:0;
	padding:0;}

#botonera-top li {
	border-right:1px solid #FFFFFF;
	float:left;
	margin:0 4px 0 0;
	padding:0 8px 0 0;}

#botonera-top li#last {
	float:left;
	margin:0;
	padding:0;
	border:none;}
	
#botonera-top img {
	margin: 0 1px 0 0;}
	
#botonerabottom {
	float:left;
	width:845px;
	/*height:15px;*/
	margin: 5px 0 0;}
	
#botonerabottom ul{
	list-style:none;
	margin: 0;
	padding:0;}
	
#botonerabottom li{
	float:left;
	font-size:12px;
	border-right:1px solid #000000;
	height:10px;
	padding:0 5px;}
	
#botonerabottom li.last {
	float:left;
	border-right:none;
	height:10px;
	padding:0 0 0 5px;}

	
/* CONTENIDO 
------------------------------------------------------------------- */

#contenido {
	height:390px;
	background-color:#E8E8E8;
	font-size:11px;}
	
#contenido-txt{
	padding: 15px 0;
	width:415px;
	height:360px;
	float:right;
	overflow-y: auto;
	overflow-x:hidden;
	/*overflow:auto;*/}
	
#contenido-txt ul{
	margin:0;
	padding:0;}
	
#contenido-txt li{
	display:block;
	padding:0 0 2px;}
	
#contenido-txt h1 {
	font-size:14px;
	color:#D7172F;
	margin: 0 0 5px 0;}
	
#contenido-txt h2 {
	font-size:14px;
	font-weight:normal;
	background:#D7172F;
	color: #FFF;
	padding: 5px;
	margin: 0 15px 10px 0;}

#contenido-txt h5 {
	font-size:12px;
	color:#D7172F;
	margin: 0 0 5px 0;}
	
#contenido-txt h6 {
	font-size:11px;
	color:#D7172F;
	margin: 0;}
	
.colorrojo{color:#D7172F;}

#pagos-izq{
width:280px;
float:left;}

#pagos-der{
width:115px;
float:right;
margin: 0 10px 0;}

#pagos-der img{
margin: 0 0 5px 0;}

.contenido-linea-pie{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	width:400px;
}

	
/* BOTTOM 
------------------------------------------------------------------- */
#bottom {
	height:70px;
	margin: 15px 0 0;}
	
#bottom ul {padding:0; margin:0;}

#bottom li {
	float:left; 
	width:146px;
	height:58px;
    margin: 0 5px 0 0;
	padding:0;}	
	
#bottom li a:hover{
	opacity:0.8;
	padding: 0 0 0 1px;}	

#bottom li#form {float:left; width:210px; margin: 0 5px 0 0; background:url("../img/bb_back.jpg") no-repeat; padding:0;}	
#bottom li#last {float:left; margin: 0;}	

.bottom-txt {
	float:left;
	margin: 30px 0 0 7px;
	/margin: 30px 0 0 3px;
	/*width:85px;*/}
	
.bottom-icon {
	float:right;
	/*width:52px;*/
	margin:5px 7px 0 0;
	/margin: 5px 3px 0 0;}

.bottom-form {
	float:right;
	font-size:11px;
	margin:8px 4px 4px 0;
	color:#FFF;
	height:22px;
	width:115px;}
	
.bottom-form-send {
	-moz-border-radius:3px 3px 3px 3px;
	background: #333;
	clear:both;
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:10px;
	font-weight:bold;
	height:12px;
	margin:0 7px 0 0;
	padding:3px 4px;
	width:48px;}
	
.bottom-form input {margin:0 2px 0 0; width:50px; /width:48px;height: 14px; float:left;}

/* POPUPS 
------------------------------------------------------------------- */

#popup{
padding:20px;}

#popup h1{
font-size:14px;
color:#D7172F;}

/* FORM 
------------------------------------------------------------------- */

#form{
	width:300px;
	height: 230px;
	background:url("../img/formulario.jpg") no-repeat;
	padding: 10px;
	margin: 10px 0 0 0;
	color:#D7172F;
}	
	
#form-bt{
background:#D7172F;
color: #FFF;
padding:2px 5px;
float:right;}

input, textarea, select{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;}

/*CLICKAQUI*/
#click{
width:100px;
height:37px;
background:url("../img/click.jpg") no-repeat;
padding: 8px 5px 0 15px;
font-size:10px;
color:#FFFFFF;
line-height:10px;}

/*autos*/
#foto-auto{
width:420px;
height:390px;
margin: 0 0 0 5px;
float:left;
text-align:right;}

.modelo a {
float:left;
height:12px;
margin:0 0 0 20px;
padding:5px;
text-align:left;
background: #D7172F;
color:#FFFFFF;}

.modelo a:hover {
background: #CCC;
color:#666;}

#txt-auto{
width:315px;
height:390px;
margin: 0 0 0 5px;
float:left;}

#galleria-auto{
width:210px;
height:390px;
margin: 0 0 0 5px;
float:left;
padding:2px 0 0 0;}

#galleria-auto h1{
color:#D7172F;
font-size:11px;}

#galleria-auto ul{
margin:0;
padding:0;}

#galleria-auto li{
width:65px;
height:65px;
margin: 0 5px 5px 0 ;
float:left;
background:#CCC;}

/*TABS*/

#menu { padding: 0; margin:6px 0 0 0; height:35px;}
#menu li { display: inline; white-space:nowrap;}
#menu li a { background: #D8D8D8; padding: 5px 10px; margin: 0 5px 0 0; float:left; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
#menu li a:hover { background: #D7172F; color: #FFF;}
#menu li.active a { background: #D7172F; color: #FFF;}

.content  {
	clear:both;
	float:left;
	padding:10px 5px;
	width: 295px/*315*/;
	height:275px;
	overflow-y: auto;
	overflow-x:hidden;}

.content h1{background: #D7172F; font-size:12px; color:#FFF; padding: 2px 5px;}
.content h2{color: #D7172F; font-size:12px;}
.content ul {margin:0; padding:0;}
.content li {margin:0; padding:2px 0 2px 2px;}

.contractual3	{
color:#666666;
font-size:10px;
left:21px;
position:relative;
text-decoration:none;
top:320px;
float:left;}


.contractual4	{
color:#666;
font-size:10px;
position:relative;
text-decoration:none;
top:333px;
left:20x;
float:left;}

#go-interactive{
margin:10px 0;
text-align:center;}

.redDeAmigos {
	padding: 0px;
	height: 500px;
	width: 207px;
	position: absolute;
	z-index: 1000;
	float: right;
	right: 10px;
	top: 10px;
}