@charset "utf-8";
/* CSS Document */
body{
	text-align:center;
	margin-top: 0px;
}

/****************************************/

#contenedor {
	position:absolute;
	left:50%;
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: -465px;
	background-color: #FFFFFF;
}


#contenedor #header #logo h1.leyenda{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3A55A5;
	}
	
#contenedor #header #logo h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#495F5F;
	font-weight: bold;
	display:block;
	margin-top:0px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	}	


#header{
	width:930px;
	height:62px;
}

	#logo{
		float:left;
		text-align:left;
		width: 300px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#logo .leyenda{
		position:relative;
		top:13px;
	}
	
	#logo img{
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		text-align: left;
	}
	
	#contenedor #logo {
		float: left;
	}
	
	#enlaces_rapidos {
		float:right;
		padding-top:0px;
		padding-bottom:5px;
		position:relative;
		top:9px;
	}
		
	a#correointerno {
	display:inline-block;
	width:119px;
	height:45px;
	background:url(../images/correo.png) top left no-repeat;
	}
	
	a#correointerno:hover {
		background-position:0 -45px;
	}
	
	a#soporteonline {
	display:inline-block;
	width:119px;
	height:45px;
	background:url(../images/soporte.png) top left no-repeat;
	text-indent:-9999px;
	}
	
	a#soporteonline:hover {
		background-position:0 -45px
	}
	
	a#noticiasrss {
	display:inline-block;
	width:85px;
	height:45px;
	background:url(../images/noticias.png) top left no-repeat;
	text-indent:-9999px;
	}
	
	a#noticiasrss:hover {
		background-position:0 -45px
	}
	
	
	#buscador {
		float: right;
		font-size:9px;
		top:10px;
		right:10px;
	}

/*********Empieza el menú principal ****/
#menu{
	float:left;
	width:930px;
	height:55px;
	background-image: url(../images/fondo2_menu.jpg);
	background-repeat:  repeat-x;
	background-position: bottom;
}

#dropline {
	padding:0;
	list-style:none;
	background:url(../images/barra_gris_corto.jpg);
	text-align:center;
	margin:0 auto;
	font-size:12px;
	font-family:arial, sans-serif;
	height:32px;
	width:930px;
	position:absolute;
	left:0;
	border-bottom-color:#930101;
	border-bottom-style:solid;
	border-bottom-width: 3px;
}

#dropline div {
	padding:0px;
	margin:-10px auto;
	list-style:none;
	position:absolute;
	left:-9999px;
	width:930px;
	text-align:center;
	background-image: url(../images/barra_roja.jpg);
	color:#FFF
	}

#dropline table {
	border-collapse:collapse;
	font-size:1em; 
	float:left; 
	margin:-1px;
	}

#dropline ul li {
	display:inline; 
	margin:0; 
	text-align:left;
	}
	
#dropline ul.right li {
	float:right
	}	
	
#dropline ul li a {
	display:inline-block; 
	height:32px; 
	line-height:32px; 
	margin:0; 
	padding:0 7px; 
	background:transparent; 
	font-weight:normal; 
	font-size:11px;
	color:#FFF
	}
	

#dropline li {
	display:inline; 
	margin:0 -2px; 
	text-align:left;
	}
#dropline li a {
	display:inline-block;
	height:32px;
	background:url(../images/pestana.jpg) right top;
	line-height:32px;
	text-decoration:none;
	color:#000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0;
	}
#dropline li a.sub {background:url(../images/pestana_flecha.jpg) right top;}

html>/**/body #dropline li {display:inline-block; padding:0;}

* html #dropline li a {margin-bottom:0px; margin-right:3px;}

#dropline li a b {display:block; height:32px; float:left; padding:0 0 0 25px; background:url(../images/pestana.jpg) left top; cursor:pointer;}

#dropline li a:hover {
	background-position:right bottom;
	color:#FFF;
}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {
	background-position:right bottom;
	color:#FFF;
}
#dropline li:hover > a b {background-position:left bottom;}

#dropline :hover div {left:0; top:41px;}

#dropline :hover ul li a:hover {
	text-decoration:underline;
	color:#FFF;
}
/******Termina el menu principal***/

	
#pie {
	float:left;
	position:relative;
	height:35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 930px;
	margin-top:15px;
	padding-top: 5px;
	font-weight: bold;
	color: #353535;
	background-color: #9A9A9A;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #930101;
	text-align:center
}

/****************************************/


/*Aqui inicio el estilo para el sitio en general*/

#Accordion1{
	float:left;
}
/*Aqui van los baners por cada sección*/
#header2{
	float:left;
	text-align:center;
	z-index:1;
}

/*El contenedor de menús laterales y contenidos*/
#contenido{
	float:left;
	line-height:160%;
	background-color: #FFF;
	width:930px;
	text-align:justify;
}
	#titulo_producto{
		margin-top:10px;
		display:block;
		float:right
		}
		
/*Aqui se colocan los contenidos*/
	#principal{
		float:left;
		width:920px;
		margin-left:10px;
		margin-top:10px;
		text-align:justify;
		line-height:160%;
	}

		/*Aqui inicia el estilo para los homes de productos*/

		
		#productos_home_texto_head{
			text-align:justify;
			font-size:11px;
			color:#333;
			float:right;
			text-align:justify;
			width:920px;
			margin:0 5px 0 5px;
			display:block;
		}
		
		#tabla{
			width:auto;
			display:block;
		}
		#productos_home{
			display:block;
			height:205px;
		}
			
		#productos_home_imagen{
			position:relative;
			float:left;
			display:block;
			border:0px;
			width:230px;
			margin-right:10px
		}
								
		#productos_home #caja{
			float:right;
			text-align:justify;
			font-size:10px;
			width:600px;
			height:205px;
			margin:0px;
			padding:0px 0px 5px 0px;
			line-height:90%;
			background-image:url(imagenes/fondo-gris.png);
			background-repeat:no-repeat;
			background-position: right top;
		}
		
		#productos_home #caja2{
			float:right;
			text-align:justify;
			font-size:10px;
			width:600px;
			height:205px;
			margin:0px;
			padding:0px 0px 5px 0px;
			line-height:90%;
			background-image:url(imagenes/fondo-gris2.png);
			background-repeat:no-repeat;
			background-position: right top;
		}
		
		#productos_home #texto_caja{
			float:left;
			width:auto;
			height:205px;
			margin:0px;
			padding:0px 5px 5px 10px;
			line-height:90%;
		}
		
		h4{
			color:#18709A;
			text-align:left;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:bold;
			display:block;
			}
		
		#productos_home a{
			text-decoration:none;
			color:#333;
		}
		
		.head{
			font-weight:bold;
		}
		
		.costo{
			font-weight:bold;
			font-size:14px;
			color:#18709A
		}
		
		#mas-detalles {
			position:relative;
			float:right;
			width:auto;
			margin-top:5px;
			margin-right:10px;
			top:170px
		}

		#menos-detalles {
			position:relative;
			display:block;
			float:right;
			width:590px;
			margin-top:5px;
			top:10px;
			right:10px;
			text-align:right
		}
		
		#precio {
			position:relative;
			float:right;
			width:auto;
			margin-top:5px;
			margin-right:10px;
			text-align:right;
			top:80px
		}		
		
		a.descargas {
			color:#606060;
			padding:2px;
			text-decoration:none;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:bold
}

		a:hover.descargas {
			color:#333;
			border-bottom:2px;
			border-bottom-style:solid;
			border-bottom-color:#33529B;
			padding:2px;
			text-decoration:none;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:bold
}
		.regla{
			position:relative;
			width:920px;
			float:left;
			height:1px;
			border-bottom:2px;
			border-bottom-style:dotted;
			border-bottom-color:#18709A;
			margin-bottom:20px
		}
		ul li{
			line-height:120%
		}
		
		.destacar {
			font-weight: bold;
			color: #990000;
		}
		
		.imagenes-fancybox{
			border:0px;
			margin-top:15px;
			margin-bottom:15px;
		
		}
		
		/****************************************/

/* Estilo para las tablas  */

#contenido #principal table {
	border-collapse:collapse;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	color: #333;
	background-color: #EFF4FB;
	background-image: url(../fondo-tabla.gif);
	background-repeat: repeat-x;
	font-family: 'Trebuchet MS', helvetica, arial, verdana;
	font-size: 12px;
	line-height: 145%;
	background-attachment: fixed;
}

#contenido #principal td, th {
		padding:5px;
		text-align:center
}

#contenido #principal caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

#contenido #principal table a {
		color:#950000;
		text-decoration:none;
}

#contenido #principal table a:link {}

#contenido #principal table a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

#contenido #principal table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

#contenido #principal thead th, tfoot th, tfoot td {
	color:#fff;
	text-align:center;
	background-color: #333;
	background-image: url(../fondo-tabla_h.gif);
	background-repeat: repeat-x;
}

#contenido #principal tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

#contenido #principal tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

#contenido #principal tbody th {
		white-space: nowrap;
}

#contenido #principal tbody th a {
		color:#333;
}

#contenido #principal .odd {}

#contenido #principal tbody tr:hover {
		background:#fafafa
}


/* Termina estilo para las tablas  */