/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {		
	background-image: url(images/fondo.jpg);
	background-repeat:repeat-x;
	text-align:center;
	}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 text-align:left;
}
#header { 
 margin: auto;
 width: 896px; 
 padding: 0px; 
 height: 244px; 
 padding-top:0px;
 
}
#top {
 
 width:896px;  
 height: 43px;
 background-image: url(images/index_07.jpg);
 background-repeat: no-repeat;
 
}
#leftcolumn { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 background-image: url(images/index_08.jpg);
 background-repeat: no-repeat;
 height: 408px;
 width: 320px;

 
}
#left { 

 height: 438px;
 width: 320px;
 float: left;
 
}
#leftd { 

 background-image: url(images/index_18.jpg);
 background-repeat: no-repeat;
 height: 29px;
 width: 320px;

 
}

#rightcolumn{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
 background-image: url(images/bienvenido.jpg);
 background-repeat: no-repeat;
 width: 576px;
 height: 94px; 
 float:left; 
 
}
#contentpre { 
 float:left;
 color: #333; 
 height: 55px;
 width: 575px; 
 background-image: url(images/index_10.jpg);
 background-repeat: no-repeat;

}
#content { 
 float:left;
 height: auto;
 width: 576px; 
 background:#FFF6EF url(images/index_12.jpg) no-repeat;
 
}
#content2 { 
 float: left;
 height: 64px;
 width: 301px;
 background-image: url(images/index_13.jpg);
 background-repeat: no-repeat;
}
#content3 { 
 float: left;
 height: 64px;
 width: 275px;
 background-image: url(images/index_14.jpg);
 background-repeat: no-repeat;
 
}
#content4 { 
 float: left;
 height: 389px;
 width: 301px;
 background-image: url(images/index_15.jpg);
 background-repeat: no-repeat;
 
}
#content5 { 
 float: left;
 height: 389px;
 width: 275px;
 background-image: url(images/index_16.jpg);
 background-repeat: no-repeat;
 
}
a:hover{text-decoration:none;}
a{text-decoration:none;} 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 

}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}
a:hover, a:visited, a:link{text-decoration:none; color:#686862; font-weight:bold;}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #686862;
text-decoration: none;
background:url(dispo3a.png);
padding: 1px 5px;
border: 0px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #686862;
}

.suckerdiv ul li a:hover{
background-color:none;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */