input, textarea, select{
color: #6C6C6C;
font-size: 11px;
font-style: normal;
border-color: #000000;
background-color: #EEEEEE;
font-family: verdana,helvetica;
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}
td{
font-family: Arial, Helvetica, Arial, Tahoma,Sans-serif;
font-size: 12px;
color: #000000;
}
img{border: 0px;}
.txtmenu{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1e1e1e;
text-align: center;
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
}
.txtseccion{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding-left: 7px;
}
.txttitulo{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
font-weight: bold;
}
.txtresumen{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.txthometitulo{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
}
.txthomeresumen{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding-left: 5px;
padding-right: 5px;
}
.txtlisttitulo{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
font-weight: bold;
}
.txtfooter{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}
.txtfecha{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7b7b7b;
/*font-weight: bold;*/
}

.paginador{font-family: verdana, helvetica, sans-serif; font-size: 12px; color: #b1b1b1;font-weight: bold;}
.paginador1{font-family: verdana, helvetica, sans-serif; font-size: 12px; color: #000000;font-weight: bold;}


.espaciotext{
padding-top: 5px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 5px;
}

.espaciotabla{
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
/*
.bordetabla{
background-color: #ffffff;
border: #A2A2A2;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}

.bordeimg{
background-color: #ffffff;
border: #FBE8D2;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px
}*/
/*
a: {color:  #0000FF; text-decoration: none}
a:link{color: #0000FF; text-decoration: none}
a:visited{color: #0000FF; text-decoration: none}
a:active{color: #0000FF; text-decoration: none}
a:hover{color:  #0000FF;text-decoration: underline}
*/
a.link {color: #000000; text-decoration: none}
a.link:link{color: #000000; text-decoration: none}
a.link:visited{color: #000000; text-decoration: none}
a.link:active{color: #000000; text-decoration: none}
a.link:hover{color: #3E3E3E;text-decoration: underline}

a.nenulink {color: #555570; text-decoration: none}
a.nenulink:link{color: #555570; text-decoration: none}
a.nenulink:visited{color: #555570; text-decoration: none}
a.nenulink:active{color: #555570; text-decoration: none}
a.nenulink:hover{color: #555570;text-decoration: underline}

a.blanco {color: #FFFFFF; text-decoration: none}
a.blanco:link{color: #FFFFFF; text-decoration: none}
a.blanco:visited{color: #FFFFFF; text-decoration: none}
a.blanco:active{color: #FFFFFF; text-decoration: none}
a.blanco:hover{color: #FFFFFF;text-decoration: underline}





#marqueecontainer{
position: relative;
width: 290px; /*marquee width */
height: 185px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px;
}






.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 0px solid #29a0d7;*/
border-bottom-width: 0px;
width: 100%; /*width of featured content slider*/
height: 100%;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: #ffffff;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 1;
opacity: 2;
}

.pagination{
width: 20px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
/*background-color: #f79021;*/
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: #FFFFFF;
border: 1px solid black;
}

.pagination a:hover, .pagination a.selected{
color: #ffffff;
background-color: #000000;
}












/*body { repeat-x center 184px; font-family: Arial, Helvetica, sans-serif; }*/

/*GRID
-------------------------------------------------------- */
#container { padding-bottom:20px;}
.content, #main {width:955px; margin:0 auto; }
/*#main { position:absolute; padding-top:100px;}*/
#column_left_home { width:950px; float:left; }
/*#column_left { width:488px; float:left; }*/


/*min-height x el sky crapper*/
#column_left { min-height:950px; height:auto!important; height:310px;}



/*HEADINGS
-------------------------------------------------------- */
h2, h4, #column_right .box .top h3 {  text-transform:uppercase!important; font-weight:700; }


/*HIGHLIGHTS*/
#hl1 { /*border:1px solid #ffffff;*/ /*background:#cccccc;*/ }
#hl1 h3 { font-size:2.3em;  padding:0 5px; margin:0; color:#ffffff;}
.sIFR-replaced { margin:0!important; padding:0!important;}
#hl1 a { color:#ffffff;}
#hl1 span { display:block; color:#f09100; font-size:1.3em; padding:5px;}



/*SLIDER
-------------------------------------------------------- */

#slider { position: relative; }

.scroll { height: 310px; width: 950px; overflow: hidden; /*overflow-x: hidden;*/ position: relative; clear: left;}

.scrollContainer {}
.scrollContainer .panel { position:relative; float:left; }
.scrollContainer .panel span { color:#000; font-weight:bold; font-size:1.5em; text-align:left;  }
.scrollContainer .panel strong {text-align:left; display:block; padding: 0; font-weight:normal; font-size:2em; color:#FFFFFF;}

ul.navigation {list-style: none; margin: 0; padding: 0; position:absolute; z-index:1000; right:48px; top:4px;}
ul.navigation li {width:16px; height:24px; float:left; margin-right: 10px;}
ul.navigation li a {line-height:24px; padding: 5px; color: #000!important; text-decoration: none; font-weight:700; }
ul.navigation a:hover {    background-color: #f6f6f6;}
ul.navigation a.selected { background-color: #ffcc00;}
ul.navigation a:focus { outline: none;}

.scrollButtons { position: absolute; top: 7px; cursor: pointer; z-index:1100;}
.scrollButtons.left { right: 30px;}
.scrollButtons.right { right: 10px;}

.hide { display: none!important;}

/*.panel div { position:absolute; bottom:0px; z-index:1000; padding:10px; background: transparent url("http://gersson/teragrafica/images/img/bg_grey-trans.png"); width:990px;}*/

.panel img { width:950px; height:310px;}















/************************ ddlevelsmenu-base.css ****************************/


/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #f1f1f1;
/*background-image: url("http://tealatinoamerica.com/images/munusub_pixoff.gif");*/
border: 1px solid #FFFFFF;
border-bottom-width: 0;
visibility: hidden;
/*z-index: 100;*/
}

.ddsubmenustyle li a{
display: block;
width: 200px; /*width of menu (not including side paddings)*/
color: #000000;
/*background-color: #FFFF80;*/
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #FFFFFF;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
/*background-color: #b1b1b1;*/
background-image: url("http://tealatinoamerica.com/images/munusub_pixon.gif");
color: #000000;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}


/************************ ddlevelsmenu-topbar.css ****************************/

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 11px Arial;
list-style-type: none;
/*border-bottom: 1px solid gray;*/
/*background: #d1d2d4;*/
background-image: url("http://tealatinoamerica.com/images/munu_pixoff.gif");
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 10px 3px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #555555;
/*background: #414141;*/
}

.mattblackmenu li a:visited{
color: #555570;
}

.mattblackmenu li a:hover{
/*background: #FF0000; /*background of tabs for hover state */
background-image: url("http://tealatinoamerica.com/images/munu_pixon.gif");
}

.mattblackmenu a.selected{
/*background: #b1b1b1; /*background of tab with "selected" class assigned to its LI */
background-image: url("http://tealatinoamerica.com/images/munu_pixon.gif");
}



/************************ ddlevelsmenu-sidebar.css ****************************/

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 12px Arial, Helvetica;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: #FF3300;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: #408080;
color: white;
}