body {
font : 12px Verdana, Arial, Sans, sans-serif;
color : #eee;
background : #111 url(/themes/Flashy/images/fondo.png);
background-attachment: fixed;
margin : 0 0 25px 0;;
padding : 0;
}
a {
text-decoration : none;
color : cyan;
}
a:hover {
text-decoration : underline;
color : #f9bf37;
}
a.side {
text-decoration : none;
color : cyan;
}
a:hover.side {
text-decoration : underline;
color : #f9bf37;
}
#footer a {
text-decoration : none;
color : cyan;
}
#footer a:hover {
text-decoration : underline;
color : #ddd;
}
.outer {
width : 970px;
//border : 0px solid #000;
//background : #111;
margin-left : auto;
margin-right : auto;
padding-top: 15px;
}
#container {
line-height : 1.5em;
color : #ddd;
//background : #111;
padding : 2px;
}
#header {
height : 200px;
color : #FCFF00;
background: #000000 url(/themes/Flashy/images/header.png) no-repeat;

	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;

border-top: 1px solid cyan;
border-left:1px solid cyan;
border-right:1px solid cyan;
border-bottom: 0px solid cyan;
}
#title {
font : bold 30px "Trebuchet MS", verdana, arial, sans-serif;
color : #fff;
line-height: 18px;
padding-top: 0;
}
#title .subtitle {
font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
}
#top-header {
text-transform : uppercase;
text-align : right;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : #000;
padding : 5px;
}

#top-header a {
text-decoration : none;
color : #ddd;
background : inherit;
}

#top-header a:hover {
text-decoration : underline;
color : #ddd;
background : inherit;
}

#sub-header{
text-transform : uppercase;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : #000  url(images/fondocaption.jpg);
border-top : 1px solid #000;
border-bottom : 1px solid #000;
margin : 0;
padding : 0;
height: 26px;
}

#sub-header ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

#sub-header a {
background: #000;
color: #ddd;
display: block;
float: left;
margin: 0;
padding: 4px 6px 4px 6px;
text-decoration: none;
}

#sub-header a:hover {
background: #0066bb;
color: #ddd;
padding: 0.4em 0.6em 0.4em 0.6em;
}

#sub-header li {
float: left;
margin: 0;
padding: 0;
}

#sub-header ul li.first-link .bullet {
display: none;
}

#main-content {
padding : 4px;
//background : #111;
}

.side-both #main-content {margin: 0 190px 0 190px; }
.side-left #main-content {margin-left: 190px; }
.side-right #main-content {margin-right: 190px; }


#side-border-left {
float : left;
width : 180px;
color : #333;
padding : 4px;
padding-left: 0px;
}

#side-border-right {
float : right;
width : 180px;
color : #222;
padding : 4px;
padding-right: 0px;
}

.side-border {
border : 1px solid cyan;
}

.side-caption {
font-weight: bold;
color : black;
background: #000 url(images/fondocaption.jpg);
padding : 5px;
padding-left: 10px;
}

.side-body {
font-size : 11px;
color : #ddd;
background: #222;
background: #222 url(images/gradient.png) repeat-x;
border-top : 1px solid #000;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}

.side-body2 {
font-size : 11px;
color : #ddd;
background: #222;
background: #222 url(images/gradient.png) repeat-x;
border-top : 1px solid #000;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}

.main-border {
border : 1px solid cyan;
margin-bottom : 8px;
}

.main-caption {
font-weight: bold;
color : black;
background: #111 url(images/fondocaption.jpg);
padding : 5px;
padding-left: 10px;
}

.main-body {
color : #bbb;
background : #222;
border-top : 1px solid #000;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}

#footer {
font-size : 9px;
color : #aaa;
background: #222;
border: 1px solid cyan;
padding-top: 19px;
padding-bottom: 19px;
padding-right: 21px;
padding-left: 21px;
}

#main-container{
width: 100%;
overflow: auto;
//background : #111;
}

form {
margin : 0px;
}

hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}

hr.side-hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}

td {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 14px;
}

pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}

.alt {
color : #888;
}

.admin-message {
text-align : center;
background : #111;
border : 1px solid #333;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}

.button {
font : 12px "Trebuchet MS", verdana, arial, sans-serif;
color : #ddd;
background: #0066bb url(images/menu.png) repeat-x;
border : 1px solid #000;
margin-top : 2px;
}

.bbcode {
font-family : "trebuchet ms", Tahoma, Arial, Verdana, Sans-Serif;
font-size : 11px;
background : #111;
border : 1px solid #333;
margin-top : 2px;
}

.textbox {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 12px;
color : #aaa;
background : #111111;
border : 1px solid cyan;
padding : 3px;
}

.news-category {
border: 0;
margin: 2px 10px 0 0;
float: left;
}

.news-footer {
text-align: center;
font-size : 10px;
background : #000000;
border : 1px solid cyan;
margin : 8px 0 2px 0;
padding : 0.3em;
}

.tbl-border {
border : 1px solid #333;
}

.tbl {
font-size : 12px;
padding : 4px;
}

.tbl1 {
font : 12px Verdana, Arial, Sans, sans-serif;
background : #222;
padding : 4px;
}

.tbl2 {
font : 12px Verdana, Arial, Sans, sans-serif;
background : #111;
padding : 4px;
}

.forum-caption {
font : 12px Verdana, Arial, Sans, sans-serif;
color : #eee;
background : #000;
padding : 2px 4px 3px;
}

.quote {
color : #888;
background : #111;
padding : 2px;
margin : 0 20px;
border : 1px solid #333;
}

.poll {
height : 12px;
border : 1px solid #000;
}

.comment-name {
color : #0099cc;
}

.shoutboxname {
color : #f9bf37;
font-weight: bold;
}

.shoutbox {
color : #ddd;
}

.shoutboxdate {
font-size : 9px;
color : #888;
}

.small {
font : 10px Verdana, Arial, Sans, sans-serif;
font-weight : normal;
}

.small2 {
font-size : 10px;
font-weight : normal;
color : #888;
}

.gris {
//font-size : 10px;
font-weight : normal;
color : #888;
}

.side-small {
font-size : 10px;
}

.side-label {
color : #0099cc;
background : #111;
padding : 2px;
}

#navigation {
line-height : 2em;
}

#navigation h2 {
margin : 10px 0 10px 0;
font : normal 11px verdana, arial, tahoma, sans-serif;
color : #0099cc;
background : inherit;
}

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

#navigation li {
margin : 0 0 0.5em 0;
}

#navigation a {
display : block;
font-size : 11px;
color : #0099cc;
background : #111;
padding : 0.1em 0.8em;
border : 1px solid #333;
text-decoration : none;
}

#navigation a:hover {
background: #0066bb url(images/menu.png) repeat-x;
color : #ddd;
}

/* Page Navigation */

.pagenav {
padding: 0.4em;
}

.pagenav span {
background : cyan;
color: black;
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}

.pagenav a {
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
color : #FFFFFF;
background : #222;
}

.pagenav a:hover {
margin: 0.2em;
text-decoration: none;
background : #999999;
color : #000000;
}

/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}


/*IE Fixes*/
* html #main-content {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}

.minititulo {
color: cyan;
font-weight: bold;
}

.imgborde {
border: 2px solid cyan;
}

td {
color : #bbb;
}

// menu

.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
margin:0;
padding:0;
font:bold 11px Verdana;
list-style-type:none;
overflow:hidden;
width: 100%;
background: url(images/fondocaption.jpg) center center repeat-x; /*THEME CHANGE HERE*/
text-align: left; /*set value to "left", "center", or "right"*/
}

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

.chromestyle li a{
float:left;
display:block;
text-decoration:none;
margin:0;
padding:6px 8px;
padding-left:12px;
padding-right:12px;
//border-right:1px solid black;
color: #000000;
}

.linea {
float:left;
display:block;
border-right:1px solid black;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
 /*script dynamically adds a class of "selected" to the current active menu item*/
background: black;
color: white;
font-weight: bold;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #34B5D2;
width: 170px;
visibility: hidden;

}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid black; /*THEME CHANGE HERE*/
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: black;
color: white;
font-weight: bold;
}