body {	
font: 75%/1.5 sans-serif; color: #c8c8c8; background: #000000;
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.body {	
font: 75%/1.5 sans-serif; color: #c8c8c8; background: #333 url('../images/body.jpg') 0 0 repeat-x;
	}

.text {
 color:white;
 font-family: verdana,arial;
 font-size: 8pt;
 text-decoration:none;
}

.stbuttontext{
 color:white;
 font-family: verdana,arial;
 font-size: 8pt;
 }

.textlegal {
 color:#CFCFCF;
 font-family: verdana,arial;
 font-size: 7pt;
 text-decoration:none;
}

input, select {
	background-color: black;
	color: #FFFFCC;
	font-family: verdana,arial;
	font-size: 8pt;
	border: #CFCFCF 1px solid;
}

#SELECT OPTION
{
	background-color: transparent;
	color: #FFFFCC;
	font-family: verdana,arial;
	font-size: 8pt;
	border: #CFCFCF 1px solid;
} 


textarea {
	background-color: transparent;
	color: #FFFFCC;
	font-family: verdana,arial;
	font-size: 8pt;
	border: #CFCFCF 1px solid;
	scrollbar-arrow-color: #FFFFCC;
	scrollbar-base-color: #FFFFF0;
	scrollbar-dark-shadow-color:#000000;
	scrollbar-track-color: #fcfcfc;
	scrollbar-face-color: #fcfcfc;
	scrollbar-shadow-color: #0f0f0f;
	scrollbar-highlight-color: #FFFFCC;
}

input.num {
	text-align:right
}


.radio {
	border: none;
	background-color: black;
	color: #FFFFCC;
}

.button {
	background-color: black;
	text-transform:uppercase;
	color:#cc0066;
	font-family: verdana,arial;
	font-size: 7pt;
	font-weight: bold;
	border: #CFCFCF 1px solid;
	PADDING-BOTTOM  : 1px; 
    PADDING-TOP    : 1px; 
}


.link {
 color:#CFCFCF;
 font-family: verdana,arial;
 font-size: 8pt;
 font-weight: bold;
 text-decoration:none;
}

.link:hover {
 color:#FFF004;
 font-family: verdana,arial;
 font-size: 8pt;
 font-weight: bold;
 text-decoration:underline;
}


.titulo{
 color:#FFFFFF;
 font-size: 10pt;
 font-family: verdana,arial;
 text-transform:uppercase;
 text-decoration:none;
}

.titulo:hover {
 color:#FFF004;
 font-size: 10t;
 font-family: verdana,arial;
 text-transform:uppercase;
}

.titulopeq {
 color:#FFF004;
 font-family: verdana,arial;
 font-size: 8pt;
 font-weight: bold;
 text-decoration:none;
}

.titulopeq:hover {
 color:#FFF004;
 font-family: verdana,arial;
 font-size: 8pt;
 font-weight: bold;
 text-decoration:underline;
}

.textcab1{
 color:#FFFFCC;
 font-size: 14pt;
 font-family: verdana,arial;
}
.textcab2{
 color:#A7934B;
 font-size: 8pt;
 font-family: verdana,arial;
}

.text2{
 color:#A7934B;
 font-size: 7pt;
 font-family: verdana,arial;
}

.borde {
border: gray 1px solid;
}

/*.borde:hover {
border: #FFF004 1px solid;
}*/

.filaImpar{
background-color: #f4f4f4;
white-space: no-wrap
}

.filaPar{
background-color: white;
white-space: no-wrap
}

.textfila{
 white-space: no-wrap;
 color:#A7934B;
 font-size: 8pt;
 font-weight: bold;
 font-family: verdana,arial;
}

.linkpeq {
 color:#CFCFCF;
 font-family: verdana,arial;
 font-size: 8pt;
 text-decoration:none;
}

.linkpeq:hover {
 color:#FFF004;
 font-family: verdana,arial;
 font-size: 8pt;
 text-decoration:underline;
}

.menu {
display:none; 
position:absolute; 
border-style: solid; 
background-color: black; 
padding: 5px;
z-index: 40;
}

.menuAdmin {
display:none; 
position:absolute; 
border-style: solid; 
background-color: transparent; 
padding: 5px;
}

.textocajanegro{
 color:#000000;
 font-size: 16pt;
 font-family: verdana,arial;
 text-transform:uppercase;
 text-decoration:none;
 	font-weight: bold;
}
.textocajablanco{
 color:#FFFFFF;
 font-size: 16pt;
 font-family: verdana,arial;
 text-transform:uppercase;
 text-decoration:none;
 font-weight: bold;
}

.textocajarosa{
 color:#cc0066;
 font-size: 16pt;
 font-family: verdana,arial;
 text-transform:uppercase;
 text-decoration:none;
 	font-weight: bold;
}

.cajagris{
background-color: #535353;
}

.textoportadablanco{
 color:white;
 font-size: 10pt;
 font-family: verdana,arial;
 text-decoration:none;
 font-weight: bold;
}

.textoportadaazul{
 color:#0099cc;
 font-size: 16pt;
 font-family: verdana,arial;
 text-decoration:none;
 font-weight: bold;
}

.textoportadarosa{
 color:#cc0066;
 font-size: 10pt;
 font-family: verdana,arial;
 text-decoration:none;
 font-weight: bold;
}

/*----VALIDATION---*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 16px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 16px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}	
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}
.unit-rating a.r6-unit{left: 80px;}
.unit-rating a.r6-unit:hover{width: 96px;}
.unit-rating a.r7-unit{left: 96px;}
.unit-rating a.r7-unit:hover{width: 112px;}
.unit-rating a.r8-unit{left: 112px;}
.unit-rating a.r8-unit:hover{width: 128px;}
.unit-rating a.r9-unit{left: 128px;}
.unit-rating a.r9-unit:hover{width: 144px;}
.unit-rating a.r10-unit{left: 144px;}
.unit-rating a.r10-unit:hover{width: 160px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		


/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 132 2008-05-23 16:05:17Z emartin24 $
 *
 */

body {padding:0; margin:0; height:100%; width:100%;}

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {left:60%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(../images/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}


.showbg{// for fadeout effect *This is optional
background-color: black;
}

.link_nor{// for clickable normal link
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 1px solid #FFFFFF;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}


.link_act
{// for clickable active link
background-color:#808000;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 1px solid #FFFFFF;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}



.gray
{// for cover
background-color: gray;
position: absolute;
border: 0px solid #9F6D11;
z-index: 100;
}


.opa{// for watermark opacity
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha
(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16);
-moz-opacity: 0.5;
}