/*-------------------- BODY ------------------------ */
body {
text-align: center;
background-image: url(../images/fondo-web.gif);
background-color: #333;
color: #333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height: 16px;
padding: 0px;
margin: 0px;
}
img {
	border: 0px;
}
.pt5 {
	padding-top: 5px;
}
.p10 {padding: 10px;}
/*-------------------- CAPAS ------------------------ */
#contenedor {
margin: auto; 
width: 955px;
height: auto;
border: 0px;
background-image: url(../images/fondo-contenedor.gif);
text-align:left;
padding-left: 20px;
}
.final {
   clear:both;
   height: 10px;
   }
#logoarriba {
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 208px;
	text-align:left;
	background-color: #333;
}
#menu {
	float: left;
	background-image: url(../images/fondo-menu.gif);
	background-repeat: no-repeat;
	width: 747px;
	height: 74px;
}
#flash {
	float: left;
	background-color: #333;
	width: 565px;
	text-align: center;
	height: 235px;
}
#negro {
	clear:left;
	margin: 0px;
 	height: 25px;
	background-color: #000;
	padding: 0px;
	text-align:right;
	width: 772px;
 }
 #negro2 {
	clear:left;
	margin: 0px;
 	height: 25px;
	background-color: #000;
	padding: 0px;
	text-align:center;
	width: 772px;
	color: #fff;
	padding-top: 8px;
	
 }
#lateral {
	float:right;
	width: 175px;
	text-align: left;
}
#modulo-central {
	float: left;
	padding: 10px 10px 5px 10px;
	width: 500px;
}
#modulo-lateral {
	padding-top: 10px;
	width: 251px;
	float: left;
	text-align: left;
	padding-bottom: 6px;
}
#bloque1 {
	background-image: url(../images/fondo-bloque1.gif);
	background-repeat: no-repeat;
	width: 501px;
	height: 246px;
	text-align: left;
	
}
#bloque2 {
	background-image: url(../images/fondo-mod4.gif);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	width: 245px;
	height: 245px;
}
#bloque3 {
	background-image: url(../images/fondo-mod4.gif);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	width: 245px;
	height: 245px;
	margin-left: 10px;
}
#ficha1 {
	background-image: url(../images/fondo-ficha1.gif);
	background-repeat: no-repeat;
	width: 755px;
	height: 246px;
	text-align: left;
	
}
#ficha11 {
	float: left;
	width: 340px;
	padding-top: 10px;
}
#dobleficha{
	width: 755px;
	height: 246px;
	text-align: left;
	clear: both;
}
#caracteristicas1 {
	background-image: url(../images/fondo-caracteristicas1.gif);
	background-repeat: no-repeat;
	width: 500px;
	height: 315px;
	margin-top: 10px;
	float: left;
}
#caracteristicas2 {
	background-image: url(../images/fondo-caracteristicas2.gif);
	background-repeat: no-repeat;
	width: 245px;
	height: 152px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;

}
#info {
	margin:10px 0 0 20px;
	text-align: right;
}
.par {
	background-color: #b5c0ce;
	padding: 0 15px 0 2px;
}
.b {font-weight: bold;}
.inpar {
	padding: 0 15px 0 2px;
}
#interiores {
	width: 754px;
	margin: 10px 0 10px 10px;
	}
.white {
	background-color: #fff;
	padding: 20px;
	}
h1 {
	font-size: 25px;
	font-weight: bold;
	color: #333;
	margin: 0px;
	padding: 10px;
	padding-top: 10px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 8px;
}
h3 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.imagenmodulo {
	padding: 0 0 0 3px;
}
#textomodulo {
	padding: 10px;
}
.enlace {
	text-align: right;
	padding-top:5px;
}
#usabilidad{
	float: left;
	color: #ccc;
	padding: 2px 0 0 20px;
}
.azul { 
	color: #38799f;
	
}
.nb{
	color: #333;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin-bottom: 3px;
	margin-left: 20px;
	width: 500px;
}
.nb2{
	color: #fe6600;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin-bottom: 3px;
	width: 400px;
}
#foto {
	padding: 5px 0;
}
#oufoto {
	float:left;
	padding: 5px;
	
}
#outitular {
	color: #fff;
	background-color: #333;
	margin: 10px 0 10px 200px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 14px;
}
#precio {
	background-image: url(../images/outlet/precio.gif);
	background-repeat: no-repeat;
	width: 91px;
	height: 96px;
	text-align: center;
	float: right;
	font-weight: bold;
	font-size: 18px;
	padding-top: 35px;
}
.naranja {
	color: #FF3300;
	font-weight: bold;
}
.fecha {
	font-size:11px;
	color: #aaa;
}
#galeria {
	float: right; 
	width: 290px; 
	height: 300px; 
	background-color: #1a1a1a;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
}
.titular-rojo {
	color: #0d5a85;
	font-size: 18px;
}
#fotoDorton {
	float: left; 
	width:259px
}
#textoDorton{
	float: right; 
	width: 435px;
	height:114px; 
	border:2px solid #333; 
	background-color:#eee; 
	padding:5px
}
#textoinDorton{
	padding: 0 10px 0 10px;
}
/*-------------------- ACTUALIDAD ------------------------ */

#contenedor-noticias {
	width: 770px; 
	margin: 0px; 
	padding: 0px
}
#noticias {
	background-image: url(../images/fondo-noticias.gif); 
	background-repeat: repeat-y; 
	padding-left: 50px; 
	padding-right: 20px; 
	color: #ccc;
}
#descargas img {
	border: 2px solid #fe6600;
}
/*-------------------- EVENTOS ------------------------ */

.evento {
	font-size: 18px;
	font-weight: bold;
	color: #0d5a85;
	padding-bottom: 30px;
	line-height: 18px;
}
#fecha {
	float:left;
	 padding: 0 10px;
	 margin-right: 10px;
	 border-right: 1px dashed #333;
}
.dia {
	font-size:30px; line-height:18px; font-weight:bold; text-align:center; line-height: 25px;
}
.mes {
	font-size:14px; text-align:center; font-weight:bold; color: #0d5a85;
}
.ano {
	font-size:12px; text-align:center; font-weight:bold; color: #0d5a85;
}
/*-------------------- CONCESIONARIOS ------------------------ */
hr {
	border: 1px solid #ccc
}
.contenedorc{
	padding:10px; border: 1px dotted #2e485f; background-color:#b7ccde;
}

.11b {
	font-size: 11px;
	font-weight: bold;
}
/*-------------------- POSTVENTA ------------------------ */
#fondo-postventa{	
	float:right;
	background-image: url(../images/fondo-postventa.gif);
	background-repeat: no-repeat;
	width:414px;
	height:133px;
	padding: 20px;
	}
/*-------------------- FORMULARIO ------------------------ */
#formulario{
	background-image: url(../images/fondo-formulario.gif);
	background-repeat: no-repeat;
	width: 679px;
	height: 239px;
	padding-left: 30px;
	padding-top: 10px;
	margin-top: 10px;
	margin-left: 20px;
}
/*-------------------- ENLACES ------------------------ */
A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #8a1213;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #8a1213;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #8a1213;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}
A.h2:link
{
    TEXT-DECORATION: none;
	color: #fe6600;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin-bottom: 3px;
	width: 400px;
}
A.h2:active
{
    TEXT-DECORATION: none;
	color: #fe6600;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin-bottom: 3px;
	width: 400px;
}
A.h2:visited
{
    TEXT-DECORATION: none;
	color: #fe6600;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin-bottom: 3px;
	width: 400px;
}
A.h2:hover
{
    TEXT-DECORATION: none;
	color: #fe6600;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin-bottom: 3px;
	width: 400px;
}
A.concesionario:link
{
    TEXT-DECORATION: none;
	color: #333;
	font-weight: normal;
}
A.h2:active
{
     TEXT-DECORATION: none;
	color: #333;
	font-weight: normal;
}
A.h2:visited
{
    TEXT-DECORATION: none;
	color: #333;
	font-weight: normal;
}
A.h2:hover
{
     TEXT-DECORATION: underline;
	color: #333;
	font-weight: normal;
}
A.usabilidad:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ccc;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
A.usabilidad:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ccc;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
A.usabilidad:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ccc;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
A.usabilidad:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ccc;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

A.linkmenu:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
A.linkmenu:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
A.linkmenu:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
A.linkmenu:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #8a1213;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20;
left: -250px; /*position where enlarged image should offset horizontally */

}




.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 10px;
border: 2px solid #333;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 5;
left: 100px; /*position where enlarged image should offset horizontally */
width: 300px;
font-weight:normal;
}






/*-------------------- MENÚ ------------------------ */

#MainMenu 
{
	height:33px;
	background: #7e7f7f url("../images/bmid_066.gif");
	margin:18px 0px 0px 2px;
	border:0;
	width: 560px;
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000000 url("../images/bright_066.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("../images/bleft_066.gif") no-repeat left top;
	padding:0 6px 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	line-height:33px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #333;
	background: #7e7f7f url("../images/bmid_066.gif");
	color:#000000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid ;
	color:#000000;
	background:url("../images/bleft_066.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:33px;
	background:url("../images/bright_066.gif") no-repeat right top;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #FF9300;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFFFFF;
	font-weight:bold;
}
/*---------------------------------------GALERÍA----------------------------------*/
td {
valign: top;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 320px;
height: 200px; /*Altura del contenedor madre*/
}

.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
	width: 320px;
	padding: 15px 0 0 0;
	margin: 0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 320px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}
.panel {
 padding-right: 20px;
 border-left: 1px dotted #4f4e4e;
 padding-left: 5px;

}
.vw {
width: 312px;
height: 300px;
}

.visor1 {
width: 296px;
height: 290px;
padding: 0 0 0 20px;
margin: 0px;
}

.texto {
padding-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}
.rojo{
color: #8d080b;
font-weight: bold;
}