* {margin: 0px; ; padding:0px ; border: 0px}

a 			 	 	 { color: white; font-size:1em ; font-family: "Century Gothic"; text-decoration: none; }
a:link 			 { }
a:visited		 { }
a:hover			 { color: white; text-decoration: underline }
a:active		 { }

p 					 { font-family: "Arial"; text-align: justify; } 


h1 					 { font-family: "Arial"; font-size: 1.4em; color:#fff; font-weight: bold ; text-decoration: underline ; 
						 	 text-align: center; background: #000; padding: 3px 0 3px 3em; }
h2 					 { font-family: "Century Gothic"; font-size: 1.2em; color:gray ; font-weight: bold ; text-decoration: none ; text-align:left; margin: 1.0em 10% .5em;  }
h3 					 { font-family: "Century Gothic"; font-size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ; text-align:left; margin: 1.5em 13% .5em; }


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

body { background-color: WhiteSmoke ;  /* #CDCDB4 */
		 	 height: 600px;
		 	 padding: 0px 0px 0px 0px ;  
			 font-family: Verdana, Arial, sans-serif;
			 font-size: 0.8em;
			 text-align: center }
			 

#global 	   { width:800px ; margin: 4px auto; }

#cabecera 	 { background-color: White; width:800px; height: 74px; margin: 0px 0px 0px 0px ; }		
#logotipo 	 { background-color: White; float: left; margin: 0px 0px 0px 0px ; }
#titulo 	   { background-color: White; float: right;  margin: 0px 0px 0px 0px ; }
#titulo p    { padding: 10px 5px 5px 10px ; text-indent: 15px; font-family: "Eras Demi ITC"; font-size: 110%; color: gray; }
								
/* dark red color: #632526 */
#navegacion	   { background-color: #632526; border:1px solid #666; width:800px; height:25px; margin: 0px 0px 0px 0px ; }
#navegacion li { list-style:none; margin: 0px 10px 10px 10px;  padding-top: 5px; font-size: 100%; float: right; }
#navegacion ul { margin-left: 180px }
	

#contenido 	 { background-color: white; width: 800px; }
 

#menu 			 { background-color: white;  width: 130px ; text-align:left; float:left ; margin:0px 0px 0px 0px;
						 	 background-image: "images\menu-lateral.jpg";
						 	 background-repeat: no-repeat;  
							 background-position: top;

						 }		
							 			 
#menu a { color:gray; font-size:1.0em ; font-family: "Century Gothic"; text-decoration: none; }
#menu a:hover { color: black; text-decoration: underline; }
#menu li { list-style: none ; margin: 4px 8px 4px 6px; }

#overview 	 { text-align: left; display: block;  }
#overview p  { margin-left: 130px; padding: 5px 10px 5px 10px ; font-family: "Arial"; font-size: 1em; color: black; }
#overview h3 { margin-left: 130px; padding: 5px 10px 5px 10px ; }
#overview li { list-style: square; margin-left: 170px; padding: 5px 10px 5px 10px ; font-family: "Arial"; font-size: 1em;}


#partners     { text-align: left; display: block; }
#partners table	 { width=600px; font-family: "Arial"; font-size:0.8em ; padding: 0px 0px 0px 0px; border-bottom: 1px dotted #632526; border-left: 1px dotted #632526  }
#partners td {  align="center"; padding: 10px 10px 10px 10px; border-top: 1px dotted #632526; border-right: 1px dotted #632526; }
#partners a		{ color:gray; font-family: "Arial"; font-size:1em ; text-decoration: none;  }
#partners a:hover	{ color:black; text-decoration: underline; background-color: white; }


#news     { text-align: left; display: block; }
#news table	 { width=600px; font-family: "Arial"; font-size:1em ; padding: 0px 0px 0px 0px; }
#news td {  align="center"; color: orange; padding: 10px 10px 10px 10px; }
#news a		{ color:gray; font-family: "Arial"; font-size:1em ; text-decoration: none;  }
#news p		{ color:gray; font-family: "Arial"; font-size:1em ; text-decoration: none;  }
#news a:hover	{ color:black; text-decoration: underline; background-color: white; }


#contact { text-align: left; display: block; }
#contact p  { margin-left: 150px; padding: 5px 10px 5px 10px ; font-family: "Arial"; font-size: 1em; color: black; }
#contact a	{ color:blue; font-size:1em ; font-family: "Arial"; text-decoration: none ; display: block;}

#login { text-align: left; display: block; margin-left: 150px; font-family: "Arial"; font-size: 1em; }
#login form  { padding: 5px 10px 5px 10px ; font-family: "Arial"; font-size: 1em; color: black; }
#login a	{ color:blue; font-size:1em ; font-family: "Arial"; text-decoration: none ; display: block;}
#login input { border: 1px solid #632526; }

#pie		 { height:25px; width:800px; }
#pie1 	 { float:left }
#pie2 	 { float:right }
#pie1 p { padding: 5px 10px 5px 10px ; text-align: center; font-size:0.8em ; font-family: "Century Gothic"; color: black; }
#pie2 p { padding: 5px 10px 5px 10px ; text-align: center; font-size:0.8em ; font-family: "Century Gothic"; color: black; }