﻿body {
background-image: url(images/background.gif);
font-size: 11px;
font-family: arial, sans-serif;
color:#000;
padding:0;
margin:0;
}

/* ----------container to center the layout-------------- */
#container {
width: 980px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #EEE;
}

/* ----------banner for logo-------------- */
#banner {
height: 70px;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {
  float: left;
  vertical-align:middle;
  margin-left: 0px;
}

#banner h1 {
float: left;
margin: 15px;
line-height: normal;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2em;
color: #FFF;  /*F90*/
}

/* -----------------sin menu--------------------*/

#content_sin_menu {
height: auto;
text-align: left;
padding: 0px;
margin: 10px 10px 10px 10px;
}

/* -----------------content--------------------- */
#content 
{
    float:none;
    background-color: #FFF;
    padding: 5px;
}

#content h1 {
font-size: 18px;
color: #0066cc;
text-transform:none;
padding-top: 5px;
padding-left: 0px;
margin:0;
}

#content h2 {
font-size: 15px;
text-transform:none;
padding-top: 5px;
padding-left: 0px;

margin:0;
}


#content p 
{
    font-family:Arial;
    font-size: 12px;
    color:Black;
    text-align:justify;
    /*text-indent: 25px;*/
    line-height:1.4em;
    margin-left: 3px;
    margin-right:10px;  
}

#content p.coord
{
    font-family:Arial;
    font-size: 12px;
    color:Black;
    text-indent: 0px;
    text-align:justify;
    line-height:1.3em;
    margin-left: 35px;
    margin-right:10px;
}

#content p.izq
{
    font-family:Arial;
    font-size: 12px;
    color:Black;
    text-indent: 0px;
    text-align:left;
    line-height:1.2em;
    margin-left: 10px;
    margin-right:10px;
}


#content ul.disc 
{
    list-style-type: disc;
    list-style-position:inside;
    font-family:Arial;
    font-size: 12px;
    padding:0;
    text-align: justify;
    text-indent: 10px;
}

#content ul.disc li
{
    list-style-type:disc;
    padding:0;
    margin-top: 20px;
    
}


#content label
{
  float: left;
  padding:5px 5px;
  width: 120px;
  font-weight: bold;
}

#content input, textarea{
width: 220px;
margin-bottom: 5px;
}

#content .btn_pagina{
width: 30px;
}

#content .btn_foro 
{
	width: 108px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	
}

#content textarea{
width: 250px;
height: 150px;
}

#content .boxes{
width: 1em;
}

#submitbutton{
margin-left: 130px;
margin-top: 5px;
width: 50px;
}



/* --------------left navi------------- */
#left {
float: left;
width: 180px;
margin: 0;
padding: 10px;
}


#left select 
{
    font-size:10px;
    
}

/* --------------right navi------------- */

#right {
float: right;
width: 180px;
margin: 0;
padding: 10px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
background-image: url(images/footer.jpg);
margin: 0;
padding: 0;
text-align: center;
height: 54px;

}

/* -----------xxxxxxxxx------------------------- */



.main {
	float: left; 
	margin: 0px; 
	width: 100%; 
	padding: 0;
}

.contentdescription {
	display: block; 
	width: auto! important;
}

ul#mainlevel-nav {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 0.8em; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none;
}
ul#mainlevel-nav li {
	padding-right: 1px; 
	display: block; 
	padding-left: 1px; 
	font-size: 11px; 
	float: right; 
	background-image: none; 
	margin: 0px; 
	border-left: #cccccc 1px solid; 
	width: auto! important; 
	line-height: 22px; 
	white-space: nowrap;
}
ul#mainlevel-nav li a {
	padding-right: 15px; 
	display: block; 
	padding-left: 16px; 
	font-size: 11px; 
	background: none transparent scroll repeat 0% 0%; 
	color: #ffffff; 
	text-decoration: none
}
ul#mainlevel-nav li a:hover {
	font-size: 11px; color: #333333
}
.sublevel {
	padding-left: 10px
}
.leftrow {
	width: 168px; 
	margin-right: 5px; 
	height: 100%; 
	background-color: #f1f1f1;
}
.rightrow {
	margin-left: 5px; 
	width: 168px; 
	height: 100%; 
	background-color: #f1f1f1; 
	/* align: right */
}

/* ------ moduletable ---- */

table.moduletable {
	table-layout: auto; 
	width: 100%
}
table.moduletable th {
	font-weight: bold; 
	font-size: 11px; 
    background-image: url(images/menu_tit.jpg); 
    text-transform: none; 
    color: #fff; 
    text-indent: 8px; 
    line-height: 21px; 
    letter-spacing: 1px; 
    height: 21px; 
    text-align: left;
}
table.moduletable td {
	padding-right: 0px !important; 
	padding-left: 0px !important;
	text-indent: 0px;
	padding-bottom: 5px;
}



.button {
	border-right: #999999 1px solid; padding-right: 1px; border-top: #999999 1px solid; padding-left: 1px; font-size: 11px; margin-bottom: 5px; padding-bottom: 1px; border-left: #999999 1px solid; color: #333333; padding-top: 1px; border-bottom: #999999 1px solid; background-color: #ededed
}
.inputbox {
	border-right: #999999 1px solid; border-top: #999999 1px solid; background: url(imagenes/rkbusiness_back.gif) #ededed; margin-bottom: 5px; border-left: #999999 1px solid; color: #333333; border-bottom: #999999 1px solid
}
.checkbox 
{
   border-left: 0px; background: url(imagenes/rkbusiness_back.gif) #ededed; margin-bottom: 5px; color: #333333; 
}


.sectiontableentry {
	padding-right: 2px; 
	border-top: #ffffff 5px solid; 
	padding-left: 2px; 
	padding-bottom: 	5px; 
	vertical-align: top; 
	text-align:left;
	padding-top: 2px! important; 
	border-bottom: #999999 50px dashed; 
	border-right-width: 50px; 
	border-spacing: 10px;
}

/* ------ mainlevel ---- */

a.mainlevel {
	padding-right: 0px; padding-left: 0px; font-size: 12px; padding-bottom: 0px; margin: 0px; width: 168px; text-indent: 10px; padding-top: 0px; background-color: #ecead8
}

a.mainlevel:link {
	padding-right: 0px; border-top: #ffffff 1px solid; display: block; padding-left: 0px; font-weight: normal; font-size: 12px; padding-bottom: 2px; width: 168px; color: #333333; text-indent: 10px; padding-top: 2px; border-bottom: #999999 1px solid; background-color: #ededed
}
a.mainlevel:visited {
	padding-right: 0px; border-top: #ffffff 1px solid; display: block; padding-left: 0px; font-weight: normal; font-size: 12px; padding-bottom: 2px; width: 168px; color: #333333; text-indent: 10px; padding-top: 2px; border-bottom: #999999 1px solid; background-color: #ededed
}
a.mainlevel:hover {
	font-weight: normal; font-size: 12px; text-indent: 10px; background-color: #e3e3e3; text-decoration: none
}

#active_menu {
	font-weight: bold; color: #333333; background-color: #e3e3e3
}
a#active_menu:hover {
	color: #333333
}
a:link {
	font-weight: bold; font-size: 11px; color: #0066cc; text-decoration: none
}
a:visited {
	font-weight: bold; font-size: 11px; color: #0066cc; text-decoration: none
}
a:hover {
	font-weight: bold; font-size: 11px; color: #333333; text-decoration: none
}
a.category:link {
	font-weight: bold; font-size: 11px
}
a.category:visited {
	font-weight: bold; font-size: 11px
}
a.readon:link {
	border-right: #999999 1px solid; padding-right: 2px; border-top: #999999 1px solid; padding-left: 21px; font-weight: bold; font-size: 11px; background: url(imagenes/rkbusiness_read.gif) no-repeat; float: right; padding-bottom: 3px; border-left: #999999 1px solid; color: #0066cc; line-height: 10px; padding-top: 1px; border-bottom: #999999 1px solid; font-family: tahoma, verdana, arial, helvetica, sans-serif; white-space: normal; text-decoration: none
}
a.readon:visited {
	border-right: #999999 1px solid; padding-right: 2px; border-top: #999999 1px solid; padding-left: 21px; font-weight: bold; font-size: 11px; background: url(imagenes/rkbusiness_read.gif) no-repeat; float: right; padding-bottom: 3px; border-left: #999999 1px solid; color: #0066cc; line-height: 10px; padding-top: 1px; border-bottom: #999999 1px solid; font-family: tahoma, verdana, arial, helvetica, sans-serif; white-space: normal; text-decoration: none
}
a.readon:hover {
	border-right: #999999 1px solid; padding-right: 2px; border-top: #999999 1px solid; padding-left: 21px; font-weight: bold; font-size: 11px; background: url(imagenes/rkbusiness_read.gif) no-repeat; float: right; padding-bottom: 3px; border-left: #999999 1px solid; color: #333333; line-height: 10px; padding-top: 1px; border-bottom: #999999 1px solid; font-family: tahoma, verdana, arial, helvetica, sans-serif; white-space: normal; text-decoration: none
}
ul {
	padding-left: 10px; float: left; margin: 2px; list-style-type: none
}
li {
	background-position: 0px 3px; padding-left: 15px; background-image: url(imagenes/rkbusiness_bullet.png); line-height: 15px; padding-top: 0px; background-repeat: no-repeat
}


table.content {
	padding-right: 0px; padding-left: 0px; margin-bottom: 10px; padding-bottom: 0px; width: 100%; padding-top: 0px; border-collapse: collapse; border-spacing: 0px
}

.contentheading {
font-weight: bold;
font-size: 14px; 
background: url(imagenes/rkbusiness_header.gif); 
text-transform: none; 
width: 100%; 
color: #0066cc; 
line-height: 24px; 
text-align: left;
}
.componentheading {
	font-weight: bold; font-size: 14px; background: url(imagenes/rkbusiness_header.gif); text-transform: none; width: 100%; color: #0066cc; line-height: 24px; text-align: left
}
.title {
	font-weight: bold; font-size: 20px; text-transform: none; color: #ffffff; text-indent: 8px; font-family: verdana, geneva, arial, helvetica, sans-serif; text-align: left
}
.title a:link {
	font-weight: bold; font-size: 20px; color: #ffffff; text-decoration: none
}
.title a:visited {
	font-weight: bold; font-size: 20px; color: #ffffff; text-decoration: none
}
.title a:hover {
	font-weight: bold; font-size: 20px; color: #ffffff; text-decoration: none
}
.ontab {
	padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 5px; border-left: #404040 1px solid; color: #333333; line-height: 40px; padding-top: 5px; text-align: center
}
.offtab {
	padding-right: 5px; padding-left: 5px; font-weight: normal; padding-bottom: 5px; border-left: #404040 1px solid; color: #999999; line-height: 40px; padding-top: 5px; text-align: center
}
.tabpadding {
	border-left: #404040 1px solid
}
.pagetext {
	display: none; visibility: hidden; position: relative; background-color: #ffffff
}

.footer {
	font-weight: normal; font-size: 10px; color: #ffffff; font-family: verdana, geneva, arial, helvetica, sans-serif
}
.footer a:link {
	font-weight: bold; font-size: 11px; color: #ffffff; text-decoration: none
}
.footer a:visited {
	font-weight: bold; font-size: 11px; color: #ffffff; text-decoration: none
}
.footer a:hover {
	font-weight: bold; font-size: 11px; color: #333333; text-decoration: none
}

.contact_email {
	width: 100%
}
.contact_email .inputbox {
	width: 345px
}


#menu_superior {
    height: auto;
    background-color:#FF8C00;
}

#menuh {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a {
	text-decoration: none;
	color: #4682B4;
	background: #FF8C00;
	display: block;
	padding: 1px 10px;
	/*text-align: center;
	border: 1px solid #333333;
	border-width: 1px 1px 1px 1px;*/
        width: 150px;
        font-size: 13px;

}

#menuh a:hover {
	/*background: #FFA500; */
	background: #FFD700;
}


#menuh .idioma  {
	font-weight: bold; 
	font-size: 11px; 
	color: #0066cc; 
	text-decoration: none;
	display:inline-block;
	width:auto;
	/*padding: 0,0,0,0;*/
}



/* ------------------------------------------ */

.menu5 {
   text-align:left; 
   font-family: arial, verdana, sans-serif; 
   position:relative; 
   font-size:0.9em;
   /*height:2.5em; */
   margin:0;
   padding:0; 
   list-style-type:none;
}

.menu5 ul {
   padding:0; 
   margin:0; 
   list-style-type:none; /* for Firefox */
}

.menu5 li {
   float:left; 
   position:relative;
}

.menu5 li a, .menu5 li a:visited {
   display:block; 
   text-decoration:none; 
   width:6em; 
   /*color:#000; */
   float:left; 
   padding: 1px 10px;
   /*padding-right:1em; 
    height:3em; 
   line-height:3em; */
   color:#909;
}

* html .menu5 li a, .menu5 li a:visited {
   width:7em; 

}

.menu5 li a.drop, .menu5 li a.drop:visited {
   font-weight:bold;
}

.menu5 li ul {
   visibility:hidden; 
   position:absolute; 
   /*top:2.5em; */
   left:0; 
   height:0; 
   overflow:hidden;
}
.menu5 table {
margin:0px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
   text-decoration:underline; border:0;
}

.menu5 li:hover ul,
.menu5 li a:hover ul {
   visibility:visible; 
   /*height:auto; 
   width:10em; 
   background:#ccc;
   background:#fff;
   border:1px solid #ddd; 
   left:0; 
   top:2.5em; */
   overflow:visible;
}

.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
   display:block; 
   font-weight:normal; 
   background:transparent; 
   text-decoration:none; 
   height:auto; 
   /*line-height:1.5em; 
   padding:0.5em; 
   width:9em;*/
}

* html .menu5 li a:hover ul li a {
   width:10em; width:9em; /* hack for IE5.5 */
}

.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
   font-weight:bold;
}

.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
   visibility:hidden; 
   position:absolute; 
   top:0; 
   /*left:9.5em; */
   height:0; 
   overflow:hidden;
}

.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
   text-decoration:underline;
}

.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
   visibility:visible; 
   color:#000; 
   border:1px solid #ddd; 
   height:auto; 
   background:#fff; 
   width:9.5em;
}

.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
   left:-9.3em;
}

.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
   display:block; 
   height:auto;
}

.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
   text-decoration:underline;
}


