/* ----- NORMALIZACION CSS ----- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {

     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     font-family: inherit;
     /*vertical-align: baseline;*/

}


:focus {
     outline: 0
}

strong {

 font-size: 120%;
 font-weight: bold;
 font-family: Verdana,Arial;
 color: #FDFBDD;
}

input, textarea {
     margin: 0;
     padding: 0
}


hr {
     margin: 0;
     padding: 0;
     border: 0;
     background-color: #352724;
     height: 2px
}

/* ----- GENERAL ----- */


body{
  line-height: 1;
  background: #191919 url(../img/bg_body.png) repeat !important;
  font-size: 80%; 
	font-family: Arial,Verdana;
	color: #333;
	background-attachment: fixed;
}


/* ----- LAYOUT (IDS) ----- */

#wrapper {
  width: 100%;
  text-align: center;
}

#container {
  width: 980px;
	background: url(../img/bg_wrapper.png) repeat-y !important;
  margin-left:auto;
  margin-right:auto;
}


#header{
  position:relative;
  width: 400px;
	_width: 980px;
	height: 110px;
	_height: 120px;
	padding: 10px 0px 0px 580px;
	text-align: left;
  background: url(../img/bg_header.png) repeat-y !important;
}

#header .imgLeft{width:550px; height:110px; position:absolute; top:2px; left:7px; z-index:2;}

#menu{
  width: 975px;
  _width: 980px;
	height: 46px;
	margin-left:5px;
	/*background-color: #000 !important;*/
	text-align: left;
	clear: both;
}

#left {
  width: 700px;
	_width: 710px;
	padding: 0px 0px 0px 10px;
	margin-bottom:10px;
	float: left;
	text-align: left;
}

#left td{
 font-size: 95%;
 font-weight: bold;
 padding:0px 0px 35px 0px;
 _padding:0px 0px 28px 0px;
 background-color: #fff;
}

#left .top{
 width:700px;
 height:70px;
 text-align:left;
}

#left .center{
 width:660px;
 _width:700px;
 padding:0px 20px 0px 20px;
 background: url(../img/bg_ppal.png) repeat-y !important;
 text-align:left;
}

#left .bottom{
 width:700px;
 height:35px;
 text-align:left;
}

#leftN {
  width: 560px;
	_width: 570px;
	padding: 0px 0px 0px 10px;
	margin-bottom:10px;
	float: left;
	text-align: left;
}

#leftN .top{
 width:560px;
 height:70px;
 text-align:left;
}

#leftN .center{
 width:520px;
 _width:560px;
 padding:0px 20px 0px 20px;
 background: url(../img/bg_ppalN.png) repeat-y !important;
 text-align:left;
}

#leftN .bottom{
 width:560px;
 height:35px;
 text-align:left;
}

#right {
 	width: 255px;
	_width: 260px;
	padding: 0px 5px 0px 0px;
	float: right;
	text-align: left;
	margin-bottom:10px;
}

#right .top{
 width:250px;
 height:14px;
 text-align:left;
}

#right .center{
 width:230px;
 _width:250px;
 padding:0px 10px 0px 10px;
 background: url(../img/center_right.png) repeat-y !important;
 text-align:left;
}

#right .bottom{
 width:250px;
 height:14px;
 text-align:left;
}

#rightN {
 	width: 420px;
	_width: 425px;
	padding: 0px 5px 0px 0px;
	float: right;
	text-align: left;
	margin-bottom:10px;
}

#rightN .top{
 width:420px;
 height:14px;
 text-align:left;
}

#rightN .center{
 width:400px;
 _width:420px;
 padding:0px 10px 0px 10px;
 background: url(../img/center_right.png) repeat-y !important;
 text-align:left;
}

#rightN .bottom{
 width:420px;
 height:14px;
 text-align:left;
}

#footer {
  width: 950px;
	_width: 970px;
	height:60px;
	_height:80px;
	padding: 10px;
	margin-left:5px;
	margin-right:5px;
	background-color: #000 !important;
	font-size: 90%;
	text-align: center;
	clear: both;
}


#frm{

width:250px;
_width:287px;
padding: 64px 0px 0px 37px;
position:relative; 
left:170px;
background: url(../img/bg_frm.png) no-repeat !important;
text-align:left;

}

#cont{
width:250px;
_width:287px;
padding: 64px 0px 0px 37px;
position:relative; 
left:170px;
background: url(../img/bg_cnt.png) no-repeat !important;
text-align:left;
}

#frm2{
width:250px;
_width:287px;
padding: 20px 0px 0px 37px;
position:relative; 
left:5px;
background: url(../img/bg_frm2.png) no-repeat !important;
text-align:left;
}


a:link {
	color: #555;
	text-decoration: underline;
	font-size: 110%;
	font-weight: bold;
}

a:visited {
	color: #333;
	text-decoration: underline;
	font-size: 110%;
	font-weight: bold;
}

a:hover {
	color: #FFCC00;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
}

a:active {
	color: #000;
	text-decoration: underline;
	font-size: 110%;
	font-weight: bold;
}


/* ----- TABLAS----- */

td img {
  display: block;
	}


/* ---- Contactenos ----------- */

#formContenedor 
{
	text-align:center;
	position:absolute;
	width:233px;
	left:50%;
	margin-left:-200px;
}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid;
	background-color: transparent;
	color: #DDA600;
	width:140px;
}


textarea
{
	width:220px;
	height:70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:0px;
	background-color: transparent;
	color: #6B1C19;
	overflow:hidden;
}

button {width:52px; height:16px; background: url(../img/btnlogin.png) no-repeat !important; border:1px solid; color:#000; cursor: hand;}

.label { width:110px; text-align:left; }

.campo { width:220px; }

.ayuda { width:50px; text-align:center; }

.inputNormal { width:220px; border:0px;}

.inputError
{
	border:0px;
	background-color:#C7C3C2;
	color:#6F1818;
}


/* Capas de transparencia y mensajes de confirmacion */

#transparencia

{
	background-color:#8C4221; 
	z-index:1; 
	position:absolute;
	width:275px;
	height:420px;
	display:none;
	opacity:0.95; filter:alpha(opacity="90");
	top:5px;
	left:5px;
}

#transp

{
	background-color:#000; 
	z-index:1; 
	width:100%;
	height:100%;
	display:none;
	opacity:0.95; filter:alpha(opacity="90");
	top:5px;
	left:5px;
}


#transparenciaMensaje
{
	position:absolute;
	width:275px;
	height:420px;
	margin-top:-50px;
	margin-left:-120px;
	top:50%;
	left:50%;

}

#transparenciaMensaje_
{
	position:absolute;
	width:275px;
	height:430px;
	margin-top:-25px;
	margin-left:-75px;
	top:50%;
	left:50%;

}


/* Mensajes de ayuda */


#formulario{
}

#formulario table{
 width:233px;
}

#formulario td{
 font-size: 95%;
 font-weight: bold;
 padding:0px 0px 35px 0px;
 _padding:0px 0px 30px 0px;
}


.login{
  background-image:url(../img/btnlogin.png);
  background-repeat:no-repeat;
  background-position:center;
	}


.ok{
  background-image:url(../img/ok.png);
  background-repeat:no-repeat;
  height:20px;
  width:52px;
}

.ocultar{
  background-image:url(../img/ocultar.png);
  background-repeat:no-repeat;
  height:20px;
  width:62px;
  background-position:center;
}

strong {
 font-size: 115%;
 font-weight: bold;
 font-family: Verdana,Arial;
 color: #DDA600;
}