/*@charset "utf-8";*/
/* CSS Document */
html {
	background-image:url(../adjunto/fondo_pagina.jpg);
	background-position:left top;
	background-repeat: repeat-x;
	background-color:#AE0405;
	height:100%;
}
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(../adjunto/fondo_interna.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height: 100%;
}
#divContenido {
	padding:0 0 105px 0;
}
/********************generales********************/
p, h1, h2, h3, h4, ul, li, ol { margin:0; padding:0 }
p{ margin:1em 0; }

#divPrincipal{
	width:891px;
	margin:auto;
	text-align:left;
	position:relative;

	min-height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}
*html #divPrincipal{
	height: 100%;
}

#divCabecera{
	height:116px;
}
#divHerramienta{
	float:right;
	padding-right:100px;
}
#divHerramienta a{
	background-image:url(../adjunto/herramienta-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:38px;
	line-height:38px;
	padding:11px 5px 13px 5px;
	color:#FFFFFF;
	font-size:11px;
	outline:none
}
#divLogo {
	position:absolute;
	width:120px;
	height:115px;
	z-index:99999;
	top:0px;
	left:15px;
}
#divFlash{ text-align:center; height:396px;}
#divAccesos{
	margin:auto;
	margin-left:12px;
}
#divAccesos .caja{
	background-repeat:no-repeat;
	background-position:left top;
	width:202px;
	height:132px;
	float:left;
	margin-right:15px;
}
#divAccesos .caja .trabaja{ margin:95px 0 0 120px}
#divAccesos .caja .venta{ margin:55px 0 0 110px}
#divAccesos .caja .venta img{ margin:7px 0 0 7px;}

#divPie{ 
	height: 105px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	background: url(../adjunto/fondo_pie.jpg) left bottom repeat-x;
	position:relative;
	margin-top:-105px;
}

#divPie table{ background-image:url(../adjunto/pie-cen.gif); background-repeat:repeat-y; background-position:center; color:#d89b9d; }
#divPie td{ padding:0 8px; }

#divLeft{ width:165px; padding:75px 0 0 15px; float:left}
#divRight{ width:711px; float:left;
	min-height: 550px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 550px;/* this is also the min height for IE */
}

#divSubmenu ul{ width:135px; margin-bottom:30px; /*font-weight:bold;*/ font-size:12px;}
#divSubmenu li{ list-style-type:none; border-bottom:1px solid #ce696a;margin:0;}
#divSubmenu li.SinBorde{ border-bottom:none;margin:0;}
#divSubmenu li a{ display:block; padding:7px 5px; outline:none }
#divSubmenu li a:hover{ background-image:url(../adjunto/li_submenu.gif); background-repeat:repeat-x; background-position:left center; text-decoration:none}
#divSubmenu li.selecto{ background-image:url(../adjunto/li_submenu.gif); background-repeat:repeat-x; background-position:left center; text-decoration:none; padding:7px 5px;}

.classCuadro{ border:2px solid #000000; width:127px; margin-top:15px; }
.classCuadro h1{ font-size:12px; color:#FFFFFF; background:#000000 url(../adjunto/bg_h1cuadro.gif) 5px center no-repeat; padding:2px 2px 2px 20px }

#divCuerpo{ 
	margin:22px 18px 0 0; padding-left:5px;	
	min-height: 300px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 300px;/* this is also the min height for IE */
 }
#divRuta{ height:25px; line-height:25px; text-align:right;}
#divRuta a{ color:#ffcc00; text-align:right; text-decoration:none}
#divRuta .selecto{ color:#ffcc00; text-decoration:underline}

#divCuerpo h1{ font-size:35px; color: #FFFFFF; height:45px; line-height:40px;}
#divCuerpo h2{ font-size:12px; color: #ffcc00; margin:10px 0;}

#CajaTexto {
	position:absolute;
	width:375px;
	height:55px;
	z-index:1;
	top:215px;
	left:185px;
	background-color:#5b0203;
	padding:10px;
}
#map_canvas{ border:9px solid #570203; color:#333333;}
#map_canvas h1{color:#333333; font-size:14px; color:#b70408}


.classHR{ background-image:url(../adjunto/linea.gif); background-position:center; background-repeat:repeat-x; height:40px}
/*.classHR{ border-bottom:1px solid #c92f32; padding-top:20px; margin-bottom:20px;}*/

.classPrecio{ background-image:url(../adjunto/bg_precio.gif); width:89px; height:19px; padding:8px 5px 2px 5px; text-align:center; margin:5px 0}
.txt10{ font-size:10px;}
.txt12{ font-size:12px;}
.FotoDerecha{ background-color:#7d0b0c; padding:11px; float:right; margin-left:22px;}
.Promocion{ background-color:#7d0b0c; padding:11px; float:left; margin-right:15px;}

/***** links ******/

a{ text-decoration:none; color:#FFFFFF; outline:none }
a:hover{ text-decoration:underline}
a img{ border:none; outline:none }

#divRuta a:hover{text-decoration:underline; outline:none }

/***** clases *****/
.classClear{ clear:both}

#divFormulario{ margin-top:70px;}
#divFormulario select, #divFormulario textarea, #divFormulario input{ border:1px solid #da5353; background-color:#f3c8c8; font-size:11px; font-family:Arial, Helvetica, sans-serif}
#divFormulario .sinClase{ border:none; background:none}


/********** menu despegable *************/
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; top:58px; left:170px;  position:absolute; z-index:100}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 95px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { height: 24px; }
#nav *:hover { background-color: none; text-decoration:none }
#nav a {color:#ffffff; font-size: 11px;line-height:15px; padding-left:0px;}
  #nav li.hover a { background-color: none; }
  #nav ul { top: 57px; left:0; padding:10px 5px; background-color: #f00505; opacity: 0.9; filter: alpha(opacity=90); }
    #nav ul li a { background-color: #f00505;padding: 3px 5px 3px 5px; text-align:left; font-weight:bold }
      #nav ul li a:hover { background-color: #000;opacity: 0.7; filter: alpha(opacity=70); }
   #nav ul a { border-bottom:1px solid #f56868;  }

#nav ul a.SinBorde{ border-bottom:none}

/******************* imagenes *****************************/
/* single thumbnail */
p.pg a {
position: relative;
display: block;
width: 100px;
height: 75px;
}

p.pg a:hover {
z-index: 2;
background:none;
}

p.pg a img {
position: absolute;
width: 185px;
height: 125px;
}

p.pg a:hover img,p.pg a:active img,p.pg a:focus img {
width: 219px;
height: 167px;
left: -20px;
top: -25px;
z-index: 3;
}

#divMapa{ margin:20px 0; background: url(../adjunto/l_mapa.gif) left top no-repeat; padding:15px 1px}
#divMapa li{background: url(../adjunto/l_mapa_h.gif) left center no-repeat; margin:0; padding:0 0 7px 0; font-size:12px; padding-left:50px; list-style-type:none; }
#divMapa li a{ color:#ffcc00; font-weight:bold }
#divMapa li li a{ color:#fff; text-decoration:underline; font-weight:normal }

#divMapa li li{background: none; margin:0; padding:0; font-size:11px; padding-left:10px; display:inline}


#divCupones{ margin-left:60px; background:url(../adjunto/bg-cupones.jpg); width:558px; height:532px; padding:13px 0 0 13px;}
#divCupones .classCupon{ color:#000066; width:230px; height:252px; float:left; padding:8px 15px 0 32px; font-size:12px;}
#divCupones .classCupon h1{ font-size:28px; font-weight:normal; color:#000066; padding:0; margin:0; letter-spacing:-2px }
#divCupones .classCupon p{ padding:0; margin:0;}
#divCupones .classCupon .costo{ font-size:30px; color:#000066; }
#divCupones .classDescripcion{ height:209px; }
#divCupones .classDetalle{ margin:0 0 0 -25px; font-size:10px; color:#FFFFFF; text-align:justify }

.classHRImprimir{ text-align:right; background-image:url(../adjunto/linea.gif); background-position:center bottom; height:20px;background-repeat:repeat-x; margin-bottom:20px; }