/*
      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 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#ffe475;
 }
#wrapper { 
 margin: 0 auto;
 width: 960px;
 background-color:#FFFFFF;
}
#faux {
 background: url("imagenes/fondo.jpg");
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 960px;
 padding: 0px;
 height: 160px;
 margin: 0;
 background:url("../imagenes/logo.jpg");
 background-repeat:no-repeat;
}

#navigation {
 color: #333;
 width: 940px;
 padding: 2px 10px;
 margin: 0;
 background: #1d1b66;
 height: 38px;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 160px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 10px 0 10px 0; 
 padding: 0px;
 width: 620px;
 display: inline;
 position: relative;
 z-index:0;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 130px;
 float: right;
}
#footer { 
 color: #333;
 width: 940px;
 padding: 10px;
 margin: 0;
 background: #1d1b66;
 height: 20px;
}

.clear { clear: both; background: none; }

	#nav, #nav ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		font-size:11px;
		width: 130px;
		z-index:1;
	}
	
	#nav li { 
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		display: block;
		width: 130px;
		z-index:2;
	}
	
	#nav li ul {
		position : absolute;
		left: -999em;
		margin-top : -2.5em;
		background-color : #ffbd43;
		z-index:3;
	}
	
	#nav li ul ul { 
		left: -999em;
	}
	
	#nav li a {
		display: block;
		width: 130px;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : #abbefd;
		border : 1px solid black;
		padding : 5px;
	}
	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		z-index:5;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
		left: 140px;
		z-index:6;
	}

	.titmenu {
		width: 130px;
		display : block;
		color : white;
		 font-size: 13px;
		font-weight : bold;
		text-decoration : none;
		background-color :  #1d1b66;
		border : 1px solid black;
		padding : 5px;
	}
	
ul.listaprin {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
width:600px;
z-index:0;
}

ul.listaprin li {
padding:0;
margin-left:20px;
margin-bottom:2px;
color:#000000;
float:left;
width:30%;
height: 35px;
overflow:hidden;
background:#Ffd890;
list-style-type:none;
 z-index:0;
}

ul.listaprin li a:link, ul.listaprin li a:visited {
text-decoration:none;
display:block;
padding:5px;
font-size:11px;
font-weight:bold;
color:black;
 z-index:0;
}	

ul.listaprin li a:hover {
color: red;
background: black;
 z-index:0;
}	

div.vcard {
background-color:#ffbe47;
border: 2px ridge black;
width: 90%;
margin: 20px;
padding:0px;
}

p.titvcard {
background-color:#ffb01f;
text-decoration:none;
font-weight:bold;
font-size:16px;
padding:4px;
border-bottom:ridge 2px black;
}

p.txtvcard {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
}

.cate1 {
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
}

a.cate2:link, a.cate2:visited {
font-size: 15px;
font-weight: bold;
text-decoration:none;
color:#FF0000;	
}

a.cate2:hover {
color:#000000;
}

hr {
	color: red;
	background-color: red;
	height: 1px;
	border: 0;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
 }

#menuh {
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	padding: 0;
}

#menuh li {
	float: right;
}

#menuh a {
	text-decoration: none;
	color: black;
	font-weight:bold;
	background: #Ffd890;
	display: block;
	padding: 5px 10px;
	margin: 0 2px;
	text-align: center;
	border: 1px solid black;
}

#menuh a:hover {
	background: #ff7400;
}

