/* - - - - - - - - - - - - - - - - - - - - -

Título : TOYOTOSHI
Autor : Javier Lobos (vampire)
URL : www.nosbase.com

Descripción : nos.css

Creado : 07 de Abril, 2006
Modificado : 30 de Marzo, 2006

- - - - - - - - - - - - - - - - - - - - - */


body {
	background-color: #003366;
	background-image: url(../gfx/background_sony.jpg);
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
a {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}
a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #ca0000;
}
h1 {
	margin-top: 0px;
}

#contenedor {
	width: 750px;
	float: left;
}

/************/
/* CABECERA */
/************/

#cabecera {
	width: 750px;
	height: 74px;
	background-color: #FFF;
}
#cabecera img {
	float: left;
}
div.contacto {
	float: right;
	width: 250px;
	height: 74px;
	padding-right: 15px;	
	background-color: #F5F5F5;
}
div.contacto p{
	text-align: right;
	margin-top: 8px;
	line-height: 15px;
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
}
#flash {
	clear: both;
	float: left;
	width: 750px;
	background-color: #F5F5F5;
}
#top{
	width: 750px;
}

/************/
/* CONTENIDO */
/************/

#contenido {
	clear: both;
	float: left;
	width: 750px;
	background-color: #E7E7E7;
/*	background-image: url(gfx/principal/fondo_contenido.gif);	
	background-repeat: repeat-y;*/
}

/************/
/* MENU */
/************/

div#menu {
	padding-top: 11px;
/*	clear: both;*/
	float: left;
	width: 150px;
	background-color: #E7E7E7;
}

div#menu div a{
	width: 150px;
	height: 32px;
	float: left;
}

div#menuInicio a{
	background: url(../gfx/botones/b_inicio.gif) no-repeat;
}
div#menuInicio a:hover{
	background: url(../gfx/botones/b_inicio_over.gif) no-repeat;
}
body#inicio div#menuInicio a{
	background: url(../gfx/botones/b_inicio_over.gif) no-repeat;
}

div#menuGrupo a{
	background: url(../gfx/botones/b_tsa.gif) no-repeat;
	cursor: default;
}
div#menuGrupo a:hover{
	background: url(../gfx/botones/b_tsa_over.gif) no-repeat;
}
body#grupo div#menuGrupo a{
	background: url(../gfx/botones/b_tsa_over.gif) no-repeat;
}
div#menuDistribuidores a{
	background: url(../gfx/botones/b_distribuidores.gif) no-repeat;
}
div#menuDistribuidores a:hover{
	background: url(../gfx/botones/b_distribuidores_over.gif) no-repeat;
}
body#distribuidores div#menuDistribuidores a{
	background: url(../gfx/botones/b_distribuidores_over.gif) no-repeat;
}

div#menuSucursales a{
	background: url(../gfx/botones/b_sucursales.gif) no-repeat;
}
div#menuSucursales a:hover{
	background: url(../gfx/botones/b_sucursales_over.gif) no-repeat;
}
body#sucursales div#menuSucursales a{
	background: url(../gfx/botones/b_sucursales_over.gif) no-repeat;
}

div#menuTalleres a{
	background: url(../gfx/botones/b_talleres.gif) no-repeat;
}
div#menuTalleres a:hover{
	background: url(../gfx/botones/b_talleres_over.gif) no-repeat;
}
body#talleres div#menuTalleres a{
	background: url(../gfx/botones/b_talleres_over.gif) no-repeat;
}

div#menuMotorSport a{
	background: url(../gfx/botones/b_motor.gif) no-repeat;
}
div#menuMotorSport a:hover{
	background: url(../gfx/botones/b_motor_over.gif) no-repeat;
}
body#motorsport div#menuMotorSport a{
	background: url(../gfx/botones/b_motor_over.gif) no-repeat;
}

div#menuContactos a{
	background: url(../gfx/botones/b_contactos.gif) no-repeat;
}
div#menuContactos a:hover{
	background: url(../gfx/botones/b_contactos_over.gif) no-repeat;
}
body#contactos  div#menuContactos  a{
	background: url(../gfx/botones/b_contactos_over.gif) no-repeat;
}
/************/
/* PRINCIPAL */
/************/

#principal {
	float: left;
	width: 570px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
}
div.marcas1 {
	float: left;
	width: 195px;
	background-color: #fff;
	margin-bottom: 15px;
}
div.marcas1 img {
	background-color: #FFF;
	padding: 5px;
	float: left;
	border: 1px solid #ccc;
}
div.marcas2 {
	float: left;
	width: 168px;
	background-color: #fff;
	margin-bottom: 15px;
}
div.marcas2 img {
	background-color: #FFF;
	padding: 5px;
	float: left;
	border: 1px solid #ccc;

}

/************/
/* SECCIONES */
/************/

#secciones {
	float: left;
	width: 600px;
	background-color: #fff;
	background-image: url(gfx/principal/fondo_secciones.gif);	
	background-repeat: repeat-y;
}
#secciones_blanco {
	float: left;
	width: 600px;
	background-color: White;
}
/*#secciones h1 {
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}*/
#secciones p {
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
#columna2 {
	width: 400px;
	float: left;
}

/************/
/* SECCION 1 */
/************/

div.seccion1 {
	float: left;
	width: 170px;
	color: #ccc;
	text-decoration: none;
	padding-left: 20px;
}
div.seccion1 h1{
	color: #ca0000;
	font-size: 12px;
	margin-bottom: 5PX;
}
div.seccion1 p{
	color: #666666;
	font-size: 12px;
	width: 170px;
	margin-top: 0PX;
	margin-bottom: 5px;
}
div.seccion1 img{
	float: right;
	margin-bottom: 5px;
}
div.barrita1 {
	width: 170px;
	clear: both;
}

/************/
/* SECCION 2 */
/************/


div.seccion2 {
	float: left;
	width: 170px;
	color: #ccc;
	text-decoration: none;
	padding-left: 20px;
}
div.seccion2 h1{
	color: #ca0000;
	font-size: 12px;
	margin-bottom: 5PX;
}
div.seccion2 p{
	color: #666666;
	font-size: 12px;
	width: 170px;
	margin-top: 0PX;
	margin-bottom: 5px;
}
div.seccion2 img{
	float: right;
	margin-bottom: 5px;
}
div.barrita2 {
	width: 170px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
}

/************/
/* SECCION 3 */
/************/

div.seccion3 {
	float: left;
	width: 170px;
	color: #ccc;
	text-decoration: none;
	margin-left: 10px;
}
div.seccion3 h1{
	color: #ca0000;
	font-size: 12px;
	margin-bottom: 5PX;
}
div.seccion3 p{
	color: #666666;
	font-size: 12px;
	width: 180px;
	margin-top: 0PX;
	margin-bottom: 5px;
}
div.seccion3 img{
	float: right;
	margin-bottom: 5px;
}
div.barrita3 {
	width: 170px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
}

/************/
/* SECCION 4 */
/************/

div.seccion4 {
	float: left;
	width: 170px;
	color: #ccc;
	text-decoration: none;
	padding-left: 20px;
}
div.seccion4 h1{
	color: #ca0000;
	font-size: 12px;
	margin-bottom: 5PX;
}
div.seccion4 p{
	color: #666666;
	font-size: 12px;
	width: 170px;
	margin-top: 0PX;
	margin-bottom: 5px;
}
div.seccion4 img{
	float: right;
	margin-bottom: 5px;
}
div.barrita4 {
	width: 170px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
}


/************/
/* SECCION 5 */
/************/
div.seccion5 {
	float: left;
	width: 170px;
	color: #ccc;
	text-decoration: none;
	padding-left: 25px;
}
div.seccion5 h1{
	color: #ca0000;
	font-size: 12px;
	margin-bottom: 5PX;
}
div.seccion5 p{
	color: #666666;
	font-size: 12px;
	width: 170px;
	margin-top: 0PX;
	margin-bottom: 5px;
}
div.seccion5 img{
	float: right;
	margin-bottom: 5px;
}
div.barrita5 {
	width: 170px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
}

/************/
/* FOOTER */
/************/

#firma {
	width: 735px;
	float: left;
}
#footer {
	clear: both;
	float: left;
	width: 750px;
	background: #003366;
}

/************/
/* INTERNAS */
/************/

#internas {
	float: left;
	width: 570px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color: #ccc;
	background-color: #fff;
}
#logo {
	width: 570px;
	height: 34px;
	float: left;
	margin-bottom:15px;
}
.volver {
	float: right;
	margin-left: 10px;
}

/************/
/* MARCAS   */
/************/

#auto1 {
	float: left;
	clear: both;	
	width: 180px;
	margin-bottom: 15px;
}
#auto1 p {
	width: 180px;
	text-align: center;
	color: #333;
	margin: 0px;
}
#auto2 {
	float: left;
	width: 180px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#auto2 p {
	width: 180px;
	text-align: center;
	color: #333;
	margin: 0px;
}
/************/
/* AUTO */
/************/

#producto {
	float: left;
	width: 320px;
	margin-top: 15px;
	color: #fff;
}
#producto img {
	clear: both;
	float: left;
	margin-bottom: 0px;
}
#fotitos {
	width: 570px;
	clear: both;
	float: left;
}

/*#fotitos img{
	float: left;
	width: 120px;
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #ccc;
}*/

div.fotitos1 {
	width: 145px;
	height: 145px;
	background-color: #FFF;
	float: left;
}
div.fotitos1 img {
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #ccc;
}

div.fotitos2 {
	width: 145px;
	height: 145px;
	background-color: #FFF;
	float: left;
}
div.fotitos2 img {
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #ccc;
}


#comentario {
	float: left;
	width: 250px;
	margin-top: 15px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #999; 
}
#comentario img {
	float: left;
	background-color: #FFF;
	padding: 1px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
#comentario h1 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #003366;
}
#comentario p {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #999; 
	line-height: 18px;
}
#detalles {
	clear: both;
	float: left;
	width: 570px;
	margin-top: 10px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #999; 
}
#detalles h1 {
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
#detalles p {
	font-size: 11px;
	color: #999; 
	line-height: 18px;
}

************/
/* FORMULARIOS */
/************/

/*form {
padding: 3px 6px 3px 6px;
}
input:hover {
color: #fff;
background-color: #ca0000;
border: 1px solid #333;
font-family: Tahoma, sans-serif, Verdana;
font-size: 11px;
}
input {
color: #fff;
background-color: #999;
border: 1px solid #666;
font-family: Tahoma, sans-serif, Verdana;
font-size: 11px;
}
select {
width: 120px;
color: #fff;
background-color: #999;
border: 1px solid #666;
font-family: Tahoma, sans-serif, Verdana;
font-size: 11px;
}
textarea {
width: 200px;
height: 20px;
color: #fff;
background-color: #999;
border: 1px solid #666;
font-family: Tahoma, sans-serif, Verdana;
font-size: 11px;
}*/


/************/
/* SONY   */
/************/


#sony1 {
	float: left;
	clear: both;	
	width: 130px;
	height: 140px;
	margin-bottom: 15px;
}
#sony1 p {
	width: 130px;
	text-align: center;
	color: #003366;
	margin: 0px;
}
#sony1 img {
	background-color: #003366;
	padding: 5px;
	float: left;
	border: 1px solid #ccc;
}
#sony2 {
	float: left;
	width: 142px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#sony2 p {
	width: 130px;
	text-align: center;
	color: #003366;
	margin: 0px;
}
#sony2 img {
	background-color: #003366;
	padding: 5px;
	float: left;
	border: 1px solid #ccc;
}
#footer_sony {
	clear: both;
	float: left;
	width: 735px;
	height: 25px;
	background: #003366;
	padding-top: 15px;
	padding-left: 15px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #fff; 
}

#footer_sony p {
	margin-left: 15px;
	padding-left: 10px;
}

/*************/
/* Menu nuevo */
/*************/

.sony3 {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px; 
	width: 140px;
	height: 124px;
	text-align: center;
	background: #003366 url('../gfx/sony/esquina.gif') no-repeat 0px 104px;
}

.sony3 img { 
	width: 130px;
	height: 98px;
	margin: 5px;
}

.sony3 p { 
	margin: 0px;
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
	color: #aaaaaa;
}