/* LAYOUT -----------------------------------*/

html,body {	 margin: 0; padding: 0
}

body { background-image: url(../imagenes/fondo.jpg);
       background-attachment: fixed;
       text-align: justify;
       color: white; 
       font-family: verdana, tahoma; 
       font-size: .8em; 
       font-weight: bold; 
}

p {		 margin: 2px 10px 5px 15px;
		 text-indent: 1.3em;
}

a {		 display: line; 
		 color: #aaa;
      	 text-decoration: none;
}

a:link {	 color: yellow; 
		 text-decoration: none;
}

a:visited {	 color: purple;
		 text-decoration: underline; 
}

a:hover {	 color: green;
	 	 text-decoration: underline;        	 
}

div#header { background: url(../imagenes/fondoheader.jpg) blue;
	     text-align: center; 		
}


div#extra {	 background: #009;
		 font-size: .8em;
		 font-weight: normal;
}

div#footer{ 	 background: #333;
		 font-size: .8em;
		 font-weight: normal;	
		 color: #FFF;}

div#footer p {   margin:0;
		 padding:5px 10px;
}

div#container {  background: #003;
		 width:1000px;
		 margin:0 auto;
		 text-align:justify;
}

div#content {	 float:right;
		 width:810px;
		 min-height: 500px;
		 text-indent: 1.3em;
}

div#navigation { background: url(../imagenes/fondonavegation.gif) #006;
		 float:left;
		 width:180px;
		 text-align: center;
}

div#extra { 	 clear:both;
		 width:100%;
}

img { border: none;
      vertical-align: middle;
}


/* BOTONES ---------------------------------------------*/

.menu4 {	 padding:0 0 0 1em;
		 margin:0;
		 list-style:none;
		 height:35px;
		 background: url(../imagenes/pro_four0.gif);
}

.menu4 li {	 float:left;
}

.menu4 li a {	 display:block; 
		 float:left;
		 height:35px;
		 line-height:33px;
		 color:#aaa;
		 text-decoration:none;
 		 font-family:verdana, sans-serif;
		 text-align:center;
 		 padding:0 0 0 14px;
		 cursor:pointer;
		 font-size:11px;
}

.menu4 li a b {	 float:left;
		 display:block;
		 padding:0 14px 0 7px;
}

.menu4 li.current a { color:#fff;
		      background: url(../imagenes/pro_four2.gif);
}

.menu4 li.current a b { background: url(../imagenes/pro_four2.gif) no-repeat right top;
}

.menu4 li a:hover { color:yellow;
                    background: url(../imagenes/pro_four1.gif);
}

.menu4 li a:hover b { background: url(../imagenes/pro_four1.gif) no-repeat right top;
}

.menu4 li.current a:hover { color: yellow;
                            background: url(../imagenes/pro_four2.gif);
                            cursor:default;
}

.menu4 li.current a:hover b { background: url(../imagenes/pro_four2.gif) no-repeat right top;
}