body{
margin:0;
padding:0;
font-family: Arial;
font-size: 13px;
background-image: url(bgbody.jpg);
background-repeat: repeat-x;
background-color: #210202;
color: #464646;
}
a{
color:#6A7880;
text-decoration:none;
}

h3{
color:#B2B2B2;
}
h4{
color:#8b8c98;
}
#wrapper{
margin-left: auto;
margin-right: auto;
width: 850px;
}

#header{
width: 850px;
height: 140px;
float:left;
}

#logoHeader{
width: 200px;
height: 100px;
background-image: url(logosins.png);
background-repeat: no-repeat;
margin-top: 20px;
float:left;
}

#content{
width:850px;
float:left;
}

#columnMin{
float:left;
width:1px;
height:400px;
}

#boxLogin{
float: left;
width: 170px;
margin-top:5px;
text-align: center;
font-size: 13px;
color: orange;
letter-spacing: 1px;
}
#columnSmall{
width: 180px;
float:left;
margin-top: 5px;
}
#columnBig{
width:650px;
float:left;
margin-top: 10px;
padding:5px;
}
#contBig{
width: 640px;
margin: 5px;
float:left;
}
#notify{
margin-top:20px;
width: 600px;
margin-left:auto;
margin-right: auto;

border:1px dashed orange;
color:orange;
font-size: 16px;
text-align: center;
padding:10px 0 10px 0;
}
/*navegacion*/
.subnav {
	float: left;
	width: 170px;
	margin-top:5px;
}
.subnav h1 {
	background: #B2B2B2;
	color: #3e0c0e;
	font:  1.1em Arial;
	letter-spacing: 1px;
	line-height: 24px;
	padding-left: 8px;
	margin:3px;
	border:1px solid #FFF;
}
.subnav ul {margin: 0px; padding: 0;}

.subnav li {
list-style: none;
}
.subnav li a {
	background-image: url(bg-a.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	display: block;
	padding: 8px 0 8px 12px;
	width: 150px;
	height: 16px;
	text-decoration: none;
	border:1px dotted #6a1a28;
	margin:3px;
	letter-spacing: 1px;
}
.subnav li a:hover {
	background:#510000;
	color: #FFF;
	border:1px dashed #FFFFFF;
	letter-spacing: 1px;
}

//NAVIGATE

#paginado{
	width: 500px;
	height: 25px;
	float:left;
	color:#a20c09;
	font-size: 11px;
	
}

#paginado a{
	border:1px solid #ed982a;
	color:#a20c09;
	padding:3px 5px 3px 5px;
	text-decoration: none;
	background-color: #FFFFCC
}


/*BOX*/
.box{
width: 638px;
float:left;
}
.boxHeader{
width: 638px;
height: 9px;
background-image: url(boxTop.jpg);
background-repeat: no-repeat;
float:left;
}

.boxContent{
width: 638px;
background-color: #FFF;
float:left;

}
.boxText{
width: 625px;
margin:5px;
text-align: justify;
font-size: 12px;

}
.boxOptions{
width: 625px;
margin-top:3px;
background-color: #FFF;
float:left;
border-top:1px dashed #B2B2b2;
padding: 3px; 0 0 0;
}

.boxOptions a{
color:#BF2002;
}

.boxOptions input{
color:#6A7880;
margin:3px 0 0 0;
background-color: white;
}

.boxOptions select{
color:#6A7880;
background-color: #fff;
margin:3px 0 0 0;
border:1px dotted #6A7880;
}


.boxBottom{
width: 638px;
height: 6px;
background-image: url(boxBottom.jpg);
background-repeat: no-repeat;
float:left;
margin-bottom: 15px;
}
.newComment{
width: 590px;
float: left;
}
.nickComment{
width: 622px;
padding:8px;
float: left;
color:red;
}
.boxComment{
width: 622px;
border:1px dotted #6A7880;
padding:8px;
margin: 5px 0 3px 0;
float: left;
background-color: #FFFFCC;
}

/* TEXT CLASSES*/
.gender{
color: #354fbc;
margin-bottom:2px;
}
.divBig{
width: 630px;
border:1px dashed orange;
margin-top:5px;
padding:5px;
}
input{
background-color: #ffc985;
border: 1px dashed #FFF;
margin-bottom: 5px;
}
textarea{
background-color: #ffc985;
border: 1px dashed #FFF;
margin-bottom: 5px;
}
select{
background-color: #ffc985;
border: 1px dashed #FFF;
}
.small{
font-size: 11px;
color:#716e6e;
}
#footer{
float:left;
bottom:0;
left:0;
width:100%;
height:110px;
color:#666666;
background-image: url(bgbody.jpg);
border-top:1px solid #6A7880;
text-align:center;
margin-top:30px;
padding-top:10px;
font-size: 14px;
}

/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	font-size: 0;
	position: absolute;
	padding: 0px;

}
.star-rating li a:hover{
	background: url(star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}
.divRating{
width: 190px;
height: 40px;
float:left;
text-align: left;
color:#333;
margin-top:3px;
}
.imageIcon{
float:left;
width: 40px;
height: 40px;

}
.ratingCont{
color:#333;
}	
//fin rating styles
/* CLEARFIX */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */