/***********************************************/
/* principal_style.css                         */
/* HTML principal_ict.html              	   */
/* Maikol Guzmán Alán | mguzman@gpssatelite.com*/
/* www.visitcostarica.com					   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

h1{
	background-color: #FFFFFF;
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h2{
	background-color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #79AC35;
	margin: 0px;
	padding: 0px;
}

h3{
	background-color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h4{
	background-color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5{
	background-color: #FFFFFF;
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
	background-color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#master{
	background-color: #FFFFFF;
	color: #000000;
	width: 759px;
	border-right: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-left: 1px solid #9C9C9C;
	font-size: 11px;
}
#mastHead{
	height: 85px;
	width: 100%;
	border-left: 1px solid #9C9C9C;
}

#mastContent{
	width: 100%;
	border-left: 1px solid #9C9C9C;
}

#mastBottom{
	width: auto;
	background-color: #F7F7F7;
	color: #000000;
	border-top: 1px solid #009900;
}

#navBar{
	width: 100%;
	top: 100px;
	height: 22px;
	border-bottom: 1px solid #009900;
	vertical-align: bottom;
	padding-top: 3px;
}
#navBarLeft{
	width: 120px;
	height: 22px;
	background-image: url(../img/navBarG1.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-transform: uppercase;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	vertical-align: bottom;
	padding-bottom: 1px;
	padding-left: 10px;
}
#navBarUnion1{
	width: 18px;
	height: 22px;
	color: #FFFFFF;
	background-image: url(../img/navBarUnion1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;
}
#navBarCenter{
	width: auto;
	height: 22px;
	color: #FFFFFF;
	background-image: url(../img/navBarG2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	vertical-align: bottom;
	padding-bottom: 1px;
}
#leftContent{
	width: 192px;
	text-align: left;
	vertical-align: top;
}
#leftContentImg{
	width: auto;
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}
#navBarUnion2{
	width: 6px;
	height: 22px;
	color: #FFFFFF;
	background-image: url(../img/navBarUnion2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;
}
#navBarRight{
	width: 150px;
	height: 22px;
	color: #FFFFFF;
	background-image: url(../img/navBarG3.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	vertical-align: bottom;
	text-align: center;
}
#rightContent{
	width: auto;
	text-align: left;
	vertical-align: top;
}

#mainContent{
	width: auto;
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
}

#mainContentClean{
	width: auto;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px 10px 10px
}

#mainCenterContent{
	width: 350px;
	text-align: left;
	vertical-align: top;
	padding: 0px 5px 0px 5px
}

#mainRightContent{
	width: 210px;
	text-align: center;
	vertical-align: top;
}

#insidePathContent{
	width: auto;
	text-align: left;
	vertical-align: top;
	padding: 0px 5px 5px 0px;
	border-bottom: 1px solid #9FCE71;
}

#bannerLeftContent{
	width: auto;
	text-align: left;
	vertical-align: top;
	padding: 15px 5px 5px 5px;
	border-bottom: 0px none #FFFFFF;
}
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}
#tblRight1 {
	background-color: #F7F7F7;
	border: 1px solid #E0DFE3;
	width: 206px;
}

.tblRight1Css {
	background-color: #F7F7F7;
	border: 1px solid #E0DFE3;
	width: 206px;
}

.tblRight1CssH {
	background-color: #F7F7F7;
	border: 1px solid #E0DFE3;
	width: 206px;
	height: 155px;
}

/************* #globalNav styles **************/

#globalNav{
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	background-color: #FFFFFF;
	color: #cccccc;
}
#globalNav img{
 display: block;
}
#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	background-color: #FFFFFF;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}
#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/*********** #navBar link styles ***********/
a.smallImg:link, a.smallImg:hover, a.smallImg:visited {
	color: #FFFFFF; font-weight:bold; text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 1px;
	padding-right: 1px;
}
a.normalImg:link, a.normalImg:hover, a.normalImg:visited {
	padding: 0px 0px 0px 0px;
}

/*********** #sectionLinks styles ***********/

#langLeftCorner{
	float: right;
	top: 0px;
	right: 0px;
	width: 220px;
	height: 15px;
	background-image: url(../img/langLeftCorner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
#langLinks{
	height: 14px;
	background-color: #EFEFEF;
	color: #5D5D5D;
	border-bottom: 1px solid #9C9C9C;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0px 5px 0px 10px;
}
#topLogo{
	float: left;
	width: 190px;
	height: 80px;
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 5px;
}
#topBanner{
	position: absolute;
	float: left;
	top: 20px;
	left: 205px;
	width: 555px;
	height: 60px;
	background-color: #FFFFFF;
	color: #000000;
}
#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}
#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
#sectionLinks a:hover{
	background-color: #dddddd;
	color: #000000;
}

/************** #headlines styles **************/

#pathBullet{
	float: left;
	background-color: #FFFFFF;
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
}
#pathTitle{
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/**           LEGEND   MK Modify			**
| .content    -- the content div             |
| #tabs       -- the div that holds all tabs |
| .tab        -- an inactive tab             |
| .tabActive  -- an active tab               |
| .tabHover   -- an inactive tab onMouseOver |
|___________________________________________*/

.tdTxtchico {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 51px;
	vertical-align: bottom;
	text-align: center;
}
.content {
	z-index: 500;
	margin-left: 0px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
	background-color: transparent;
}
.tabs {
	float: right;
	top: 0px;
	z-index: 1000;
	cursor: default;
	padding-top: 5px;
	padding-right: 10px;
	white-space: nowrap;
	top: 605px;
	height: 18px;
	width: 200px;
	text-align: center;
}
.tab {
	z-index: 100;
	color: #FFFFFF;
	position: relative;
	border: 0px none #FFFFFF;
	padding: 0px 8px 0px 8px;
}
.tabactive {
	z-index: 100000;
	position: relative;
	padding: 0px 8px 0px 8px;
	border: 0px none #FFFFFF;
}
.tabhover {
	z-index: 1200;
	position: relative;
	padding: 0px 8px 0px 8px;
	border: 0px none #FFFFFF;
}

/************** #EXTRA OLD styles **************/

.leftright {
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9c9c9c;
	border-left-color: #9c9c9c;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
}
.leftright1 {
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9c9c9c;
	border-left-color: #9c9c9c;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #F7F7F7;
}
.left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9c9c9c;
}
.right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9c9c9c;
}
.menutop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9FCE71;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #009900;
	border-bottom-color: #009900;
}
.verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9FCE71;
}
.bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9c9c9c;
}
.notas {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-weight: normal;
}
.verde {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: 9FCE71;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #009900;
}
.verdebottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	background-color: #9FCE71;
}
.linksblancos {
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
.linksverdes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #009900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9c9c9c;
}
.topgris {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9c9c9c;
}
.backdesplegado {
	font-size: 11px;
   font-color: 666666;
	color: 666666;
	background-color: #F7F7F7;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: 666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.bottom1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F7F7;
}
.linksverdesmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	width: 165px;
	background-color: #ffffff;
	vertical-align: middle;
}
a.linksverdesmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	width: 165px;
	background-color: #9FCE71;
	vertical-align: middle;
}
.tablagris {
	border: 1px solid #Cecece;
	font-size: 11px;

}
.txtchico {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.txtnoticia {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	line-height: 18px;
}
.titgrandegris {
	font-size: 16 px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	}
.novedades {
	font-size: 10px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	font-weight: bold;
}
a.novedades:hover {
	font-size: 10px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	font-weight: bold;
	text-decoration: underline;
	}
.comboverde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #009900;
}
.bottom2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: cecece;
}

.tablasright {
	background-color: #F7F7F7;
	border: 1px solid cecece;
}
.tablasright1 {
	background-color: #F7F7F7;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
}
.rightbottom {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: double;
	border-right-color: cecece;
	border-bottom-color: cecece;
	background-color: #F7F7F7;

}
.verdeagua {
	background-color: #C4ECB0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.rightbottom2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: double;
	border-right-color: cecece;
	border-bottom-color: cecece;
	background-color: #F7F7F7;
}

.maslink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #838383;
	text-decoration: underline;
}
.desplegado1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F7F7;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #CCCCCC;
	text-decoration: none;
}
.desplegado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #CCCCCC;
	text-decoration: none;
}

a.desplegado:hover{
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
	text-decoration: none;
	background-color: #cccccc;
}
.backgris {
	font-size: 11px;
	color: 666666;
	background-color: #F7F7F7;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: 666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.tblRight1 {
	background-color: #F7F7F7;
	border: 1px solid #E0DFE3;
}
/************** #EXTRA OLD OLD styles **************/
td
{
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
tr.fondoclaro {
	background-color: #c4ecb0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
table.celeste {
	background-color : #c2d7eb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;

}
td.celesteosc2 {
	background-color : #c2d7eb;
	color: #34699e;
	font-size: 12px;
	font-weight : bold;
	height : 15px;
}
td.celesteosc {
	background-color : #6699cc;
	color: #ffffff;
	font-size: 12px;
	font-weight : bold;
	height : 15px;
}
td.beigeleft{
	background-color : #e7e8ce;
	color: #008000;
	font-size: 12px;
	font-weight : bold;
}
td.claro {
	background-color : #e7e8ce;
	color: #008000;
	font-size: 12px;
	font-weight : bold;
}
td.fondoclaro {
	background-color : #f5f5e7;
}
td.clarorojo {
	background-color : #e7e8ce;
	color: #cc0000;
	font-size: 12px;
	font-weight : bold;
}
select.chico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
a.top {
	color: #008000;
	font-size : 8 pt;
}
a.top:hover {
	color: #9acd32;
	font-size : 8 pt;
}
a.top:active {
	color: #3f669d
	font-size : 8 pt;
}
td.rojo {
	background : #bb2222;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	font-weight : bold;
}
span.titulares {
	font-size: 18pt;
	text-decoration: none;
	line-height: 26px;
	color: #ef5d29;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
span.titublanco {
	font-size: 15pt;
	text-decoration: none;
	color: white;
	font-family: "Times New Roman", Times, serif;
	font-family: verdana, times, serif;
	font-weight: bold;
}
span.novrojo {
	color: #009900;
	font-size: 8.5pt;
	font-weight: bold;
}
span.novrojo2 {
	color: #009900;
	font-size: 10pt;
	font-weight: bold;
}
span.novverde {
	color: #009900;
	font-size: 8.5pt;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}
span.novverde2 {
	color: #0099000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}
span.texto2bold {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none
}
a.left {
	color: #b22222;
	text-decoration: underline;
	font-size : 8.5 pt;
	font-weight: bold;
}
a.left:hover {
	color: #009900;
	text-decoration: underline;
	font-size : 8.5 pt;
	font-weight: bold;
}
a.left:active {
	color: blue;
	text-decoration: underline;
	font-size : 8.5pt;
	font-weight: bold;
}
a.chicos {
	color: black;
	text-decoration: none;
	line-height : 13px;
}
a.chicos:hover {
	color: black;
	text-decoration: underline;
	line-height : 13px;
}
a.titlink2 {
	color: #9fce71;
	text-decoration: none;
	font-size : 9pt;
	font-weight : bold;
}
a.titlink2:hover {
	color: #9fce71;
	text-decoration: underline;
	font-size : 9pt;
	font-weight : bold;
}
a.indice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size : 8.5 pt;
	font-weight: bold;
	line-height : 13px;
}
a.indice:hover {
	color: #9fce71;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size : 8.5 pt;
	font-weight: bold;
	line-height : 13px;
}
a.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #9fce71;
	font-size : 8.5 pt;
	font-weight: bold;
}
a.right:hover {
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size : 8.5 pt;
	font-weight: bold;
}
a.right:active {
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size : 8.5 pt;
	font-weight: bold;
}
a.tit2blanco:hover {
	color: crimson;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5 pt;
	text-decoration: none;
}
a.tit2blanco:hover {
	color: crimson;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
}
a.calendario:active {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.contenido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11pt;
	font-weight : bold;
}
a.contenido:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration: underline;
	font-weight: bold;
}
a.on {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: nne;
	background : f;
	font-weight : normal;
}
a.off {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}
a.linkbarritas {
	color: #9fce71;
	font-size: 11px;
	font-weight: bold;
}