@charset "utf-8";

/*=======================================
* Estilos básicos
* ======================================*/
html, body {
	margin: 0;
    padding: 0;
    height: 100%;
	font-family: sans-serif;
	background: #CCCCCC url('/imagenes/fondo_gris.gif') repeat;
	color: #404040;
}

ul{
   margin: 5px 0 0 30px;
   padding: 0;
   list-style-type: circle;
}

img{
	border: 0;
}

#container {
    display: table;
    height: 100%;
    width: 99%;
    margin: 0;
    }
	
#contenido {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    }

#inner {
    border: 0px dashed #F00;
    width: 100%;
    margin: 0 auto;
    padding: 0 2px;
    }

/* \*/
* html #contenido {
    top: 50%;
    left: 0;
    height: 1px;
    }

* html #contenido #inner {
    position: relative;
    top: -50%;
    }

/*=======================================
* Links
* ======================================*/
a, a:link, a:hover, a:active, a:visited{
   	text-decoration: none;
	}

a.page{ 
	color: #FF7C0A; 
	font-weight: bold; 
	}


/*=======================================
* Flotantes
* ======================================*/
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 0px; font-size: 1px; }


/*=======================================
* Formularios
* ======================================*/
.nombres_form {
	margin-bottom:3px;
	width:310px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #CCC;
	padding:3px 3px;
}
.campos_form {
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #666666;
}

.titulo_form {
	width: 515px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	margin-right:10px;
	padding:4px;
	background-color: #004c99;
}


/*=======================================
* Textos
* ======================================*/
.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #444444;
	text-align: left;
}
.texto a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #444444;
	text-align: left;
}
.texto a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #FF6600;
	text-align: left;
}
.direccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.titulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}
.titulo_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.titulotes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #000;
}
.ver_mas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
}
.ver_mas a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
}
.ver_mas a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #777777;
}
.design {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
}
.sub_titulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #888888;
}
.sub_tit_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
.sub_tit_gris a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
.sub_tit_gris a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
}
.sub_tit_rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.sub_tit_rojo a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.sub_tit_rojo a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
.sub_tit_naranja {
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  border: none;
  width: 185px;
  height: 20px;
  color: #FF6C00;
  cursor:pointer;
  text-indent:5px;
}
.sub_tit_naranja a{
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  border: none;
  width: 185px;
  height: 20px;
  color: #FF6C00;
  cursor:pointer;
  text-indent:5px;
}
.sub_tit_naranja a:hover{
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  border: none;
  width: 185px;
  height: 20px;
  color: #000000;
  cursor:pointer;
  text-indent:5px;
}
.texto_justificado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
}
.texto_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}


/*=======================================
* Botonera KTM, OFFROAD, STREET, ETC.
* ======================================*/
.navbar
{
float:left;
width:210px;
height:500px;
margin-right:5px;
background:#FFEADB;
}  

.mainDiv
{
  margin-left:5px;
  width:185px;
  position:inherit;
  top:5px
}

.topItem
{
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url(/imagenes/ktm/modelos_2008/arrow-up-title.jpg) no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  border: none;
  width: 185px;
  height: 20px;
  color: #FF6C00;
  cursor:pointer;
  text-indent:5px;
}

.topItemOver
{
  text-indent:5px;
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url(/imagenes/ktm/modelos_2008/arrow-up-title-on.jpg) no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 20px;
  width: 185px;
  color: #000000;
  cursor:pointer;
}

.topItemClose
{
  text-indent:5px;
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url(/imagenes/ktm/modelos_2008/arrow-down-title.jpg) no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 20px;
  width: 185px;
  color: #FF6C00;
  cursor:pointer;
}


.topItemCloseOver
{
  text-indent:5px;
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url(/imagenes/ktm/modelos_2008/arrow-down-title-on.jpg) no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 20px;
  width: 185px;
  color: #000000;
  cursor:pointer;
}



.dropMenu
{
  font: bold 11px tahoma,verdana,sans-serif;	
  background-color: #FFF0E8;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=100);
  padding-top:5px;
  padding-bottom:5px;
}

.subMenu
{
   display:block;
}

.subItem
{
   margin-left:5px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #DC560F;
   
}

.subItem a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #DC560F;
}

.subItemOver
{
   margin-left:10px;
   margin-top:2px;
   font: 11px tahoma,verdana,sans-serif;	  
   height:18px;
   color: #000000;
}

.subItemOver  a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #000000;
   text-decoration:underline;
   cursor:pointer;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}