@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: transparent;
	border:none;
	border-width:0;
}


/* botones estilizados y checkboxes */

 span.checkbox {
    width: 19px;
    height: 25px;
   padding: 0 5px 0 0;
    background: url(../images/checkbox.gif) no-repeat;
    display: block;
   clear: left;
    float: left;
  }
  span.radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(../images/chk_off.png) no-repeat;
    display: block;
    clear: left;
    float: left;
  }
  span.select {
    position: absolute;
    width: 158px;  //With the padding included, the width is 190 pixels: the actual width of the image. 
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px/21px arial,sans-serif;
    background: url(../images/chk_off.png) no-repeat;
    overflow: hidden;
  }
  
/* fancyform styles */

.demo label{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:1px solid #252525;clear:both;cursor:pointer}
.leftcol{float:left;clear:left;width:30%}
.rightcol{float:left;clear:right;width:30%}

.texta { 
width: 300px;
 font-size: 16px; 
 font-family:Arial, Helvetica, sans-serif;
 color:#cccccc;
 background-color: #333333; 
 border: 1px solid #666666; 
}

input {
width: 300px;
}
input.checkbox {
width: 12px;
height:12px;
border:hidden;
}



input.buttons {
   background: url(../images/btnEnviar.jpg) no-repeat center right;
   padding: 0px 164px 30px 0px;
   width: 164;
   margin: 0;
   border: solid 0px #440000;
   font: bold 11px Verdana, sans-serif;
   color: black;
   cursor:pointer;
   /* height: 21px; # triggers bug in IE7 with overflow */
   line-height: 38px;
   overflow: visible;
}


/* message grow styles */

.tbSizeChanger{
	margin-top:3px;
}
.tbSizeText{
	margin-top:3px;
	text-align:right;
}
.tbLarger, .tbSmaller{
	width:1.2em;
	height:1.2em;
	font-size:10px;
	text-align:center;
	border:1px solid #666666;
	margin-left:3px;
}
.tbLarger:hover, .tbSmaller:hover{
	background-color:#222;
	border:1px solid #666666;
}


/* menu link class for web */

a.normalink:link {
	color: #CCCCCC;
	text-decoration: none;
}
a.normalink:visited {
	color: #CCCCCC;
	text-decoration: none;
}
a.normalink:hover {
	color: #FF00FF;
	text-decoration: none;
}
a.normalink:active {
	color: #FF00FF;
	text-decoration: none;
}

/* menu link class */

 a:link {
	color: #999999;
	text-decoration: none;
}
 a:visited {
	color: #666666;
	text-decoration: none;
}
 a:hover {
	color: #FF00FF;
	text-decoration: none;
}
 a:active {
	color: #FF00FF;
	text-decoration: none;
}


/* generalidades */


h3 {
	font-size: 10px;
	color: #999999;
}

input.text 
{
width:300px;
font:12px/12px 'courier new',courier,monospace;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc; 
}

#barratop {
text-align: left;
margin: 0px auto;
padding: 0px;
width: 100%;
height: 32px;
top:0px;
left:0px;
right:0px;
background-color: #ffffff;
border: 0px;
z-index:40;
position:fixed;
}

#topmenu {
position: fixed; 
float: right;
top: 0px; 
left: 0; 
right: 0; 
border: none; 
z-index: 50;
}

#fondo {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
top:0px;
left:0px;
right:0px;
background-image:url("../images/fondoarbol.jpg");
background-attachment:fixed;
border: 0px;
position:fixed;
}

#full {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 100%;
background-color: #000000;
border: 0px;
}

#content {
text-align: left;
vertical-align: middle;
margin: 0px auto;
position:RELATIVE;
top:0px;
padding:0px;
width: 774px;
border: 0px;
z-index:4;
}

#footer {
text-align: right;
vertical-align: top;
margin: 0px auto;
top:0px;
padding-right:15px;
padding-bottom:0px;
padding-left:0px;
padding-top:0px;
width: 774px;
border: 0px;
z-index:5;
position:relative;
}

#swapper {
text-align: left;
vertical-align: middle;
margin: 0px auto;
position:RELATIVE;
top:0px;
padding:0px;
width: 774px;
background-color: #000000;
border: 0px;
z-index:6;
}

