/* Documento CSS  */



/* CENTRADO CONTENIDO DE LA PÁGINA  HOME */

body{
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-image: url(img/fondo-pagina.jpg);
}

.contenedor{
text-align: left;
margin: 0 auto;
width: 731px;
background-color: transparent;
min-height: 720px;
height: auto !important;
height: 720px;
}


/* Espacio superior e inferior libre del encabezado */
.espacio {
padding: 0 0 0 0;
border: none;
}



/* Barra de Estado */
.estado{
text-align: left;
margin: 0 auto;
width: 731px;
background: url(img/llamas.jpg) no-repeat top center; 
height: 35px;
margin: 0 0 20px 0;}

.mayuscula {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
}	

.minuscula {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}


/* menu */

.menu {
text-align: left;
margin: 0;
width: 257px;
background-color: transparent;
float: left;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal
 }

.secciones {
list-style-image: url(img/vineta2.jpg);
margin: 0;
padding-top: 2px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 20px;
}

.subsecciones {
list-style-image: url(img/vineta2.jpg);
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 38px;
}


.facemenu {
text-align: center;
margin: auto;
padding: auto;
width: 240px;
background-color: transparent;
float: right;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal
}

.facemenu img {
border: 0;
}

.facemenu2 {
text-align: center;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 240px;
background-color: #ffffff;
float: right;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal
}


.facemenu3 {
border: 1px solid #000000;
text-align: center;
margin: auto;
padding: auto;
width: 240px;
background-color: #ffffff;
float: right;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal
}

.facemenu3 img {
border: 0;
}

.facemenu3 video {
border: 1px solid #000000;
}



.secciones li {
margin: 0;
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 3px;
vertical-align: middle;
border-bottom: 1px dotted #ffff00;  
}

.subsecciones li {
margin: 0;
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 1px;
vertical-align: middle;
border-bottom: 1px dotted #ffff00;  
}



a.us {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal;
}

a.us:hover {
color: #cccccc;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal;
}

a.us2 {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}

a.us2:hover {
color: #cccccc; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}

.us3 {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}


/* contenido - CAJA EXTERIOR BORDES REDONDOS */

.contenido {
text-align: left;
margin: 0;
width: 448px;
background-image: url(img/borde-vert.jpg);
background-repeat: repeat-y; 
float: right;
}

.cajaarriba{ 
width: 448px; 
background-image: url(img/borde-arriba.jpg); 
background-position: top center; 
background-repeat: no-repeat;  
} 

.cajaabajo { 
background-image: url(img/borde-abajo.jpg); 
background-position: bottom left; 
background-repeat: no-repeat; 
padding: 15px 15px 5px 15px; 
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; } 

.clear {
clear: both;
height: 30px;
}

a {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
}

a:hover {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
}





/* contenido - ESTILO CONTENIDO FORMAL 1 - ENCABEZADO Y SUBMENU*/

.titulo-izq { 
text-align: right;
width: 193px;
background-color: transparent; 
float: left;
z-index: 10;
} 

.titulo-izq img{
border: 2px solid #000000;
margin-left: 0px;
margin-bottom: 10px;
}

.titulo-izq a img.carta3{ 
border: 0;
} 

.titulo-izq  img.carta4{ 
border: 0;
text-align: right;
} 

.foto-der { 
text-align: right;
width: 193px;
background-color: transparent; 
float: right;
padding-left: 16px;
border-left: 1px solid #999999;  
padding-bottom: 10px;
} 


.clear2 {
width: 418px;
clear: both;
height: 10px;
background-color: transparent;
margin-bottom: 10px;
}

.clear7 {
padding: 3px 5px 3px 2px;
margin-bottom: 10px;
background-color: #000000;
text-align: right;
}

.titulo-izq h1.tit {
color: #CC0000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
line-height: 15px;
padding-bottom: 8px;
border-bottom: 1px dotted #999999; 
}

.titulo-izq h2.tit {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
padding-bottom: 5px;
line-height: 10px;
}


line2 {
color: #CC0000; 
line-height: 25px;
padding-bottom: 5px;
border-bottom: 1px dotted #999999; 
}



h1 {
color: #CC0000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
line-height: 25px;
padding-bottom: 5px;
border-bottom: 1px dotted #999999; 
}


h2 {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
padding-bottom: 10px;
line-height: 20px;
}

.cajasubmenu {
background-color: #666666;
padding: 1px 5px 2px 2px;
margin-bottom: 10px;
}

.titulosubmenu1 {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
}

.titulosubmenu2 {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}


.cajasubmenu2 {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal;
padding-right: 1px;
padding-bottom: 3px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
border-bottom: 1px dotted #999999;  
background-color: transparent;

}

.cajasubmenu2 img {
border: 0;
margin-left: 5px;
float: right;
}



a.us4 {
color: #000000;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal;
}


a.us4:hover {
color: #666666;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal;
}

a.us5 {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}

a.us5:hover {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}

.espanol {
color: #000000;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal;
}

.ingles {
color: #666666;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic;
}


.borde {
border: 3px solid #000000; 
text-align: center;
margin-bottom: 10px;
}

.lineapunteada {
border-bottom: 1px dotted #666666; 
}

/* contenido - ESTILO CONTENIDO FORMAL 2 debajo del encabezado */


.tituloyfoto-izq { 
text-align: right;
width: 193px;
background-color: transparent; 
float: left;
z-index: 10;
vertical-align: top;
} 

.content-der { 
text-align: left;
width: 193px;
background-color: transparent; 
float: right;
padding-left: 16px;
border-left: 1px solid #CC0000;  
} 


.clear3 {
width: 418px;
clear: both;
height: 10px;
background-color: transparent;
margin-top: 10px;
margin-bottom: 20px;
border-bottom: 1px dotted #CC0000;
}


.subtitulocontenido2 {
color: #CC0000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
line-height: 20px;
}

.subtitulocontenido2b {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
line-height: 20px;
padding-bottom: 20px;
padding-right: 1px;
}

.subtitulocontenido2c {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
line-height: 20px;
}

.tituloyfoto-izq img {
border: 2px solid #000000;
margin-left: 5px;
margin-bottom: 10px;
}

.tituloyfoto-izq img.bordecero {
border: 0;
margin-left: 5px;
margin-bottom: 10px;
}

.tituloyfoto-izq img.bordecero2 {
border: 0;
margin-bottom: 10px;
margin-left: 0px;
}


.texto {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
border-bottom: 1px dotted #000000;
padding-bottom: 20px;
margin-bottom: 5px;
}

.texto2 {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}

a.us6 {
color: #000000;
font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal;
}

a.us6:hover {
color: #666666;
font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal;
}

a.us7 {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}

a.us7:hover {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
}


/* contenido - ESTILO CONTENIDO FORMAL 3  catálogo de producto 1 */

/* encabezado */

h3 {
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
line-height: 25px;
padding-bottom: 10px;
border-bottom: 1px dotted #999999; 
}


/* barra de país iniciando catálogo productos*/

.clear4 {
background-color: #666666;
padding: 1px 5px 2px 2px;
margin-bottom: 10px;
background-color: #CC0000;
text-align: right;
}

.estiloclear4 {
color: #ffffff; 
font-size: 9pt; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-style: italic; 
}

.estilo2clear4 {
color: #ffffff; 
font-size: 9pt; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-style: normal; 
}


/* fotos pequeñas individuales de catálogo general 1*/

.fotolateral1 {
width: 132px;
float: left;
background-color: transparent;
}

.fotocentral {
width: 132px;
float: left;
margin-left: 11px;
background-color: transparent;
}

.fotolateral2 {
width: 132px;
float: right;
background-color: transparent;
}

table.producto {
border: 0;
width: 130px;
margin: auto;
}

table.producto td.foto {
background-color: #ffffff;
vertical-align: middle;
text-align: center;
height: 173px;
border: 1px solid #666666;
}

table.producto td.foto img {
border: 2px solid #000000;
}


table.producto td.foto a:hover img {
border-color: #CC0000;
}

table.producto td.uno {
text-align: right;
background-color: #eeeeee;
border: 1px solid #666666;
border-top: none;
height: 17px;
padding-right: 7px;
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: bold;  
font-style: normal; 
}

table.producto td.uno a {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: bold;  
font-style: normal; 
}


table.producto td.uno a:hover {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: bold;  
font-style: italic; 
}





table.producto td.dos {
text-align: right;
background-color: #cccccc;
border: 1px solid #666666;
border-top: none;
height: 17px;
padding-right: 7px;
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal;  
font-style: italic; 
}


table.producto td.dos a {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal;  
font-style: normal; 
}


table.producto td.dos a:hover {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal;  
font-style: italic; 
}


table.producto td.tres {
text-align: right;
background-color: #bbbbbb;
border: 1px solid #666666;
border-top: none;
height: 27px;
padding-right: 0;
}


table.producto td.tres a {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal;  
font-style: normal; 
}


table.producto td.tres a:hover {
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal;  
font-style: italic; 
}



/* contenido - ESTILO CONTENIDO FORMAL 4  PRODUCTO INDIVIDUAL */


h4 {
color: #CC0000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18pt; 
font-weight: bold; 
text-decoration: none; 
font-style: normal; 
line-height: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #999999; 
text-align: right;
}

h5 {
color: #999999; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
padding-bottom: 10px;
line-height: 0px;
text-align: right;
}

.producto {
border: 3px solid #000000;
float: right;
margin-bottom: 10px;
}

.foto2 {
border: 2px solid #000000;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
}

.clear5 {
clear: right;
width: 418px;
background-color: transparent;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 18px;
padding-bottom: 0;
border-top: 1px dotted #CC0000;
}

.vinculocatalogo {
clear: both;
float: left;
}

.vinculonext {
float: right;
font-weight: bold;
}

.clear6 {
clear: both;
}

.descripcion {
background-color: #cc0000;
padding: 1px 5px 2px 2px;
margin-bottom: 10px;
}

/* lista países */

.paises {
text-align: right;
}

/* sie map */

.sitemap {
text-align: left;
}


/* ESTILO FORMULARIO */

fieldset { 
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal;  
border: 0px;
text-align: right;
}

div label {
width: 150px;
float: left;
}


label { 
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
display: block;
}

input.estilo { 
width: 200px;
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
background-color: #ffffff; 
border: #0099FF; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
padding: 3px;
}

input { 
margin-bottom: 10px;
}

textarea.estilo2 { 
color: #666666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal; 
text-decoration: none; 
font-style: italic; 
background-color: #ffffff; 
border: #0099FF; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
padding: 3px;
width: 200px;
height: 100px;
margin-bottom: 30px;
}


.enviar {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
background-image: url(img/boton.jpg);
border: 0;
width: 100px;
height: 24px;
padding: 4px;
}







/* pie de página */

.pie {
text-align: center;
margin: 0 auto;
width: 448px;
background-color: transparent; 
float: right;
border-top: 1px dotted #ffffff;
padding-top: 7px;
}

.geek {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
padding-left: 7px;
padding-right: 7px;
height: 38px;

display: inline;
background-color: transparent;
}

.geek2 {
border: 0;
}

.lapiz {
border-right: 1px solid #ffffff;
padding-left: 7px;
padding-right: 7px;
height: 38px;

display: inline;
background-color: transparent;
}

.carta {
padding-left: 7px;
padding-right: 7px;
height: 38px;

display: inline;
background-color: transparent;
}
	
.carta2 {
border: 0;
}

.carta3 {
margin-bottom: 10px;
margin-top: 0;
}

.face {
border: 0;
}

.wa {
border: 0;
text-align: right;
margin-bottom: 10px;
vertical-align: absmiddle;

}




/* estilo dirección inferior */
.direccion {
text-align: center;
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
}	


a.linkdir {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
}


a.linkdir:visited {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
}

a.linkdir:active {
color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
}

a.linkdir:hover {
color: #cccccc; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
font-style: normal; 
}

.bandera {
padding-left: 5px;
border: 0;
}


.w3 {
padding-left: 10px;
padding-right: 10px;
width: 70px;
height: 25px;
border: 0;
}

.facebook {
padding-left: 10px;
padding-right: 10px;
width: 85px;
height: 24px;
border: 0;
}


.back {
padding-right: 10px;
text-align: right;
border: 0;
vertical-align: middle;
}