@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	min-width:865px;
	background-color: #FFF;
	background-image: url(../imagenes/top.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.dencabezado
{
  height:140px;
  background-image:url(../imagenes/fondo_encabezado.png);
}

.dcontenido
{
   margin:0 auto;
   width:950px;
}

.dcuerpo
{
  
}

.limpiar
{
  clear:both;
}

.dslider_izquierda
{
   float:left;
}

.dslider_derecha
{
   float:left;
   margin-top:5px;
}

.item_slider
{
   width:350px;
   height:74px;
   background-image:url(../imagenes/slide/fondo_item.png);
   color:#FFFFFF;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

.item_slider img
{
  float:left;
  margin:10px;
  border: 1px solid #9C3337;
}

.item_slider div
{
  width:220px;
  padding:10px;
  float:left;
}

.encabezado_central
{
  height:35px;
  background-image:url(../imagenes/encabezado_central.png);
  margin-top:15px;
  background-repeat:no-repeat;
}

.cuerpo_central
{
   padding:30px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#9B9B9B;
   background-image:url(../imagenes/cuerpo_central.png);
}

.pie_central
{
   height:40px;
   background-image:url(../imagenes/pie_central.png);
}

.dpie
{
   height:80px;
   background-image:url(../imagenes/pie.png);
   color:#EF4343;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
}

.dpie a
{
   text-decoration:none;
   color:#FFFFFF;
}

.dpie a:hover
{
   text-decoration:none;
}
.dpie a:visited
{
   text-decoration:none;
}
.dpie a:link
{
   text-decoration:none;
}

.dlogo
{
   background-image:url(../imagenes/logo.png);
   background-repeat:no-repeat;
   height:90px;
   text-indent:750px;
   line-height:100px;
}

.dlogo a:link
{
    color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.dlogo a:hover
{
    color:#F87C32;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.dlogo a:visited
{
    color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.linea
{
   background-image:url(../imagenes/linea.png);
   height:30px;
}

.mensajito
{
   width:300px;
   padding:15px;
   margin:0 auto;
   background-color:#5F5F5F;
   color:#FFF;
}

.box_mini
{
   float:left;
}

.encabezado_mini
{
 height:40px;
 background-image:url(../imagenes/encabezado_mini.png);
 width:290px;
 background-repeat:no-repeat;
 text-indent:40px;
 line-height:35px;
 color:#DA3535;
 font-weight:bold;
 font-size:14px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
}

.cuerpo_mini
{
   background-image:url(../imagenes/cuerpo_mini.png);
   width:270px;
   padding:10px;
}
.cuerpo_mini img
{
      border:2px solid #696969;
}

.cuerpo_derecha a:link
{
    color:#DC701F;
	text-decoration:none;
}

.cuerpo_derecha a:hover
{
    color:#A9281B;
	text-decoration:none;
}
.cuerpo_derecha a:visited
{
    color:#DC701F;
	text-decoration:none;
}
.pie_mini
{
  height:30px;
  background-image:url(../imagenes/pie_mini.png);
}

.pie_derecho
{
     margin-left:70px;
	 float:left;
}

.pie_izquierdo
{
    margin-left:100px;
	float:left;
}

.titulo_izquierda
{
   height:25px;
   float:left;
   margin:10px 0 0 40px;
   width:15px;
   height:25px;
   background-image:url(../imagenes/titulo_izquierda.png);
}

.titulo_centro
{
   height:25px;
   color:#FFFFFF;
   line-height:25px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin-top:10px;
   background-image:url(../imagenes/titulo_centro.png);
}

.titulo_derecha
{
  height:25px;
  float:left;
  width:20px;
  margin-top:10px;
  background-image:url(../imagenes/titulo_derecha.png);
}

.columna_izquierda
{
   float:left;
   width:300px;
   margin-right:5px;
}


.columna_derecha
{
  float:left;
}

.encabezado_derecha
{
   width:890px;
   background-image:url(../imagenes/encabezado_derecha.png);
   height:40px;
   background-repeat:no-repeat;
   text-indent:40px;
   line-height:35px;
   color:#DA3535;
   font-weight:bold;
   font-size:14px;
   font-family:Geneva, Arial, Helvetica, sans-serif;
}

.cuerpo_derecha
{
   background-image:url(../imagenes/cuerpo_derecha.png);
   width:850px;
   padding:20px;
}

.pie_derecha
{
  height:30px;
  background-image:url(../imagenes/pie_derecha.png);
}

h3
{
   color:#DA3535;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
}

/*****************************              Galeria               ***********************************/
#galleria{width:550px;margin:20px auto;}


/**************************************************    menu   *******************************************************************/

.dmenu
{
margin:0 0 0 10px;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 40px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(../imagenes/menu/nav_home.png) no-repeat;
	width: 78px;
}
ul#topnav a.products {
	background: url(../imagenes/menu/nav_products.png) no-repeat;
	width: 180px; 
}
ul#topnav a.sale {
	background: url(../imagenes/menu/nav_sale.png) no-repeat;
	width: 150px; 
}
ul#topnav a.community {
	background: url(../imagenes/menu/nav_community.png) no-repeat;
	width: 124px; 
}
ul#topnav a.store {
	background: url(../imagenes/menu/nav_store.png) no-repeat;
	width: 141px; 
}

ul#topnav a.camaras {
	background: url(../imagenes/menu/camaras.png) no-repeat;
	width: 250px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 40px; left: 0;
	background: #731B17 url(../imagenes/menu/sub_bg.png) repeat-x;
	padding: 5px 5px 5px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	z-index:99999;
}

ul#topnav li .sub img
{
   float:left;
   margin-right:10px;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 250px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: 50px;;
	background: url(../imagenes/menu/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ; background-color:#540A0A;}

/*********************************        Seccion clientes      ************************************************/
ul.gallery {
	width: 710px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a:link{text-decoration: none; color:#DB4024; display: block; font-weight:bold;}

ul.gallery li a:hover{text-decoration: none; color: #DB4024; display: block; font-weight:bold;}
ul.gallery li a:visited{text-decoration: none; color: #DB4024; display: block; font-weight:bold;}