/* 
    Document   : global
    Created on : 25-nov-2008, 0:28:51
    Author     : asanchez
    Description:
        Purpose of the stylesheet follows.
*/

body {
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #000000;
}

form {
    display: inline;
    margin: 0;
    padding: 0;
}

a, strong {
    color: #0055a0;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

h1 {
    font-size: 21px;
    color: #0055a0;
    background: 0 5px no-repeat url('../images/coma.gif');
    padding-left: 20px;
    line-height: 31px;
    vertical-align: top;
}

h2 {
    font-size: 17px;
    color: #0055a0;
}

h3 {
    font-size: 15px;
}

div.clr {
    clear: both;
}

#layout-wrapper {
    width: 955px;
    margin: 0 auto;
}

#layout {
    width: 955px;
    margin: 0 auto;
}

#main {
    margin-right: 315px;
}

#header {
    position: relative;
    height: 279px;
    background: top left no-repeat url('../images/header_bg.jpg');
}

#logo {
    margin-top: 15px;
    margin-left: 10px;
}

#top-menu {
    position: absolute;
    top: 10px;
    left: 400px;
    color: #0055a0;
    font-weight: bold;
}

#top-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#top-menu ul li {
    display: inline;
}

#loginbox {
    height: 29px;
    line-height: 29px;
    vertical-align: middle;
    color: #ffffff;
    background: top left no-repeat url('../images/login_bg.gif');
    padding-left: 25px;
}

#loginbox a {
    color: #ffffff;
     font-weight: normal;
}

.login-links {
    float: right;
    height: 29px;
    line-height: 29px;
    padding: 0 10px;
    border-left: 3px solid #ffffff;
}

#loginbox .login-links a {
    font-weight: bold;
}

#loginbox label {
    margin-right: 7px;
}

#loginbox input.textbox {
    border: none;
    background: top left no-repeat url('../images/login_input_bg.gif');
    width: 86px;
    height: 12px;
    padding: 1px 4px;
    margin-right: 10px;
    font-size: 10px;
    color: #000000;
}

#loginbox input.button {
    border: none;
    background-color: #009ee0;
    color: #ffffff;
    font-weight: bold;
    padding: 0 2px;
    margin-right: 15px;
}


#left-column {
    width: 170px;
    float: left;
}

#left-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#left-column ul li {
    margin-bottom: 5px;
}

#left-column ul a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    margin-left: 30px;
    padding-left: 10px;
    background: left 50% no-repeat url('../images/menu_bullet.gif');
}

#current a span, #current a {
    color: #0055a0;
}

#left-column ul a:hover {
    text-decoration: underline;
}

#left-column h1 {
    margin-top: 0;
    margin-bottom: 5px !important;
    margin-left: 10px;
}

#right-column {
    position: relative;
    width: 315px;
    float: right;
    z-index: 100;
}

#right-column .mtype_banner {
    margin: 15px 0;
}

#main-content {
    padding-top: 15px;
    background: top left no-repeat url('../images/main_bg.gif');
}

#content {
    background: transparent;
    margin-left: 5px;
    margin-right: 15px;
    width: 450px;
    float: left;
}

#footer {
    background-color: #0055a0;
    margin-top: 15px;
    padding: 5px 10px;
}

#footer a {
    color: #ffffff;
    margin-right: 10px;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

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

#footer ul li {
    display: inline;
}

#contact {
    color: #75787b;
    padding: 5px 10px;
}

#contact a {
    color: #75787b;
    font-weight: normal;
}

#banner {
    text-align: center;
    padding: 25px 0 15px 0;
}

.blog_home h2 {
    font-size: 19px !important;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 15px;
    color: #0055a0 !important;
}

.article p {
    margin-top: 0;
    margin-bottom: 7px;
}

.article img {
    margin-right: 15px;
}

.leading_home {
    padding-left: 30px;
}

.leading_home .readon_home {
    display: block;
    text-align: right;
}

.leading_home h2 {
    padding-left: 0;
}

.leading_home p {
    padding-left: 15px;
}

.article h1, h1.componentheading {
    background: none;
    padding-left: 0;
    margin-bottom: 5px;
}

#content h2 {
    color: #000000;
    font-size: 14px;
    margin-bottom: 7px;
}

#content .gallery a {
    display: block;
    width: 90px;
    height: 95px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

/* -- rokbox --*/

#rokbox-caption h2{/* titles */
    margin:0 0 3px 0;
    padding:0;
    color:#0055a0;
    font-size:16px;
}

#rokbox-caption p{/* description */
    margin:0;
    font-size:12px;
}

/* -- alertas y informaciones -- */

div.alert-box {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(/images/admin/status-alert.png) 10px 50% no-repeat;
	font-size: 13px;
	padding: 5px 10px 5px 45px;
	margin: 0 0 15px 0;
}

div.info-box {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #c6daf0 url(../images/status-info.png) 10px 50% no-repeat;
	font-size: 13px;
	padding: 5px 10px 5px 45px;
	margin: 0 0 15px 0;
}

/* -- migas de pan -- */

#breadcrumbs strong {
    color: #000000;
}

#breadcrumbs a {
    color: #009ee0;
    font-weight: normal;
}

/* -- com_user -- */

#content .form-line {
    margin-bottom: 7px;
}

#content .form-line label {
    display: block;
    margin-bottom: 3px;
}

#content input.textbox {
    border: 1px solid #009ee0;
}

#content input.butto, #content button {
    border: none;
    background-color: #009ee0;
    font-weight: bold;
    padding: 2px 10px;
}

#content .buttons {
    margin-top: 15px;
}