﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h4{
    text-align: center;  
}

em{
    font-style: normal;
    background-color: rgb(225, 234, 236);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
    background-color: #E7E9ED;
    color: #1a4979;
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}
a.mail{
    color: #0066CC;
    text-decoration: underline;
}
a.mail2{
    color: #999999;
    text-decoration: underline;
}
a.noticias-detalle
{
    color: #1a4979;
    text-decoration: underline;
}
a.mail:hover,
a.mail2:hover,
a.noticias-detalle:hover
{
    text-decoration: underline;
}
a.boton,
#content a.boton
{
    background-color: #ACACAC;
    border: none;
    color: White;
    padding: 1px 5px 3px 5px;    
}

a.boton-pdf,
#content a.boton-pdf
input.boton-pdf,
#content input.boton-pdf
{
    background: url("../img/IcoPDF.gif") 5px center #ACACAC no-repeat;
    border: none;
    color: White;
    cursor: pointer;
    padding: 1px 5px 3px 20px;    
}

a.boton-volver,
#content a.boton-volver
{
    background: url("../img/Flecha6.gif") 5px center #ACACAC no-repeat;
    border: none;
    color: White;
    float: right;
    padding: 3px 5px 3px 15px;    
}

#content a.boton.caracteristicas-generales
{
    background: url("../img/IcoCaractGen.gif") 5px center #ACACAC no-repeat;
    padding-left: 15px;
}

#content a.boton.imprimir
{
    background: url("../img/print.gif") 5px center #ACACAC no-repeat;
    padding-left: 20px;
}

#content a.boton.subir
{
    background: url("../img/Flecha4.gif") 5px center #ACACAC no-repeat;
    padding-left: 15px;
}

a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}

h2{
    color: #1A4979;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px 0 0 5px;
    text-decoration: none;
}
h2.with-aside,
h2 + aside{
    display: inline-block;
    margin: 0 5px;
}

h2.noticias-detalle{
    font-size: 18px;
}

ul.noticias-detalle{
    list-style-type:square;
    list-style-position:outside;
    margin-left: 40px;
}

.texto-noticia-detalle{
    float: left;
    width: 480px;    
}

ul.documentos-noticias-detalle li{
    list-style-type: circle;
    margin-top: 20px;
    margin-left: 20px;
}

ul.links-noticias-detalle{
    list-style-type: square;
    margin-top: 20px;
    margin-left: 20px;
}

#wrapper {
    background-color: White;
    border-radius: 15px 15px 0 0;
	margin: 0 auto;
	padding: 5px;
	width: 935px;
}
#cabecera{
    background: url("../img/cabecera.jpg") left top no-repeat;
    margin-bottom: 5px;
    padding-top: 80px;
}
#menu-principal{
    background-color: #2C7ED1;
    color: White;
}
#menu-principal li{
    display: inline-block;
    padding: 10px;
    position: relative;
}
#menu-principal li.menu-idiomas{
    float: right;
    height: 18px;
}
#menu-principal a{
    color: White;
}

#menu-principal a:hover
{
    color: #CCCCCC;
}

#menu-principal ul
{
    background-color: #2C7ED1;
    color: White;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    visibility: hidden; 
}

#menu-principal li:hover
{
    cursor: pointer;
}

#menu-principal li:hover > ul
{
    visibility: visible;
}

#menu-principal ul li
{
    white-space: nowrap;
}

#novedades-portada{
    float: right;
    width: 285px;
    margin: 0 5px;
}
#contenido{
    background-color: #F4F5F7;
}
#sidebar
{
    display: inline-block;
    padding: 2%;
    vertical-align: top;
    width: 15%;
}
#content
{
    display: inline-block;
    overflow: hidden;
    padding: 2%;
    width: 76%;
}
#content.pastilla
{
    background-color: #fff;
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#pie{
    color: #2C7ED1;
    font-size: 10px;
    height: 14px;
    text-align: center;
}
#sub-pie{
    text-align: center;
    background: #E7E9ED url("../img/SombraInf.jpg") repeat-x left top;
    padding-top: 5px;
    margin: 0 -5px -5px -5px;
}
#sub-pie a{
    color: #B1B1B1;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin-right: 10px;
    text-decoration: underline;    
}
.floating-content-wrapper{
    overflow: hidden;
}

.link-descargas
{
    background:#fff url("../img/b_Descargas1.gif") center center no-repeat;
    border-radius: 15px;
    color: White;
    display: block;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    width: 140px;    
}
.link-descarga:hover
{
    background: url("../img/b_Descargas2.gif") center center no-repeat;
}

.descarga
{
    background: #fff;
    border-radius: 15px;
    color: #1A4979;
    display: block;
    margin-bottom: 15px;
    padding: 10px;
}

.img-noticia,
.img-descarga{
    max-width: 58px;
    display: inline-block;
    vertical-align: top;
}
.img-descarga{
    float: left; 
    margin: 0 50px;  
}
.img-noticia-detalle{
    margin-right: 10px;
    float: left;
    vertical-align: middle;
    width: 212px;
}
.boton-novedad{
    background: #f8f8f8 url("../img/Flecha5.gif") no-repeat right center;
    border-bottom: solid 1px #CCCCCC;
    display: block;
    overflow: hidden;
    padding: 10px 30px;
}
.titulo-novedad,
.titulo-descarga
{
    color: #1a4979;
    display: inline-block;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    text-decoration: none;
    width: 151px;
}
.titulo-descarga
{
    width: auto; 
    padding: 0;   
}
.textbox-buscador{
    background-color: #E5E5E5;
    border: 1px solid #ACACAC;
    color: #999999;
    font-size: 11px;
}
input[type="button"].boton-lupa,
input[type="submit"].boton-lupa
{
    background-color: transparent;
    background-image: url("../img/Lupahome1.gif");
    background-repeat:no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    width: 20px;
}
h3{
    background-color: #2c7ed1;
    clear: both;
    color: White;
    padding-left:5px;
}
.grupos-portada{
    margin: 5px 0;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
.grupo-portada{
    width: 180px;
    float: left;
    margin-right: 8px;
}
.grupo-portada:last-child{
    margin-right: 0;
}
.titulo-grupo-portada
{
    background-color: #2C7ED1;
    color: White;
    display: block;
    height: 36px;
    font-weight: bold;
    text-align:center;
}
.pastilla-noticia
{
    background: #fff url("../img/Flecha5.gif") no-repeat scroll right center;
    border-radius: 15px;
    display: block;
    height: 80px;
    margin-right: 5px;
    margin-bottom: 20px;
    padding: 10px;
    width: 260px;
    float: left;
}
table.contacto,
table.alta-cliente
{
    border-collapse: separate;
    border-spacing: 8px;
    width: 100%;    
}

table.contacto th,
table.alta-cliente th
{
    text-align: left;    
}

/*.contacto input[type="text"],
.contacto textarea,
.alta-cliente input[type="text"],
.alta-cliente textarea*/
input[type="text"],
textarea,
input[type="password"]
{
    background-color: #E5E5E5;
    border: 1px solid #ACACAC;
    color: #999999;
    font-size: 11px;
    width: 100%;
}

input[type="text"].zona-usuarios,
input[type="password"].zona-usuarios,
textarea.zona-usuarios
{
    width: 100px;
}

/*input[type="button"].contacto,
input[type="submit"].contacto,
input[type="button"].alta-cliente,
input[type="submit"].alta-cliente*/
input[type="button"],
input[type="submit"]
{
    background-color: #ACACAC;
    border: none;
    color: White;
}

.error
{
    color: Red;    
}

.subtexto
{
    color: #999999;
    font-size: 10px;    
}

.bubble
{
    background-color: #c1daf4;
    border: solid 3px #1b4a7a;
    border-radius: 15px;
    display:none;
    padding: 5px;    
    /*position: absolute;*/
}
/*.bubble:after
{
    content: url("../img/flechita.png");
    display: block;
    position: absolute;
    left: 47%;    
}*/

#imagenMapa
{
    float: left;
    margin-left: 10px;
    margin-top: 10px;    
}

#player1,
#player2,
#player3{
    margin:7px auto;
    color:#FF0000;
    text-align: center;
}

.imagen-idioma{
    width: 30px;
    vertical-align: middle;
}

.grd
{
    border: solid 1px Gray;
    color: #666666;
}

.grd th
{
    background-color: #E5E5E5;    
    border: solid 1px Gray;
    color: Black;
    padding: 3px;
}

.grd td
{
    border: solid 1px Gray;
    padding: 3px;
    text-align: center;
}

.grd tr.grd-row,
.grd tr.grd-alternating-row
{
    cursor: pointer;    
}

.grd tr.grd-alternating-row
{
    background-color: #f4f4f4;
}

.grd.modelos
{
    clear: both;
    margin: 10px 0;
    font-size: 11px; 
    width: 99%;   
}

.grd-detalles
{
    color: black;
}

.grd-detalles th
{
    font-weight: bold; 
    text-align: left;
}

.grd-detalles td,
.grd-detalles th
{
    padding: 0 5px;    
}

.productos
{
    display: inline-block; 
    text-align: center;
    margin: 2px;
    width: 170px;
}

.productos img
{
    max-width: 130px;
}

.productos span
{
    font-weight: bold;    
}

a.resultados-busqueda
{
    display: block;
    padding: 5px;
}

a.resultados-busqueda:hover
{
    background-color: #F8F8F8;
}

.resultados-busqueda img
{
    max-width: 40px;    
}

.buscador,
.menu-productos
{
    background: #fff;
    border-radius: 15px;
    display: block;
    padding: 10px;    
}

.buscador h3,
.menu-productos h3
{
    background: none;
    color: #999999;    
}
.buscador a
{
    font-size: 11px;
    color: #999999;
    text-decoration: underline;
}
.buscador a:hover
{
    color: Gray;
    text-decoration: underline;
}
.boton-buscador
{
    background-image: url("../img/Flecha1.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

.grupo
{
    border-top-left-radius: 5px;
    cursor: pointer;
    display: block;
    padding: 2px;
}

.familia
{
    border-bottom: solid 1px #fff;
    color: Gray;
    display:block;
    padding: 2px;
}

.relacionados
{
    display:block;
    padding: 5px;    
}

.relacionados:hover
{
    background-color: #f8f8f8;
}

#breadcrumbs hr
{
    border:none;
    border-bottom: 5px solid #F4F5F7;    
    margin: 0 -20px;
}

a.mapa-web-grupo
{
    display: block;
    font-size: 14px;
    font-weight: bold;
}

a.mapa-web-familia
{
    color: Blue;
    display: block;
    font-size: 13px;
    margin-left: 10px;
    font-weight: bold;
}

a.mapa-web-subsubfamilia
{
    display: block;
    font-size: 12px;
    margin-left: 20px;
}

.img-adicional
{
    border:solid 1px #cccccc;
    border-radius: 5px 0 5px 0;
    display: inline-block;
    height: 71px;
    overflow: hidden;
    line-height: 69px;
    text-align: center;
    width: 90px;
}
.img-adicional img
{
    vertical-align: middle;
}

.caracteristicas-modelo
{
    max-height: 210px;
    overflow: auto;    
}