/*
    Colores
        Gris: 848E98
        Amarillo: F4EB2B
        Verde: 458F42
*/

body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: white;
	margin: 0px;
	padding: 0px;
}
#cuerpo {
	margin: auto;
	width: 1120px;
}

#cuerpo #arriba {
    background-color: black;
    padding-bottom: 0.2rem;
}

#cuerpo #arriba #logo {
    background-image: url('./imagenes/logo.jpg');
    height: 135px;
}

#cuerpo #arriba #menu {
	float: left;
	width: 850px;
}
#cuerpo #arriba #menu ul {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 58px;
    height: 2rem;
}
#cuerpo #arriba #menu ul li {
	display: inline;
	margin-right: 30px;
    height: 2rem;
    line-height: 2rem;
}
#cuerpo #arriba #menu ul li a {
	color: white;
	text-decoration: none;
}
#cuerpo #arriba #menu ul li a.activo {
	color: #2DA0D7;
}
#cuerpo #arriba #contacto {
	text-align: right;
	float: right;
	width: 320px;
}
#cuerpo #arriba #contacto a {
	color: white;
	text-decoration: none;
	padding-right: 100px;
}
#cuerpo #banner {
	height: 250px;
	width: 980px;
	margin-top: 60px;
	margin-left: 20px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px #666;
	margin-bottom: 30px;
	padding: 10px;
	text-align: center;
}

#cuerpo #banner_video {
	height: 554px; /*250px; Alain*/
	width: 980px;
	margin-top: 1rem;
	margin-left: 20px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px #666;
	margin-bottom: 30px;
	padding: 10px;
	text-align: center;
    margin-right: auto;
    margin-left: auto;
}

#cuerpo #contenido {
	width: 100%;   /*960px;*/
	/*margin-left: 40px;
	margin-right: 20px;*/
    margin-top: 1rem;
    min-height: 500px;
}
#cuerpo #contenido #grande {
	width: 70%;    /*698px;*/
    margin-left: 2rem;
	font-size: 12px;
    color: black;
}
#cuerpo #contenido #grande p {
	color: black;
}

#cuerpo #contenido #grande h1 {
	background-color: #848E98;
	margin: 0px;
	font-size: 15px;
	color: black;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*border-radius: 5px 5px 0px 0px;*/
}

#cuerpo #contenido .grande_noticias {
	width: 100%;
	font-size: 12px;
    margin-bottom: 30px;
}
#cuerpo #contenido .grande_noticias p {
	color: #666;
}

#cuerpo #contenido .grande_noticias h1 {
	background-color: #848E98;
	margin: 0px;
	font-size: 15px;
	color: black;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*border-radius: 5px 5px 0px 0px;*/
}

#cuerpo #contenido #pequeno {
	width: 22%;    /*244px;*/
    margin-right: 2rem;
	font-size: 12px;
	padding-right: 3px;
	padding-left: 3px;
}
#cuerpo #contenido #pequeno h2 {
	/*background-image: url(imagenes/fondo_h2.jpg);
	background-repeat: repeat-x;*/
    background-color: #848E98;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
	/*border-radius: 5px 5px 0px 0px;*/
	color: black;
}

#cuerpo #contenido #pequeno #buscador {
	border: 1px solid #333;
	border-radius: 3px;
	padding: 10px;
	margin-top: 5px;
    color: slategrey;
}

#cuerpo #contenido #pequeno #buscador p {
    margin: 0.5rem 0 0 0;
}

#cuerpo #contenido #pequeno #buscador form select {
	border: 1px solid #666;
	background-image: url(imagenes/fondo_select.png);
	background-repeat: repeat-x;
	width: 100%;
}
#cuerpo #contenido #pequeno #buscador form fieldset {
	/*border: 1px solid #666;
	border-radius: 3px;*/
}

#cuerpo #contenido #pequeno #buscador form fieldset legend{
    font-size: 0.9rem;
}

#cuerpo #contenido #grande table.listados {
	margin: auto;
	/*border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;*/
}
#cuerpo #contenido #grande table.listados thead tr th {
	font-weight: bold;
	color: black;
	background-color: #848E98;
	padding: 4px;
    /*border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;*/
    text-align: center;
    font-size: 0.9rem;
}

#cuerpo #contenido #grande table.listados thead tr th.referencia {
    /*border-right-width: 1px;
    border-right-style: solid;*/
}

#cuerpo #contenido #grande table.listados tbody tr td {
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: black;
	border-bottom-color: black;*/
	padding: 3px;
    font-size: 0.9rem;
}
#cuerpo #contenido #grande table.listados tbody tr td a{
	font-weight: bold;
	color: #2DA0D7;
	text-decoration: none;
    font-size: 18px;
}
#cuerpo #contenido #grande table.listados tbody tr td a:hover{
	color: #132549;
}
#cuerpo #contenido #grande .paginar {
	width: 300px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align:center;
}
#cuerpo #contenido #grande .paginar a {
	font-weight: bold;
	color: #900;
	text-decoration: none;
}

#cuerpo #contenido #grande .paginar a:hover {
	color:#333333;
}







#cuerpo #abajo {
	background-color: black;
	height: 80px;
	width: 1120px;
	margin-top: 60px;
	/*margin-left: 20px;
	border-radius: 6px;*/
	color: #FFF;
	font-size: 13px;
}
#cuerpo #contenido #grande #formulario_index {
	padding: 30px;
	width: 450px;
	background-color: #FFFBFC;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 5px #A0A0A0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#cuerpo #contenido #grande #formulario_index center form fieldset select {
	font-weight: bold;
	color: #414141;
	width: 250px;
	border: 1px solid #414141;
	background-image: url(imagenes/fondo_select.png);
	background-repeat: repeat-x;
}

#cuerpo #contenido #grande #formulario_index center form fieldset {
	border: 1px solid #BE0C1C;
	border-radius: 10px;
}

#cuerpo #contenido #grande #formulario_index legend {
    color: black;
}


#cuerpo #abajo #menu {
	float: left;
	width: 640px;
	margin-top: 30px;
	margin-left: 10px;
}
#cuerpo #abajo #menu ul {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#cuerpo #abajo #menu ul li {
	display: inline;
}
#cuerpo #abajo #menu ul li a {
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
#cuerpo #abajo #contacto {
	text-align: right;
	float: right;
	width: 310px;
	margin-top: 30px;
    margin-right: 2rem;
}

.borrar {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 0px;
	width: 100%;
}
#correos {
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	color: slategrey;
}
#correos a {
	text-decoration: none;
	color: slategrey;
}

#correos a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.buscador {
    margin-right: 4rem;
    text-align: right;
    padding-top: 5rem;
}

.buscador input {
    border: 1px solid grey;
    width: 15%;
}

.buscador input,
.buscador button {
    height: 2rem;
}

.buscador button.boton-busqueda {
    color: white;
    background-color: black;
    border-color: black;
    position: absolute;
}

.idiomas {
    float: right;
    margin: 0.5rem;
    padding-right: 1rem;
    font-size: 0.8rem;
}

.idiomas ul {
    display: inline;
    list-style-type: none;
    color: white;
}

.idiomas ul li {
    display: inline-table;
    margin-left: 0.25rem;
}

.idiomas ul li a {
    color: white;
    text-decoration: none;
    width: 15px;
    text-align: center;
    position: relative;
}

.idiomas ul li .subrayado {
    position: absolute;
    height: 4px;
    width: 100%;
    top: 14px;
    border-bottom: 2px solid white;
    opacity: 0;
}

/*Solamente para FireFox*/
@-moz-document url-prefix() { 
    .idiomas ul li .subrayado {
        width: 80%;
        left: -1px;
    }
}

.idiomas ul li .subrayado.activo {
    opacity: 1;
}

.boton-busquedas {
    color: white;
    background-color: #2DA0D7;
    width: 100%;
    height: 2rem;
    border: 0;
    cursor: pointer;
}

.boton-vehiculo {
    display: none;
}

.modelos {
    display: none;
}

#grande {
    display: none;
}

.listados .center_celda {
    text-align: center;
}

.listados .celda_referencia {
    font-weight: bold;
    color: #054e7b;
    text-decoration: none;
}

#wrapper_tabla_referencia {
    padding: 2rem;
}

#wrapper_tabla_referencia button {
    width: 100px;
    margin: 0.2rem;
}

#wrapper_tabla_referencia .referencia_calentador {
    color: #458F42 !important;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 1.1rem;
    margin-top: 0;
}

#wrapper_tabla_referencia .referencia_calentador.solo_referencia {
    font-size: 1.8rem;
}

/*****************************************/
#wrapper_tabla_referencia .tabla_referencia {
    /*float: left;*/
	/*border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;*/
    border: 1px solid black;
    border-bottom-width: 0px;
    margin: 2rem auto;
}

#wrapper_tabla_referencia .tabla_referencia thead tr th {
	font-weight: bold;
	color: black;
	background-color: #848E98;
	padding: 4px;
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
    text-align: center;
}
#wrapper_tabla_referencia .tabla_referencia tbody tr td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: black;
	border-bottom-color: black;
	padding: 3px;
}

#wrapper_tabla_referencia .tabla_referencia tbody tr td.imagen {
    border-right-width: 0;
}

#wrapper_tabla_referencia .tabla_referencia td.titulo{
	color: black;
	background-color: #848E98;	
    padding: 0 1rem;
}

#wrapper_tabla_referencia .tabla_referencia td.dimensiones{
    text-align: center;
}
/*****************************************/

/*Referencias*/
#referencias_fabricantes {
    padding: 2rem;
}

#referencias_fabricantes table {
    min-width: 500px;
    max-width: 800px;
    margin: auto;
}

#referencias_fabricantes table .marca_fabricante {
    color: black;
    background: #848E98;
}

#referencias_fabricantes table .referencia_fabricante td {
    width: 33%;
}

#referencias_fabricantes table .referencia_fabricante td {
    width: 33%;
}

#referencias_fabricantes table .marca_fabricante_hueco {
    height: 1rem;
}

#referencias_fabricantes table thead {
    background-color: #848E98;
}

#referencias_fabricantes table th {
    color: black;
}

#referencias_fabricantes table th,
#referencias_fabricantes table tr {
    font-size: 18px;
    text-align: center;
}

#referencias_fabricantes table td {
    margin-top: 10px;    
    text-transform: uppercase;
}

#referencias_fabricantes table tbody tr.impar {
    background-color: silver;
}

#referencias_fabricantes table .celda_referencia a {
    font-weight: bold;
    color: #2DA0D7;
    text-decoration: none;
}


/*Aplicaciones*/
#aplicaciones_fabricantes {
    padding-top: 2rem;
    clear: both;
}

#aplicaciones_fabricantes table {
    margin: auto;
    /*border: 1px solid black;*/
    font-size: 0.9rem;
}

#aplicaciones_fabricantes table td {
    /*border-left: 1px solid black;
    border-top: 1px solid black;*/
    padding: 0.2rem;
}

#aplicaciones_fabricantes table .marca_fabricante {
    border-left: 0px;
}

#aplicaciones_fabricantes table thead tr th {
    font-weight: bold;
    color: black;
    background-color: #848E98;
    padding: 4px;
    text-align: center;
}

#aplicaciones_fabricantes table tr.impar {
    background-color: silver;
}

#aplicaciones_fabricantes table td.marca_fabricante,
#aplicaciones_fabricantes table td.cvkw_fabricante,
#aplicaciones_fabricantes table td.cil_fabricante,
#aplicaciones_fabricantes table td.date_fabricante,
#aplicaciones_fabricantes table td.zyl_fabricante,
#aplicaciones_fabricantes table td.volts_fabricante {
    text-align: center;
}

#aplicaciones_fabricantes table td.volts_fabricante {
    /*border-right: 1px solid black;*/
}

/*breadcrumb*/
.breadcrumb ul {
    margin-top: 0;
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
    font-size: 17px;
}

.breadcrumb li {
    display: inline;
}

.breadcrumb li+li:before {
    padding: 0.1rem;
    color: grey;
    content: "/\00a0";
}

.breadcrumb li a {
    color: #2DA0D7;
    text-decoration: none;
}

.breadcrumb li a:hover {
    color: #2DA0D7;
    text-decoration: underline;
}

.breadcrumb .marca {
    color: grey;
    font-style: italic;
}

.breadcrumb .modelo {
    font-style: italic;
}

#grande .error-busquedas {
    display: none;
}

#grande .error-busquedas .mensaje-error {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.resultados {
    display: none;
    min-width: 500px;
    max-width: 800px;
    margin: auto;
}

.resultados thead {
    background-color: #848E98;
}

.resultados th {
    color: black;
}

.resultados th,
.resultados tr {
    font-size: 18px;
    text-align: center;
}

.resultados td {
    margin-top: 10px;    
    text-transform: uppercase;
}

.resultados tbody tr.impar {
    background-color: silver;
}

.resultados .celda_referencia a {
    font-weight: bold;
    color: #2DA0D7;
    text-decoration: none;
}

.download_catalogo {
    float: right;
    margin-right: 0.5rem;
    margin-top: 0.5rem;    
}

.download_catalogo a {
    text-decoration: none;
    color: black;
    font-size: 1.2rem;
}

#grande.panel_contacto {
    display: block;
}

#grande.panel_contacto img {
    width: 100%;
}

#grande.panel_contacto h3,
#grande.panel_contacto table {
    color: slategrey;
}

#grande.panel_inicio {
    display: block;
}

#grande.panel_inicio img {
    width: 100%;
}

#grande.panel_quienes_somos {
    display: block;
}

#grande.panel_quienes_somos img {
    width: 100%;
}

#grande.panel_certificaciones {
    display: block;   
}

/*Animacion para el buscador*/
@keyframes shadowPulse {
    0% {
        box-shadow: 0px 0px 8px 2px rgba(9,79,148,1);
        width: 15%;
    }

    100% {
        box-shadow: 0px 0px 4px 0px rgba(9,79,148,0);
        width: 20%;
    }
}

.buscador input.buscador-blur {
    animation-name: shadowPulse;
    animation-duration: 0.400s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

#altas label.error {
    margin-left: 0.5rem;
    color: firebrick;
}

.boton_inicio {
    float: left;
    width: 415px;
    height: 130px;
}

.breadcrumb {
    padding: 0;
}

/*.link_borg {
    font-weight: bold;
}*/

.ficha_referencia {
    display: none;
}

.ficha_referencia .tab_ficha .nav-link {
    font-size: 1.2rem;
    color: #2DA0D7;
}

.ficha_referencia .tab_ficha .nav-link.active {
    font-weight: bold;
}

.rtdo_busqueda .tab_busqueda .nav-link {
    font-size: 1.2rem;
    color: #2DA0D7;
}

.rtdo_busqueda .tab_busqueda .nav-link.active {
    /*color: black;*/
    /*text-decoration: underline;*/
   font-weight: bold; 
}

.rtdo_busqueda .tab_busqueda .nav-link:hover {
    color: #2DA0D7;
}

.rtdo_busqueda .tab-content {
    margin-top: 1rem;
}

.resultados_borg .marca_fabricante {
    font-size: 0.9rem;
    text-align: left;
}

.lema_borg {
    min-height: 5rem;
    width: 95%;
    margin: auto;
}

.lema_borg p {
    font-size: 1.6rem;
    font-weight: 800;
    padding-top: 1.6rem;
}

@keyframes calentadorBorg {
    from {opacity: 0.0;}
    to {opacity: 1.0;}
}

.lema_borg .imagen_calentador {
    float: right;
    animation-name: calentadorBorg;
    animation-duration: 3s;
}

.lema_borg .imagen_calentador img {
    width: 380px;
}

.ayuda_busqueda {
    width: 70%;
}

#contenido_no_explorer{
    text-align: center;
}

#contenido_no_explorer h1 {
    margin-top: 5em;
}


#pequeno center {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/*Para las imagenes extragrandes tenemos que dejar ver la feria*/
#pequeno center img[width='1100'] {
    transform: translateX(-700px);
}

/*Ficha Tecnica Nueva*/

.panel_ficha_tecnica .referencia {
    font-size: 18px;
    text-transform: uppercase;
    float: left;
    background-color: black;
    border-radius: 5px;    
}

.panel_ficha_tecnica .referencia p {
    color: white !important;
    margin: 0.25rem 0;
}

.panel_ficha_tecnica .ref_img {
    width: 600px;
}

.panel_ficha_tecnica .panel_informacion ul {
    margin: 0;
    padding: 0;
}

.panel_ficha_tecnica .panel_informacion .block_img {
    padding: 0 1rem;
}

.panel_ficha_tecnica .panel_informacion .block_img.borde_derecho {
    border-right: 1px solid #2DA0D7;
}

.panel_ficha_tecnica .panel_informacion .block_img img {
    width: 50px;
}

/*
.loader-gif {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader-gif img {
    position: absolute;
    display: block;    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/