/* CSS Document */
html, body, ul,  li, p, 
h1, h2, h3,  
form, fieldset, img, a hr{ 
margin: 0; 
padding: 0; 
border: 0; 
}
body {
font-size: 100.01%;
font-family:Arial, Verdana,  Helvetica, sans-serif; font-size:80%;
text-align:center; line-height:1.3em;
  color:#fff; background-color:#eaeaea;   }
 
h1 {    text-align:center; font-family: "felix Titling"; letter-spacing:.3em; 
	font-size:1.5em;color:#eaeaea;
	padding:.5em 0;

}
h2 { font-size:1.4em;padding:0;margin:1.2em 0 .7em 0;text-align:left; }
h3 { font-size:1.4em;padding:0;margin:1.2em 0 .7em 0;text-align:left; }
p { text-align:justify; line-height:130%;  margin:1em 0;   }
#top p, #footer p {text-align:center;}
img{padding:.6em ; border:1px ridge #eee;}
.img-no-border {border:none;}
li { margin-left:1.3em; text-align:justify;}

hr { width:80%; text-align:center; color:#6ac334;  margin:1em;}

a:link {text-decoration: none;font-weight:bold; color:#fff;   }
a:visited {text-decoration: none; color:#FFCCFF;} 
a:hover {color: red;  background-color:transparent;text-decoration: underline; font-weight:bold;  } 



#wrapper {width: 90%;margin:0 auto; max-width:999px; background-color:#fff;   } 
#container {margin: 0;text-align:center;  background-color:#004d5a;border-left:2px solid  #6ac334;border-right:2px solid  #6ac334;
 }
 #right-c a{ text-align:right;  } 
#top {min-height:90px; 
	
	text-align:center;padding-left:100px ;
	padding-top:1em ;   background-color:#004d5a; background-image: url(imgs/logo_gisatel.jpg); background-repeat:no-repeat; 
}
#top p{ font-size:120%;}
.nav { height:16px; background-color:#57bd47; padding: 10px 0;}
.nav ul li{
	display: inline; padding-top:9px;
}
	  
#left-c p, #center-c p, #right-c p{ text-align:justify;  }  
   #left { 
       float:left; width:21%; margin:0; padding:.5em; display:inline; background-color: #004d5a;
      }
   #left-c {
      font-size:90%;text-align:left; margin-left:.8em; padding: .3em;      }
   #center { float:left;width:57.7%;margin:0 ; padding:0; color:#004d5a;   background-color:#fff; border:2px solid  #57bd47; border-width:0 2px;
      }
   #center-c {
	padding:3em;
	margin:1em;
	
      
      
      }
	#right { float:right; width:19.5%; margin:0; padding:0; 
     }
	#right-c {
	font-size:85%;
	margin-right:.8em; padding: 1.5em;
}
#main { width:75%; float:right;background-color:#fff;      }
#main-c {padding:3em;}


#footer {   font-size:90%; clear:both;  padding:1em ; color:#004d5a; background-color:#fff;     }
   .spacer {clear:both;height:1px;visibility: hidden;}
      .spacer2 {clear:both;height:10px;visibility: hidden;}

   .spacer3 {clear:both;height:30px; visibility:hidden;   }


.float-left{ float:left;} 
.float-right{ float:right;}
.img-right { float:right; margin-left:1em;border:0;}
.img-left { float:left; margin-right:1em;border:0;}
.big {float:left; position:relative;top:-8px; height:25px; padding-top:7px;padding-right:3px; color: #000; font-size:24px; font-weight:bold; font-family: "Times New Roman", Times, serif; }
.tenue {color:#999; font-size:80%;}
.center { margin:1em auto;text-align:center;}
.current {display: inline;  font-weight:bold; text-transform:uppercase;color:red; }



#datos {width:500px; margin:2em auto;text-align:left;}

#formulario {
	width:500px;
	margin:10px auto;
	color:#000;
	background-color:#fff;
	border:4px ridge #005d4a;
	;
	padding:30px;
}




/*-----------------------------  Input Classes  -----------------------------*/

input.form   {
	border:1px solid  #333;
	background-color:#fff;
	float:right;
	height: 15px;
	padding: 5px;
}

textarea.form
  {			border:1px solid  #333; background-color:#fff; float:right;}

textarea.form {			margin-left:75px;border:1px solid  #333;}

input.button {			font-size:0.95em;
				width:120px;border:3px ridge  #333;
				font-weight:bold;float:right;}




/*---------------------------------  Lists  ---------------------------------*/

ul.error {			width:350px;text-align:left;
				margin:10px auto;
				color:#C00000;
				background-color:transparent;
				font-size:1em;}

ul.error li {			font-size:0.9em;
				margin-left:25px;}




/*---------------------------  Paragraph Classes  ---------------------------*/

p.centered {			text-align:center;
				font-weight:bold;
				margin:10px;}

p.small {			font-size:0.85em;}




/*------------------------------  Span Classes  -----------------------------*/

.required {			font-size:1em; visibility:hidden;
				color:#C00000;
				background-color:transparent;
				width:5px;
				text-align:right;
				margin-left:60px;
				margin-top:.5em;}

.fieldname { float:left;		font-weight:bold;
				width:100px;
				text-align:left;
				padding: 0 ;}
	.tenue { font-size:80%; color:#666; }
.spacer {clear:both; height:1px; visibility:hidden;   }