@import url("idioma.css");
/* CSS Document */

*{
margin:0;
padding:0;
}

body {
	margin:auto;
	font: 80% Verdana;
	background-color:#FFFFFF;
}

#contenedor {
	color: #666666;
	background-image:url(../img/bg-contenedor.png);
	background-repeat:repeat-y;
	margin:0 auto;
	width: 900px;
	float:left;
	font-size:12px;
}
.clear{
	clear:left;
}
#c-izq{
	width:200px;
	float:left;
}
#c-der{
	width:700px;
	float:left;
}
h1{
	color:#FFFFFF;
	font-size:14px;
	text-transform: uppercase;
	padding:5px;
	margin-bottom:10px;
}
.h1-portada{
	color:#FFFFFF;
	font-size:14px;
	text-transform: uppercase;
	padding:5px;
	margin-bottom:10px;
}
h2{
	width:95%;
	background-color:#CCCCCC;
	padding-left:20px;
	padding-top:8px;
	font-size:14px;
	text-transform: uppercase;
	color:#FFFFFF;
	margin-bottom: 5px;
}
.h2-portada{
	width:280px;
	height:22px;
	background-color:#003366;
	padding-left:20px;
	padding-top:8px;
	font-size:14px;
	text-transform: uppercase;
	color:#FFFFFF;
}
.h1-actualidad a{
	font-size:12px;
	font-style: italic;
	color: #333333;
	text-decoration:none;
}
.h1-actualidad a:hover{
	color:#999999;
}
/*************** LOGO ********************/
.logo{
	background-image:url(../img/bg-logo.png);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:70px;
	overflow:hidden;
}
/*************** AREA CLIENTES ************/
#area-clientes{
	width:190px;
	overflow:hidden;
	padding:10px 5px;
}
#area-clientes input{
	font-size:12px;
}
.area{
	font-size:12px;
}
.area2{
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
/************* MENU INICIO *********************/
#bt-inicio {
	clear:left;
	background-image:url(../img/bt-inicio.png);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:12px;
	padding:8px 10px 10px 40px;
}
#bt-inicio a{
	display:block;
	width:150px;
	color:#CCCCCC;
	font-style: italic;
	text-decoration:none;
}
#bt-inicio a:hover, #bt-inicio.activo{
	color:#6699FF;
}

/************* MENU CONTACTO *********************/
#bt-contacto{
	background-image:url(../img/bt-contacto.png);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:12px;
	padding:8px 10px 10px 40px;
	margin-bottom:10px;
}
#bt-contacto a{
	display:block;
	width:150px;
	color:#CCCCCC;
	font-style: italic;
	text-decoration:none;
}
#bt-contacto a:hover, #bt-contacto.activo{
	color:#6699FF;
}

/************* MENU PUBLICACIONES *********************/
#bt-publicaciones{
	background-image:url(../img/bt-publicaciones.png);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:12px;
	padding:8px 10px 10px 40px;
	margin-bottom:10px;
}
#bt-publicaciones a{
	display:block;
	width:150px;
	color:#CCCCCC;
	font-style: italic;
	text-decoration:none;
}
#bt-publicaciones a:hover, #bt-publicaciones.activo{
	color:#6699FF;
}


/**************** MENU ***************/
#menu {
	width: 200px;
}
#menu ul, li {
	list-style-type: none;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	border-bottom: 1px solid #ACCFE8;
	margin: 0;
	padding: 0;
}

#menu a {
	text-decoration: none;
	color: #3366CC;
	background: #E5E5E5;
	display: block;
	padding: 3px 0 3px 6px;
	width: 169px;
}
#menu a:hover{
	color:#FFFFFF;
}
#menu1{
	background-image:url(../img/bt-menu1.png);
}
#menu1 a:hover, .estilo1{
	background-color:#663333;
}
#menu2{
	background-image:url(../img/bt-menu2.png);
}
#menu2 a:hover, .estilo2{
	background-color:#993366;
}
#menu3{
	background-image:url(../img/bt-menu3.png);
}
#menu3 a:hover, .estilo3{
	background-color:#FFFF33;
}
#menu4{
	background-image:url(../img/bt-menu4.png);
}
#menu4 a:hover, .estilo4{
	background-color:#FF6600;
}
#menu5{
	background-image:url(../img/bt-menu5.png);
}
#menu5 a:hover, .estilo5{
	background-color:#336699;
}
#menu6{
	background-image:url(../img/bt-menu6.png);
}
#menu6 a:hover, .estilo6{
	background-color:#99FF00;
}
#menu7{
	background-image:url(../img/bt-menu7.png);
}
#menu7 a:hover, .estilo7{
	background-color:#990000;
}
#menu8{
	background-image:url(../img/bt-menu8.png);
}
#menu8 a:hover, .estilo8{
	background-color:#0099CC;
}
#menu9{
	background-image:url(../img/bt-menu9.png);
}
#menu9 a:hover, .estilo9{
	background-color:#660066;
}
#menu10{
	background-image:url(../img/bt-menu10.png);
}
#menu10 a:hover, .estilo10{
	background-color:#CC6633;
}
#menu11{
	background-image:url(../img/bt-menu11.png);
}
#menu11 a:hover, .estilo11{
	background-color:#669933;
}
#menu12{
	background-image:url(../img/bt-menu12.png);
}
#menu12 a:hover, .estilo12{
	background-color:#CC3300;
}
#menu13{
	background-image:url(../img/bt-menu13.png);
}
#menu13 a:hover, .estilo13{
	background-color:#990000;
}
/************** MENU SUPERIOR *****************/
#menu-sup{
	width:653px;
	height:22px;
	float:left;
	padding-left:47px;
	padding-top:20px;
}
#productos, #ecoauto-sr{
	width:120px;
	height:17px;
	display:block;
	float:left;
	padding-top:5px;
}
#productos a,#ecoauto-sr a{
	width:120px;
	height:17px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../img/bt-pestana.png);
}
#productos a:hover, #ecoauto-sr a:hover{
	background-image:url(../img/bt-pestana-a.png);
}
.separador{
	width:9px;
	float:left;
}
#menu-sup-der{
	float:left;
	width:351px;
	height:22px;
	text-align:right;
}
#menu-sup-der a{
	color:#003366;
	/*font-style: italic;*/
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003366;
}
#menu-sup-der a:hover{
	color:#6699FF;
}
/************** FLASH *************************/
#flash{
	width:690px;
	height:206px;
	padding-left:10px;
	float:left;
}

#info-izq{
	width:300px;
	padding:10px 25px 10px 15px;
	float:left;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
#info-izq p{
	text-align:justify;
	padding:5px 0;
}
#info-der{
	width:300px;
	padding:10px 15px 10px 25px;
	float:left;
}
#info-der p{
	text-align:justify;
	padding:5px 0;
}	
#info{
	width:450px;
	padding:10px 15px 10px 15px;
	float:left;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	font-size:12px;
	text-align:justify;
	color:#666666;
}
#info ul{
	padding-left:15px;
}
#info a{
	color:#003366;
	font-style: italic;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003366;
}
#info a:hover{
	color:#6699FF;
}
#submenu{
	width:170px;
	padding:10px 15px 10px 15px;
	float:left;
}
#submenu ul{
	width:170px;
}
#submenu ul li{
	width:160px;
	list-style:none;
	background-color:#666666;
	padding:5px;
	margin:5px 0;
}
#submenu ul li a{
	text-decoration:none;
	color:#FFFFFF;
}
#submenu ul li a:hover{
	color:#003366;
}