﻿/* Main CSS */
body {
	width:100%;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	background: #fff;
	text-align: center;
}

.clr {
	clear: both;
	font-size:0;
	line-height:0;
	text-align:right;
	margin-bottom: 30px;
}
/**  Background **/

.body_bg {
	background: #e3e3e3 url(../images/bg.jpg) top center repeat-x;
}

.left_bg {
	background: transparent url(../images/left_bg.jpg) top left no-repeat;
}

.right_bg {
	background: transparent url(../images/right_bg.jpg) top right no-repeat;
}

/**  Logo **/

#logo { 
	float:left;
	width:300px;
	height:38px;
	padding-top: 10px;
	margin:0;
}

/** Menu  **/
ul#menu {
    width: 579px;
    height: 39px;
    background: #FFF url("../images/menu-bg.gif") top left repeat-x;
    font-size: x-small;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
}
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a {
    height: 20;
    color: #777;
    text-decoration: none;
    display: block;
    float: left;
    padding: 15px 15px 0;
    vertical-align: text-bottom;
}
ul#menu li a:hover { color: #333; }
ul#menu li a.current{
    color: #FFF;
    background: #FFF url("../images/current-bg.gif") top left repeat-x;
    padding: 5px 15px 0;
    margin-top: 10px;
    height: 23px;
}
                    
                                        
#content {
	width: 1024px;
	margin: 0 auto;
	padding:0 0 6px 0;
}

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

.c_l_bg {
	background: #fff url(../images/content_l_bg1.jpg) top left repeat-y;
}

.c_r_bg {
	background: transparent url(../images/content_r_bg1.jpg) top right repeat-y;
}
.c_top {	
	background: url(../images/content_bg1.jpg) top left no-repeat;
}

.c_b_bg {
	background: transparent url(../images/c_b_bg1.png) bottom center no-repeat;

}

#leftcolumn, #rightcolumn  {
	margin: 0;
	width: 180px;
	float: left;
	text-align:center;
}

#leftcolumn div.module_menu, #rightcolumn div.module_menu, #leftcolumn div.module, #rightcolumn div.module {
	margin:0px;
	padding:0 0 10px 0;
	text-align:center;
}

#leftcolumn div.module_menu div, #rightcolumn div.module_menu div, #leftcolumn div.module div, #rightcolumn div.module div, #leftcolumn div.module_text div , #rightcolumn div.module_text div{
	padding:0;
	margin:0;
}
#leftcolumn div.module_menu div div, #rightcolumn div.module_menu div div, #leftcolumn div.module div div, #rightcolumn div.module div div, #leftcolumn div.module_text div div, #rightcolumn div.module_text div div{
	background:#F6F7F7 url(../images/l_r_menu_b.png) bottom center no-repeat;
	padding:0 0 10px 0;
	margin:0;
}
#leftcolumn div.module_menu div div div, #rightcolumn div.module_menu div div div, #leftcolumn div.module div div div, #rightcolumn div.module div div div, #leftcolumn div.module_text div div div, #rightcolumn div.module_text div div div {
	background:transparent url(../images/l_r_menu_t.jpg) top center no-repeat;
	padding:0;
	margin:0;
}
#leftcolumn .module_menu div div div h3, #rightcolumn .module_menu div div div h3, #leftcolumn .module div div div h3, #rightcolumn .module div div div h3, #leftcolumn .module_text div div div h3, #rightcolumn .module_text div div div h3 {
	background: url(../images/h3_bg.png) top center no-repeat;
	font-size:10px;
	font-family:Verdana, Tahoma, sans-serif;
	font-weight:bold;
	text-align:left;
	height:40px;
	line-height:27px;
	margin:0 auto;
	padding:0 0 0 10px;
	color:#666;
}

#leftcolumn div.module_menu div div div div, #rightcolumn div.module_menu div div div div, #leftcolumn div.module div div div div, #rightcolumn div.module div div div div, #leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div{
	background: #F6F7F7;
	padding:2px 0 0 0;
	margin:0 auto;
	width:160px;
}

#leftcolumn table, #rightcolumn table{
	width:170px;
	margin:0 auto;
	padding:0;
}
#leftcolumn table td{
	color:#FF9900;
	font-size:12px;
	font-family: Tahoma, Verdana, sans-serif;
	padding: 0;

}
#leftcolumn div.module form table{ 
	padding:0;
	text-align:left;
	margin:0 auto;
	font-size:12px;
	font-family:Tahoma, Verdana, sans-serif;
	color:#000;
}
#leftcolumn div.module form { 
	padding:6px;
	text-align:left;
	margin:0 auto;
	font-size:12px;
	font-family:Tahoma, Verdana, sans-serif;
	color:#000;
	width:150px;
}
div.mode div div div form#form-login {
	margin:0 auto;
}


#leftcolumn .module_menu div div div div{ 
 	text-align:left;
}
#leftcolumn ul.menu{
	text-align:left;
	padding:0 0 0 10px;
}

/*  Izq   */
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
	padding: 0 0 0 20px;
	text-decoration: none;
	font-size: 11px;
	background: url(../images/menu_row.jpg) no-repeat 0 2px;
	margin: 0;
	color: #333;
	font-weight: normal;
	height:18px;
	line-height:18px;
}
/*VIÑETA QUE SE USA PARA TODO*/
.vineta
{
    padding: 0 0 0 20px;
	text-decoration: none;
	font-size: 11px;
	background: url(../images/menu_row.jpg) no-repeat 0 5px;
	margin: 0;
	color: #333;
	font-weight: normal;
	text-align:left;
	line-height:18px;
	font-family:Arial,Helvetica,sans-serif;
    }

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
	color: #FF9900;
	text-decoration: none;
}

/*  Links  */
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #FF9900;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/menu_row.jpg) no-repeat 0 2px;
	margin: 0;
	height:18px;
	line-height:18px;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
	color: #FF9900;
	text-decoration: none;
	height:18px;
	line-height:18px;
}
#top_menu ul#mainlevel-nav a#active_menu-nav{ /* current link!! */
	color:#333;

}
/*  Sub Links  */
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
	text-decoration: underline;
	color: #FF9900;
	margin: 0 0 0 5px;
	padding: 0 0 0 25px;
	font-size: 11px;
	background: url(../images/sub_menu_row.jpg) no-repeat 0 2px;
	font-weight: normal;
	display: block;
	border: none;
	height:18px;
	line-height:18px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
	font-size: 11px;
	margin: 0 0 0 5px;
	padding: 0 0 0 25px;
	text-decoration:underline;
	border: none;
	color: #666;
	background: url(../images/sub_menu_row.jpg) no-repeat 0 2px;
	height:18px;
	line-height:18px;
}
/*  SubMenu   */

#leftcolumn ul.menu li#current ul {
	margin: 0;
	padding: 0;
}

/*   SubMenu Current   */
#leftcolumn ul.menu li ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li.parent ul li a {
	text-decoration: none;
	color: #FF9900;
	margin: 0 0 0 5px;
	padding: 0 0 0 18px;
	font-size: 11px;
	background: url(../images/menu_row.jpg) no-repeat 0 2px;
	font-weight: normal;
	display: block;
	border: none;
	height:18px;
	line-height:18px;
}

#leftcolumn ul.menu li#current ul li a:hover {
	color: #FF9900;
}

/*   Main   */

#main {
	float: left;
	width: 558px;
	padding:10px 0 0 0;
	font-size:12px;
	margin:0 10px;
}
div#main{
	text-align:left;
}
#main_full{
	float: left;
	width: 738px;
	padding:10px;
	font-size:12px;
	text-align:left;
}
#leftcolumn div.module div div div div div{  
 	text-align:center;
	background:#f1e6c4;
	padding:0;
	margin:0 auto;
}
.article_column{
	padding:0 5px;
}


.text{
	text-align:left;
	padding:0 0 0 10px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;
	line-height: 12px;
}
div div div form{
	margin:0 auto;
	text-align:left;
	padding:0;
}
#rightcolumn div div div form{
	width:170px;
}
ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	list-style-position:outside;
	text-align:left;
}

li{
    font: x-small Arial, Helvetica, sans-serif;
    padding-left: 0;
    padding-top: 0;
}

/**  Links  **/
a {
	outline: none;
}
a:link, a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #FF9900;
    font-size: x-small;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}


div.module table.poll {
	margin:0 auto;
}

body.contentpane {
	background: #fff;
	text-align: left;
}

body.contentpane .contentpaneopen {
}

body.contentpane .contentpaneopen .titleContent {
}
h2, .titleContent{
	text-align:left;
}

.moduletable {
	margin: 0 auto;
}

.pagenav_prev, .pagenav_next {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color: #333;
	font-size: 12px;
}

p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
	font-size:12px;
}
#leftcolumn p{
	margin-bottom: 0;
}

button.button{
	background:#999;
	border: none;
	color: #fff;
	font-size: 11px;
	cursor:pointer;
	font-family: Tahoma, Arial, sans-serif;
	margin:5px 0;
	padding:3px 4px;
}
input.inputbox{
	border: 1px solid #999;
	color: #333;
	padding: 2px;

}
.button {
	background:#999;
	border: none;
	color: #fff;
	font-size: 11px;
	cursor:pointer;
	font-family: Tahoma, Arial, sans-serif;
	margin:5px 0;
	padding:3px 4px;
}
#form-login .button{
	float:left;
	margin:5px 0 5px 0;
	
}

input{ 
	border:1px solid #C9CBCD;
}
#rightcolumn input{
	border:1px solid #C9CBCD;
}
#contact_text{
	border: 1px solid #FF9900;
}
.copyright {
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #555;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

.back_button {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 10px 0 50px 0;
}

.titlePrincipal {
	margin: 0;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #9c7338;
	padding: 0 0 0 10px;
	font-weight:bold;
}
element.style{
	margin:10px;
	padding:0;
}

#footer {
	margin: 0 auto;
	width: 940px;
	height: 20px;
	text-align: right;
	vertical-align: top;
	padding:10px 0 20px 0;
}

img, table{
	border:none
}
a img {
	border:none;
}

.pagenav {
	font-size:12px;
	font-weight:normal;
}

a.toclink:link, a.toclink:visited {
	line-height:normal;
	font-size:11px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color: #000000;
	text-decoration: underline;
}
a.toclink:hover {
	text-decoration: none;
}

.height {
	height: 100%;
}

.small {
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-align: left;
}
.searchintro{
	font-size:12px;
	text-align:left;
}



/** Data **/
.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 9px;
	color: #FF9900;
	font-weight: normal;
	text-align: right;
}






h4 {
	font-size: 10px;
	text-transform: uppercase;
}

.inputbox, #email {
	border: 1px solid #999;
	color: #333;
	padding: 2px;
}
#modlgn_remember  {
	border:0;
}
#form-login-remember{
	text-align:left;
}
#modlgn_username, #modlgn_passwd{
	width:124px;
}

div#timedate {
	font-size: 12px;
	font-weight: bold;
	color: #AB4C37;
	text-align: center;
	padding: 0 0 10px 0;	
}

div.modulegroup_text {
	text-align:left;
	padding:0;
}

div.maincenter {
	overflow: hidden;
	padding:0;
	margin:0;
}
div.maincenter form#jForm p, div.maincenter form#jForm  div#navigation {
	padding: 0px 0 0 10px;
}

div.maincenter ul li{
	/*background: url(../images/li1.jpg) top left no-repeat;*/
	/*padding:0 0 5px 20px;*/
	margin:0;
}


/* headers */
div.titlePrincipal {
	height: 22px;
	padding: 0;
	font-size:14px;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	color:#555;
	font-weight:bold;
}

h1 {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

h2, .titleContent {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	color: #555;
	text-align: left;
	font-weight: bold;
	margin-bottom:0;
}



h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #333;
}

h3, .titlePrincipal{
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #FF9900;
	padding: 0;
}



/* espaciado */
span.article_separator {
	display: block;
	height: 20px;
}


.highlight {
	background-color: #fffebb;
}

/* Elementos */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}
#banner{
	padding:10px 0 0 0;

}
.bannerheader {
	padding: 0;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset { 
	border: 0 none; 
	margin: 0; 
	padding: 0;
	margin-left: 10px;
}
form#form-login ul li{ 
	text-align:left;
	padding: 0; 
	line-height:14px;
}

form#form-login ul li a {
	text-align: left;
	padding: 0;
	font-size: 10px;
}

div.message {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}



/* Paginacion */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}


/* linea punteada jeje Gartner */
div.dottedLine {
background:transparent url(../images/dotted_line.gif) repeat-x scroll 0 2px;
line-height:1px;
margin:9px 0 5px;
padding:0;
}

/*Header Simple*/
.headerSimple{
    background: url(../images/h3.png) top center no-repeat;
	text-align:left;
	height:30px;
	line-height:27px;
	margin:0 auto;
	padding:0 0 0 10px;
	color:black;
	cursor:pointer;
    }
.headerSimple span{
    font-size:10px;
	font-family:Verdana, Tahoma, sans-serif;
	color:#666;
	display:block;
	font-weight:bold;
    }
/*MESSAGE BOXES*/
.errorBox{
    border:1px solid #D31313;
    padding:5px;
    background-color:#FDE3E3;
    font-size:10px;
    text-align:left;
    color:#D31313;
    }
    
/*Custom Code Para Arbol =)*/
.item{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	width:100%;
	font-weight:normal;
	text-decoration:none;
}
.hijos{
	margin:0;
	padding-top:0;
	padding-left:10px;
	padding-right:0;
	padding-bottom:0;
	list-style:none;
	display:none;
}

.itemSelected{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	width:100%;
	text-decoration:underline;
}

.itemOver{
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:12px;
	cursor:pointer;
	width:100%;
	text-decoration:underline;
	
}
.marcoArbol{
	text-align:left;
	border:1px solid #E1E1E1;
	width:180px;
	overflow:auto;
	height:100px;
	padding:5px;
	display:none;
	position:absolute;
	background-color:#FFFFFF;

}

/*Opciones de mapa*/
.mapCountry
{
    background: url(../images/link_arrow.gif) 4px 4px no-repeat;
    padding-left:20px;
    cursor:pointer;
    margin-bottom:5px;
    }
.tableRowHeaderMap
{
    font-family:Tahoma;
    background-color:#CACCCE; 
    color:#666666; 
    font-weight:bold;
    font-size:10px;
    }
.tableRowMap
{
    text-align:left;
    font-size:10px;
    padding:2px;
    }
.tableRowAltMap
{
    text-align:left;
    font-size:10px;
    padding:2px;
    background-color:#F0F0F0;
    }

.titlePrincipal a{
	height: 22px;
	padding: 0;
	font-size:14px;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	color:#555;
	font-weight:bold;
	text-decoration:underline;
}
.titlePrincipal a:hover{
	text-decoration:none;
}

/*MENSAJES INFORMATIVOS*/
.msgError
{
    border:1px solid #FF2A00;
    color:black;
    background-color:#FEE7E2;
    padding:10px;
    font-size:14px;
    }
.msgAlert
{
    border:1px solid #FFFF00;
    color:black;
    background-color:#FCFEE2;
    padding:10px;
    font-size:14px;
    }
.msgConfirm
{
    border:1px solid #07EB07;
    color:black;
    background-color:#E2FEE2;
    padding:10px;
    font-size:14px;
    }
/*ROUNDED BOX*/
.roundedBox
{
    margin-top:5px;
    margin-bottom:5px;
    background: #F6F7F7 url(../images/ctl.png) top left no-repeat;
}
.roundedBox > div
{
    background: transparent url(../images/ctr.png) top right no-repeat;
}
.roundedBox > div > div
{
    background: transparent url(../images/cbl.png) bottom left no-repeat;
}
.roundedBox > div > div > div
{
    padding:10px;
    background: transparent url(../images/cbr.png) bottom right no-repeat;
}

/*CSS DE PAGINA SHOW.PHP*/
.titleShow{
    cursor:pointer;
    border-top:1px solid #FEF0E2;
    border-left:1px solid #FEF0E2;
    border-bottom:1px solid #FCC690;
    border-right:1px solid #FCC690;
    padding:3px;
    text-align:left;
    background-color:#FDDAB7;
    color:#555555;
    }
.titleShowIndicator{
    cursor:pointer;
    padding:3px;
    text-align:left;
    background-color:#FAB46E;
    color:#555555;
    padding-left:10px;
    }
.titleShowRegion{
    cursor:pointer;
    padding:3px;
    text-align:left;
    background-color:#F9A959;
    color:#555555;
    padding-left:15px;
    }
.contentsShowRegion{
    cursor:pointer;
    padding:3px;
    text-align:left;
    background-color:#F89C40;
    color:#555555;
    padding-left:20px;
    }
    
a.lnkDescripcion{
    color:#555555;
    text-decoration:underline;
    }
a.lnkDescripcion:hover{
    color:#555555;
    text-decoration:none;
    }
.FechaGrid{
    display:inline;
    font-size:9px;
    font-weight:normal;
    }
.nombreGrid{
    font-weight:bold;
    font-size:10px;
    color:#555555;
    }