/* Hoja de estilos CSS predeterminada para un nuevo proyecto de aplicación Web*/
body
{
	font-size: 10px;
	background: url(../Imagenes/Sitio/M-back.jpg) #fff no-repeat right bottom;
	margin: 0px;
	line-height: 17px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
} 
div{margin:0px;padding:0px;}
dl{margin:10px;}
dt{font-weight:bold;}

img {border: 0;}

a:link {color: #6693D0;text-decoration: none;}
a:visited {color: #6693D0;text-decoration: none;}
a:hover {color: #6693D0; text-decoration: underline;}


/* Disposición de una página común */

.masters
{}

#Cabecera {width: 780px;height: 197px;padding-bottom:0px;margin-bottom: 0px;
/* height: 255px; */}

#Cabecera_presentacion {width: 780px;height:46px;bottom: 0px;padding: 0px;background:#3F3F3F;
margin:0px;}

#Contenedor_contenidos{background: url(../Imagenes/Sitio/bg_centro_derecha_wg.jpg) repeat-y right;
	margin-bottom: -34px;width: 780px;padding-bottom:28px;background-color:#3F3F3F;
	margin-top:0px;min-height:400px;border-right:solid 1px #3F3F3F;}
	
#Contenedor_contenidos :after {content: ".";display: block;height: 0;clear: both; 
    visibility: hidden;}
	
#Contenedor_IZ{background-attachment: scroll;float: left;
	background: transparent url(../Imagenes/Sitio/bg_izquierda.jpg) top right;
	padding-bottom: 20px;width: 179px;padding-top: 30px;
	background-repeat: no-repeat;
	margin-top:0px;}
#Contenedor_DER{float:right;width:179px;height:100%;background-color:transparent;margin:0px;overflow:hidden;}
#Contenedor {width:416px;text-align:left;background:transparent url(../Imagenes/Sitio/bg_sombra_Central.jpg) no-repeat top left;
	margin:0px;padding-top:14px;}
#Footer {width: 779px;}
.interna #Contenedor{background-color:#dcdcdc;}
.cabecera_publi{width: 779px;height :195px;background: #3F3F3F url(../Imagenes/Sitio/cabecera.jpg) no-repeat;}
#flashcontent {float: right;margin:0px;height:194px;width:457px;border:0px;}
#stitulo{font-size:140%;color:#c60033;margin-left:16px;margin-bottom:9px;}
#ayudaclickimagen{
	font-weight:bold;}
.masterproductos #stitulo{background: #fff url(../Imagenes/Sitio/cuadrado.gif) no-repeat left;
	padding-left: 14px;margin-top:5px;}
	
#inicio{width:395px;float:left;overflow:hidden;margin-top:6px; }
#inicio p {font-size:120%;margin:0px; text-align:justify;color: #7C7C7C;}
#inicio img{padding: 3px;float: left;} 
#inicio h2 {font-size: 140%;color: #2F4163;height:16px;padding:0px; text-align:center;}
/* Fin de estilos Disposición de una página común */
/* Formateo */

.h2_Titulos_Laterales {background:#3F3F3F url(../Imagenes/Sitio/bg_titulos.jpg) no-repeat left;
	height:21px;color:#fff;font-size:130%;margin:0px 0px 0px 0px;padding-left:15px;	
	vertical-align:middle;padding-top:5px;
	}
.img_iz{float:left;margin:4px;}
.img_der{float:right;margin:4px;}
.SiteButton{font-weight:bold !Important;font-size:85%;color: #fff;
	background-color: #c60033;padding:2px;height:20px;
	width:70px !Important;}
/* FORMS */
/* FORM estandard*/
.formCagar{width:100%;margin:0px;overflow:hidden;}
.formCagar p{width:100%;clear:left;margin:0px;padding: 5px 0 8px 0px;border-top: 1px dashed #fff;height: 1%; background-color:#dcdcdc;}
.formCagar label{font-weight: bold;float:left;width: 100px;}
.formCagar input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;}
.formCagar .Largo {width: 250px!important;}
.formCagar span{margin-left:6px;}
.formCagar textarea{width: 210px;height:100px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{margin-left:3px;}
/* FIN FORM estandard*/
/* FORM CONTACTO*/
.contacto{width:170px; float:left; text-align:center;}
.contacto img{margin-bottom:15px;}
.contacto h3{padding-left:12px;font-size: 93%;background: url(../Imagenes/Sitio/cuadrado.gif) no-repeat left;
	padding-bottom: 0px;margin:0px;color: #333;padding-top:0px;height: 16px;text-align: left; text-transform:uppercase;}
.contacto p {text-align:left;padding-left:5px;margin:0px;}
.formContacto{width:230px;float:right;padding-right:8px;}
.formContacto .Largo {width: 100%;background-color:#eee; border:solid 1px gray;}
.formContacto p{clear: left;padding-right: 0px;padding-left: 0px;padding-bottom: 1px;
	margin: 0px;width: 100%;padding-top: 3px;height: 1%;}
.formContacto label{font-weight: bold;float:left;width:85%;height:85%;}
.formContacto textarea{width: 100%;background-color:#eee; border:solid 1px gray;}
.formContacto input[type="text"]{width: 100%;background-color:#eee; border:solid 1px gray;}/*width of text boxes. IE6 does not understand this attribute*/
.formContacto span{width: 100%;color:#f00; font-weight:bold;}
#comollegar{
	margin-top:10px;}
/* fin FORM CONTACTO*/



/* FIN FORMS */

/* FIN Formateo */

/* Estilos Controles de Usuario */
/* Contenedores que vayan en la columna derecha */
.contenedorDer_PDF {background: #fff url(../Imagenes/Sitio/bg_titulos.jpg) no-repeat scroll bottom right ;
	float:right;padding-bottom:36px;margin: 0px 0px -29px 0px;width:178px;border:0px;text-align: center;}
.contenedorDer_PDF p{font-weight: bold;color:rgb(124, 124, 124);margin:1px;}
.contenedorDer_PDF input{margin:5px 5px 5px 5px;}

.contenedorDer_Login
{
	padding-right: 4px;
	padding-left: 4px;
	background: url(../Imagenes/Sitio/bg_sombra_lateral.jpg) #fff no-repeat left top;
	padding-bottom: 4px;
	width: 171px;
	padding-top: 10px;
}
.contenedorDer_Login p{margin:2px 0px 0px 0px !important;font-weight: bold;color:rgb(124, 124, 124);}
.contenedorDer_Login label{margin:0px 0px 0px 5px;float:left;font-size:100%;width:35%; text-align:left;}
.contenedorDer_Login input{float:right;font-size:100%;width:55%;margin:3px;}
.contenedorDer{border:0px;background: url(../Imagenes/Sitio/bg_titulos.jpg) no-repeat right bottom;
	float:left;padding-bottom: 38px;width:179px;text-align:left;border:0px;}
.contenedorDer ul{margin: 5px 0px 0px 1px;float:left;display:block;padding:0px;}
.contenedorDer a{color: #2F4163;text-decoration: underline; padding-left:3px;}
.contenedorDer a:hover{color:#2F4163;text-decoration:underline;}
.contenedorDer a:visited{color:#2F4163;text-decoration:underline;}
.contenedorDer ul.listanoticias{list-style-type:none;}
.contenedorDer ul.listanoticias li{margin: 1px 0px 0px 7px;padding:0px;}
.contenedorDer ul.listacomun{list-style-type:none;}

/* FIN Contenedores que vayan en la columna izquierda */

/* Plantilla de producto */
.masterproductos
{
	padding-right: 0px;
	padding-left: 5px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 400px;
	padding-top: 0px;
	height: 100%;
	background-color: #fff;
	overflow:hidden;
}
.producto{width:399px;padding-top:3px;padding-bottom:10px;height:100%; text-align:right;}
.producto .presentacion{margin:0px 0px 4px 0px;padding:0px;width:390px;height:30px; 
	background:#fff url(../Imagenes/Sitio/border_dotted.gif) repeat-x bottom;}
.producto .presentacion h3
{
	padding-right: 6px;
	border-top: #3f3f3f 5px solid;
	padding-left: 15px;
	font-size: 105%;
	background: url(../Imagenes/Sitio/flecha_ne.gif) #fff no-repeat left;
	float: left;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	width: 380px;
	color: #333;
	padding-top: 3px;
	height: 16px;
	text-align: left;
}
	
.producto a{text-decoration:none;font-weight:bold}
.producto a:hover{text-decoration:none;font-weight:bold}
.producto a:visited{text-decoration:none;font-weight:bold}
.producto .DatosArticulo{float:right;padding: 0px 0px 3px 0px;margin:0px;width:65%;}
.producto .DatosArticulo p{padding:0px;margin:0px;width: 90%; text-align:right;}

.base{}
.base img{border-top: #fff solid 4px;border-right: #fff solid 2px;
border-bottom: #fff solid 1px;border-left: #fff solid 3px;float:left;}

.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 20;}
.thumbnail span.mayor{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffe0;
padding: 5px;
left: -2800px;
border: 1px dashed gray;
visibility:hidden;
color: black;
text-decoration: none;
}
.thumbnail span.mayor img{ /*CSS for enlarged imag*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span.mayor{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */
}	
/* FIN Plantilla de producto */
.noticia {float: left;width: 407px;	background: url(../imagenes/sitio/bg_primary_separator.jpg) bottom center no-repeat;
	padding: 15px 0 16px 0;overflow: hidden; margin-left:3px;}

.noticia h2 {font-size: 140%;margin:0px 0px 4px 4px;color: #2F4163;height:16px;padding:0px;}
.noticia h3 {font-size: 110%;margin-bottom:6px;color: #2F4163; height:16px;}
.noticia a {color: #2F4163;text-decoration: none;}
.noticia a:hover {color: #2F4163;text-decoration: underline;}
.noticia img {padding: 3px;border: 1px solid #CACACA;float: left;margin-right: 10px;margin-left: 4px;margin-top: 10px;}
.noticia p {color: #7C7C7C;margin:0px;}

.descarga {float: left;width: 407px;	background: url(../Imagenes/Sitio/border_dotted.gif) repeat-x bottom;
	padding: 15px 0 16px 0;overflow: hidden; margin-left:3px;}

.descarga h2 {font-size: 140%;margin:0px 0px 4px 4px;color: #2F4163;height:16px;padding:0px;}
.descarga p {color: #7C7C7C;margin:0px;}

.MenuCabecera{float:right;margin:0px;}

.MenuCabecera .catalogoVisual{width:404px;height:138px;margin:3px;padding-bottom:12px;
	background: url(../imagenes/sitio/separador_logo.jpg) bottom center no-repeat;overflow:hidden; }
.MenuCabecera .catalogoVisual p{float:right;margin: 2px 2px 2px 0px;width:236px;}
.MenuCabecera .catalogoVisual p a{padding-left: 15px;font-weight: bold;
	font-size: 110%;margin: 0px 0px 0px 3px;text-transform: uppercase;
	color: #000;text-decoration: underline;background:  url(../Imagenes/Sitio/flecha_ne.gif) no-repeat top left;}
.MenuCabecera .catalogoVisual p a:visited{font-weight:bold;font-size:110%;
		margin:0px;padding-left:15px;color:#000;text-decoration: underline;
		background:  url(../Imagenes/Sitio/flecha_ne.gif) no-repeat top left;}
.MenuCabecera .catalogoVisual p a:hover{font-weight:bold;font-size:110%;
		margin:0px;padding-left:15px;color: #000;text-decoration: underline;
		background:  url(../Imagenes/Sitio/flecha_ne.gif) no-repeat top left;}
		
.MenuCabecera ul{list-style:none;margin:0px;padding:0px;width:780px;height:46px;}
.MenuCabecera ul li{list-style:none;padding:6px;float:left;text-align:left;margin:0px;}
.MenuCabecera ul li a{display: block;font-weight: bold;font-size: 108%;
	background: url(../Imagenes/Sitio/separador_menu.jpg) no-repeat left;
	margin: 0px;padding-left:11px;color: #fff;text-decoration:none}

.MenuCabecera ul li a span{margin:0px;color:#EEE;display:block;font-size:85%;font-weight:normal;}
.MenuCabecera ul li a:hover{color:#fff;font-weight:bolder;font-size:108%;
	margin:0px;background: url(../Imagenes/Sitio/separador_menu_luz.jpg) no-repeat left}
.MenuCabecera ul li a:visited{color:#fff;font-weight:bolder;font-size:120%;margin:0px;text-decoration:none}

.subPie{list-style:none;margin:0px;padding:0px;width:100%;text-align:center;}
.subPie ul li{list-style:none;padding:6px;float:right;text-align:center;margin:0px;}
.subPie ul li a, a:hover,a:visited {text-decoration:underline}


.menugaleria{margin:0px;height:199px;overflow:visible;}
.menugaleria h2{background: url(../Imagenes/Sitio/bg_titulos.jpg) no-repeat left top ;
	height:26px;color: #fff;font-size:130%;margin:0px;padding-top:5px;}
.menugaleria h3{text-align:right;color: #D6A96E;font-size:130%;padding-right:9px;margin:0;}
.menugaleria ul{padding-right: 0px;display: block;padding-left: 8px;padding-bottom: 0px;
	margin: 0px;width: 168px;padding-top: 0px;background-color:Transparent;
	list-style:none;}
.menugaleria ul li{position: relative;}
	
/*1er nivel sub menu */
.menugaleria ul li ul{
left: 164px; /* Parent menu width - 1*/
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
display: none;
list-style:none;
border-bottom:0px;
}

/*All subsequent sub menu levels offset */
.menugaleria ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
color: #3F3F3F;
}

/* Estilo links menu de productos*/
.menugaleria ul li a {padding-right: 5px;display: block;padding-left: 5px;font-weight: bold;
	padding-bottom: 1px;color: #fff;padding-top: 1px;border-bottom: 0px;list-style-type: none;
	text-align: left;text-decoration: none;}
.menugaleria ul li ul li a{color: #3F3F3F;background: #eee;}
.menugaleria ul li a:visited{color: #fff;text-decoration: none;}
.menugaleria ul li a:hover{background-color: #eee;text-decoration: none;color: #3F3F3F;}
.menugaleria ul li ul li a:visited{color: #3F3F3F;}
.menugaleria ul li ul li a:hover{background-color:#d3d3d3;}
.menugaleria .subfamiliastyle{background: url(media/arrow-list.gif) no-repeat center right;}
	
/* Hack para IE \*/
* html .menugaleria ul li { float: left; height: 1%; }
* html .menugaleria ul li a { height: 1%; }
* html #Contenedor_contenidos {height: 1%;}
/* End */

.MedidasArticulos{border:0px;width:100%;text-align:center;}
.MedidasArticulos .TituloMedidas{font-weight:bold;border-bottom: solid 1px #000;
	text-align:center;}	
.MedidasArticulos td,tr {text-align:center;}	
.MedidasArticulos .TablaMedidas tr{border: solid 1px #fff;background-color:#dcdcdc;}

.contactUs
{
	width:100%;
	text-align:right;}

.contactUs .boton   
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    padding-top: 1px;
    padding-bottom: 1px;
    color: #2F4163;
    background-color:#e6e6e6;
    font-size:88%;
    font-weight:bold;
}


/* FIN Estilos Controles de Usuario */