/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.8em; background: url(images/bg.gif)}
html, input, textarea
	{	font-family:Arial; 
		color:#7c7c7c;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#ffffff; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#7c7c7c;} 

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 9px; margin:0px; padding-left:16px; }
ul li a{color:#FFFFFF; text-decoration: underline;  line-height:2.2em} 
ul li a:hover { text-decoration:none; }

/*header*/
#header {font-size:0.75em; color:#FFFFFF; background:url(images/pic2.jpg) no-repeat top right  }
#header .logo{ margin:144px 0 0px 619px; position:absolute}

.logo1{ margin:142px 0 0px 620px; position:absolute}
.enter{ margin:0px 0 0px 681px }
.bg{background:url(images/bg2.gif); width:100%}
.bg1{background:url(images/pic2.jpg) no-repeat top right }

/*content*/
#content{ font-size:0.6875em; width:100%; text-align:left}
#content .indent{padding:15px 0px 0px 0px; }
#content .indent1{padding:0px 25px 0px 0px; }
#content .indent_main{padding:0px 8px 14px 2px; }
#content .indent_col1{padding:0px 2px 0px 0px; margin:36px 25px 49px 30px }
#content .indent_col2{padding:35px 28px 33px 30px;}
#content .title{  margin-bottom:17px}
#content .title1{  margin:24px 0 17px 0}
#content .pic_left{ float:left; margin:0px 16px 0px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content .more{ margin:0px 0px 28px 0px}
#content p{ margin:0px 0px 9px 0px}
#content h3{ color:#FFFFFF; font-size:1em; font-weight:normal}
#content .txt{ color:#FFFFFF;}




#page1 .width1{ width:239px; float:left}
#page1 .width2{ width:340px; float:right}
#page1 .overflow{ overflow:auto; width:285px; height:241px; margin-top:28px; }
#page1 .overflow1{ width:240px; height:500px}

#page3 .overflow{ overflow:auto; width:225px; height:241px; margin-top:28px; }
#page3 .overflow1{ width:200px; height:500px}

#page4 .overflow{ overflow:auto; width:425px; height:275px; margin-top:28px; }
#page4 .overflow1{ width:370px; height:500px}

#page5 .width1{ width:277px; float:left}
#page5 .width2{ width:307px; float:right}

#page6 .width1{ width:276px; float:left}
#page6 .width2{ width:293px; float:right}
#page6 .overflow{ overflow:auto; width:285px; height:241px; margin-top:28px; }
#page6 .overflow1{ width:240px; height:500px}

/*footer*/
#footer { color:#8b8b8b; font-size:0.625em; background:url(images/bot.gif) repeat-x top; padding:48px 35px 40px 35px; text-transform:uppercase}
#footer a {color:#fff; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.form{ height:25px}
.formContacto { height:40px}
input{
   	border:1px solid #a4a4a4; 
	background:#292929;
	width:260px; height:20px;
	font-size:1em;
	padding-left:8px;
	color:#a4a4a4;
	margin-bottom:3px
}
textarea{
   	border:1px solid #a4a4a4; 
	background:#292929;
	width:285px; height:70px;
	font-size:1em;
	color:#a4a4a4;
	padding-left:8px;
	margin-bottom:11px;
	overflow:auto}