@charset "utf-8";
/* Development by GcnMediaCorp.com */
body {
	margin: 0px;
	padding: 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #d6d6d6;
}
a {
	color: #022173;
	text-decoration: none;
}
h1 {
	padding: 15px 0 0 70px;	
}
h1 a {
	color: #fff;
	font-size: 24px;
}
h2
{
	font-size: 24px;
	margin: 0px 0px 12px 0px;
}
b {
	font-weight: bold;
}
td {
	vertical-align: top;
}


#principal
{
	width: 778px;
	margin: 0px auto;
	background-color: #fff;
}
#header
{

}
#banner {
	width: 778px;
/*	height: 182px;*/
	height: 56px;
	background-image: url(../images/gcn_templates_banner.jpg);
}
#banner h1 {
	float: left;
}
#banner .nav {
	float: right;
	padding: 5px;
	color: #fff;
}
#banner .nav ul {
	display: inline;
}
#banner .nav li {
	display: inline;
	margin: 0 0 0 10px;
}
#banner .nav li a {
	color: #fff;
}

#container
{
	padding: 5px;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
}

#content_extra {
	width: 160px;
	float: left;
}
#content_info {
	float: left;
	width: 590px;
/*	background-color: red;*/
	margin: 0 0 0 10px;
/*	padding: 5px 0;*/
}
#footer
{
	margin: 5px 0 0 0;
	background-color: #b6bec7;
	color: #565656;
	text-align: left;
}
#footer h2 {
	font-size: 24px;
	line-height: 25px;
}
#footer .content
{
	padding: 10px;
	font-size: 11px;
	line-height: 13px;
}

#footer p {
	padding: 0 0 10px 0;
}
#footer p.special {
	font-size: 15px;
	line-height: 16px;
}

#footer .separator {
	height: 150px;
	border-right: 2px solid #aeb6c0;
}
#footer .day {
	float: left;
	width: 170px;
	margin: 0 10px 0 0;
}
#footer .information {
	float: left;
	width: 150px;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}
#footer .global {
	float: left;
	width: 200px;
	margin: 0 10px 0 0;
}
#footer .title {
	font-size: 14px;
	margin: 0 0 5px 0;
}
#footer .bar {
	height: 10px;
	background-color: #021e71;
}
#development {
	background-color: #d6d6d6;
	text-align: right;
}

#title h2 {
	float: left;
}
#title .extra {
	float: right;
}

#nav {
	background-color: #e1e1e1;
}
#nav .nav {
	float: left;
}
#nav .extra {
	float: right;
	padding: 3px 5px 0 0;
	vertical-align: bottom;
}
#nav ul {

}
#nav li {
	float: left;
	display: block;
}
#nav li a {
	float: left;
	display: block;
/*	background-color: red;*/
	width: 150px;
	height: 30px;
	padding: 10px 0 0 0;
	font-size: 16px;
	text-align: center;
}
#nav li.on a {
	background-color: #d1d1d1;
}
#nav .extra span {
	font-size: 15px;
}
input.search {
	width: 50px;
	margin: 0;
	margin: 5px 0 0 0;
	padding: 3px;
	border: 1px solid #A9A9A9;
	border-right: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
input.go {
	width: 30px;
	margin: 0;
	padding: 3px;
	background-color: Gray;
	color: #fff;
	border: 1px solid #A9A9A9;
	border-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}


.box {
	margin: 0 0 0 0px;
}
.box .title {
/*	background-color: #dcdcdc;*/
	padding: 5px 0 5px 15px;
	font-size: 16px;
}
.box .content {
	
}
.box ul {
	
}
.box li {
	padding: 0 0 5px 0;
	list-style-position: inherit;
/*	list-style-type: circle;*/
}
.box li:hover {
	background-color: #d6d6d6;
}
.box li a {
	display: block;
	padding: 0 0 0 20px;
	line-height: 20px;
	background-image: url(../images/icons/tag_blue.png);
	background-repeat: no-repeat;
}
.box li.on {
	background-color: #d6d6d6;
	color: red;
}
.box li.on a {
	color: #113ebf;
}

.gcn_alert_mini, .gcn_ok_mini, .gcn_error_mini {
	color: #000;
	padding: 3px;
}
.gcn_alert_mini {
	background-color: #ffffbb;
}
.gcn_ok_mini {
	background-color: #d0e99a;
}
.gcn_error_mini {
	background-color: #ffb3a6;
}
.gcn_hidden {
	display: none;
}

.mini_aviso {
	background-color: #ffffc6;
}
.mini_ok {
	background-color: #d0e99a;
}
.mini_alert {
	background-color: #ff8d79;
}
.mini_aviso, .mini_ok .mini_alert {
	padding: 5px;
}



#gallery {
	margin: 0 0 0 20px;
}
#gallery .control {
	padding: 3px 0;
	color: #b5b5b5;
	font-size: 12px;
	font-weight: bold;
}
#gallery .template {
	float:left;
	width: 158px;
/*	border: 1px solid silver;*/
	margin: 0 30px 20px 0;
	
}
#gallery .template .media {
	float: left;
	width: 158px;
	height: 123px;
	text-align: right;
}
#gallery .template .media img {
	background-image: url(../images/loading_img.gif);
	background-position: center;
	background-repeat: no-repeat;
}	
#gallery .template .control .view {
	float: left;
}
#gallery .template .control .zoom {
	float: right;
}
#gallery .template .control a {
	background-color: #e1e2ff;
	color: #113ebf;
}
#gallery .template .info {
	float: left;
	margin: 0 0 0 0px;
	line-height: 20px;
}


#template {
	width: 743px;
	margin: 0 auto;
/*	background-color: gray;*/
}

#template .media {
	margin: 0 0 10px 0;
}
#template .screenshot {
	float: left;
	width: 429px;
}
#template .info {
	float: right;
	width: 300px;
}
#template .head {
	padding: 5px;
	margin: 0;
	background-color: #708090;
	color: #fff;
	font-size: 12px;
}
#template .head a {
	color: #DBE6FB;
}
#template .content {
	padding: 5px 0 0 0;
	line-height: 20px;
}
#template .spacing {
	margin: 10px 0 0 0;
}

.mainframe {
	background-color: #696969;
}


img_bg {
	background-image: url(../images/bg_img.gif);
}

.o_id, .o_tag, .o_type_web {
	padding: 0 0 0 18px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.o_id {
	background-image: url(../images/icons/id.png);
}
.o_tag {
	background-image: url(../images/icons/tag_blue.png);
}
.o_type_web {
	background-image: url(../images/icons/type_web.png);
}
/*
a.button {
	padding: 0 3px;
	background-color: #d2ddf7;
	color: #fff;
}
a.button:hover {
	background-color: #113ebf;
}
*/

.pagination {
	padding: 5px 0;
	text-align: center;
}
.pagination li {
	display: inline;
	margin: 0 5px 0 0;
}
.pagination li a {
	padding: 0 3px;
	background-color: #c8ced6;
	border: 1px solid #8997a3;
	font-size: 12px;
	line-height: 20px;
}
.pagination li a.on {
	background-color: #758392;
	color: #fff;
}

.box_information {
	height: 200px;
	padding: 0 0 0 70px;
	background-image: url(../images/warning_64.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.required {
	color: #b22222;
}
#formrecommend .txt {
	width: 200px;
}
#formrecommend .box {
	padding: 0 0 5px 0;
}
#formrecommend fieldset {
	padding: 5px;
	border: 1px solid silver;	
}
#formrecommend label {
	padding: 0 0 0 3px;
}
#formrecommend .comment {
	width: 250px;
	height: 100px;
}
#formrecommend .txt, #formrecommend .comment {
	border: 1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.counter {
	width: 20px;
	font-size: 11px;
	margin: 0 0 0 3px;
}
#recommend_more_info {
	text-align: right;
}


.button_alfa {
	padding: 3px;
	background-color: Gray;
	color: #fff;
	border: 1px solid #A9A9A9;
	border-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.hidden {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.clear_left {
	clear: left;
}