/* 
	Theme Name: mdq Vertigo Blue
	Theme URL: http://www.codigogeek.com/
	Description: Template Vertigo Enhanced modificado y adaptado a Joomla por HernanMDQ.
	Author: Hernan Cabrera
	Author URI: http://www.codigogeek.com/
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body {
	color: #000000;
	font-size: 12px;
	font: 0.8em "Lucida sans Grande", Tahoma;

	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #3898F8;
	text-decoration: none;
	}
	
a:hover      {
	text-decoration: underline;
	}
	
/************************************************
*	Navbar  									*
************************************************/

#navbar {
	background: #FFFFFF url(../images/header.gif);
	width: 960px;
	height: 160px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#navbar img a{
	margin: 0px;
	border: none;
	}
	
#navbarleft {
	background: #FFFFFF url(../images/logo.gif);
	height: 160px;
	width: 160px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 800px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
	
#navbarright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbarright ul {
	margin: 0px;
	padding: 0px;
	}
		
#navbarright a, #navbarright a:visited {
	font: 110% arial;
	color: #3898F8;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
#navbarright a:hover {
	color: #FFFFFF;
	font-weight: bold;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}

#content span a{
	font-size:14px;
	font-weight:bold;
}

.contentheading {
	width:960px;
  	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
}

.componentheading {
 	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
}

.contentheading a  {
	color: #000000;
	text-decoration: none;
	}

.contentheading a:hover {
	color: #3898F8;
	text-decoration: none;
	}
	
h2 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 20px 0px 5px 0px;
	margin: 0px;

	}
	
h3 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	}
	
#contentleft {
	float: left;
	width: 470px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
.blockquote{
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	
/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float: left;
	width: 250px;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	}

#l_sidebar th{
width: 250px;
}

#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#l_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}

#l_sidebar ul li a:hover {
	background: #EFEFEF;
	color: #3898F8;
	}
	
#l_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#l_sidebar a.mainlevel { 
	width: 245px;
}
	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float: right;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	}

#r_sidebar {
	width: 200px;
	}


#r_sidebar th{
width: 195px;
}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#r_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}

#r_sidebar ul li a:hover {
	background: #EFEFEF;
	color: #3898F8;
	}
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#r_sidebar a.mainlevel { 
	width: 195px;
}
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #000;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 960px;
	height: 400px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	text-align: left;
	position: relative;
	line-height: 17px;
	}
	
#footerbottom {
	height: 5px;
	position: relative;
	}
	
#footer p {
	color: #FFFFFF;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer th {
	color:#3898F8;
	font: 120% arial;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#footer h2 {
	color: #3898F8;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#footer a {
	color: #3898F8;
	text-decoration: none;
	}

#footer a:hover {
	color:#ffffff;
	text-decoration: none;
	}
	
#footer ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #CCCCCC;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666666;
	}

#footer ul li a:hover {
	color: #FFFFFF;
	}
	
#footerleft {
	float: left;
	width: 225px;
	margin: 15px 20px 0px 0px;
	padding: 0px;
	}

#footerleft td {
	width: 225px;
}

#footermiddle1 {
	float: left;
	width: 225px;
	margin: 15px 20px 0px 0px;
	padding: 0px;
	}

#footermiddle1 td {
width: 225px;
}
	
#footermiddle2 {
	float: left;
	width: 225px;
	margin: 15px 20px 0px 0px;
	padding: 0px;
	}
	
#footermiddle2 td {
width: 225px;
}

#footerright {
	float: right;
	width: 225px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	}

#footerright td {
width: 225px;
}

#footer a.mainlevel { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 225px;
	display: block;
	color: #CCCCCC;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666666;
	}

#footer a.mainlevel:link, a.mainlevel:visited {
	color:#CCCCCC;
 }

#footer a.mainlevel:hover {
	color: #FFFFFF;
	text-decoration:none;
	background:000;
}

/************************************************
*	Search Form									*
************************************************/

.search {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.search input {
	background: #EFEFEF url(../images/search.gif);
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	width: 195px;
	}
	
table.moduletable th{
	text-align:left;
	color: #3898F8;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 20px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #C0C0C0;
}

a.mainlevel { 
	width: 225px;
	margin: 25px 0px 0px 20px;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #C0C0C0;
	}

a.mainlevel:link, a.mainlevel:visited {
	color: #000000;
 }

a.mainlevel:hover {
	background: #EFEFEF;
	color: #3898F8;
	text-decoration:none;
}

#active_menu { font-weight:bold; }

.small {
  	font-size        : 10px;
  	color            : #3898F8;
  	text-decoration  : none;
  	font-weight:normal
}
.createdate {
	font-size        : 10px;
  	color            : #3898F8;
  	text-align       : left;
}
.modifydate {
	padding: 5px;
	font-size		 : 10px;
  	color            : #3898F8;
  	text-align       : left;
}

#footerfinal {
	width: 960px;
	color: #FFFFFF;
	text-align: center;
	position: relative;
}
#logo {
	background: #FFFFFF url(../images/back.gif) repeat-x;
	height:130px;
}

#find {
	margin: 20px 20px;
	float:right;
}

#nombre{
	color:#FFFFFF;
	font-size:24px;
	padding: 20px 0 0 80px;
}
#nombre a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#nombre a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#nombre a:hover {
	color:#3898F8;
	text-decoration:none;
}

#nada{
	color:#FFFFFF;
	padding: 5px 0 0 80px;
}

#menu{
	padding: 15px 80px;
}

ul#mainlevel-nav {
	margin-left: 80px;
	height: 1%;
	overflow: hidden;
	margin: 0;
	padding: 0;
} 

ul#mainlevel-nav li{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
} 
#mainlevel-nav a{
	padding: 8px 20px;
	display: block;
	text-decoration: none;
}

#mainlevel-nav a:link {
	background: #222 url(images/menu.png) top left repeat-x;
	color: #ddd;
	border-left: 1px solid #333;
	border-top: 1px solid #333;} 

#mainlevel-nav a:visited{
	background: #222 url(images/menu.png) top left repeat-x;
	color: #ddd;
	border-left: 1px solid #333;
	border-top: 1px solid #333;} 
#mainlevel-nav a:hover {
	background: #333 url(images/menu.png) 0 -100px repeat-x;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #444;
	border-top: 1px solid #444;}