/**
 * CSS
 * (c) 2007 Darío G. Ruellan
 * Based on Yahoo's YUI Reset CSS
 */
/*
 * Light blue:	#a7cbe6
 * Cyan: 		#398dc8
 * Blue:		#2b5fac
 * Red:		#a42535
 * Orange:		#f59829
 * Grays:		#59595C
 * 			#E5E5E5
 * 			#e0e0e0
 * 			#f4f4f4
 * 			#FAFAFA
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* CSS Helpers */
div.clear {
	clear: both;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: -1px;
}

div.clearleft {
	clear: left;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: -1px;
}

.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: block;
}
.clearfix-left:after {
	clear: left;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix-left {
	display: block;
}

hr {
	background: gray;
	color: gray;
	clear: both;
	float: none;
	width: 100%;
	height: 0.1em;
	margin: 0 0 1.4em 0;
	border: none;
}

/* Body ****************************************************/
body {
	background: white url(../images/header_bar.png) repeat-x 0 104px;
	margin: 15px 0 0 0;
	color: black;
	font-family: Tahoma, Geneva, Arial, Sans-Serif;
	font-size: 10pt;
}

img {
	vertical-align: top;
}

a {
	color: #295EAB;
}

a:hover {
	color: #f59829;
}

a:visited {
	color: #61A9DF;
}

a:visited:hover {
	color: #f59829;
}

strong {
	font-weight: bold;
}

.center {
	text-align: center;
}

.frame {
	width: 965px;
	margin: 0 auto 0 auto;
}

/* Header **************************************************/
#header {
	position: relative;
	width: 965px;
	height: 120px;
	z-index: 6;
	padding: 0;
}

#header_logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

#header_login {
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 10;
}

#header_login input[type = text], #header_login input[type = password] {
	margin-right: 4px;
	width: 120px;
}

#header_login .message {
	position: absolute;
	top: 20px;
	left: 24px;
	width: 185px;
	text-align: left;
}

#header_login input[type = text].label {
	background: url(../images/tit_usuario.png) no-repeat 4px 4px;
}

#header_login input[type = password].label {
	background: url(../images/tit_contrasena.png) no-repeat 4px 3px;
}

#header_login form a.facebook {
	float: left;
	margin-right: 4px;
}

#header_login form div {
	text-align: right;
	margin-top: 6px;
	font-size: 0.8em;
}

#header_login form div .register {
	position: absolute;
	right: 0;
	top: 48px;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #7EBADF;
	text-decoration: none;
}

#header_login form div .register:hover {
	color: black;
}

#header_login form input {
	font-size: 0.8em;
}

#header_login .salutation {
	margin-top: 11px;
}

#header_login .salutation div {
	text-align: right;
}

#header_login div.options {
	font-size: 0.8em;
}

#header_login .salutation div img {
	float: right;
	margin-left: 10px;
	border: 2px solid #295EAB;
}

/* Search */
#header_search {
	position: absolute;
	right: 0;
	top: 90px;
	width: 305px;
	height: 24px;
	padding: 4px 0 0 42px;
	overflow: hidden;
	z-index: 11;
}
#header_search label {
	float: left;
	color: white;
	font-weight: bold;
	font-size: 0.8em;
	margin-right: 8px;
	margin-top: 3px;
}
#header_search div {
	float: left;
	position: relative;
	background: white;
	border: #295EAB 1px solid;
	height: 18px;
	width: 194px;
	margin-right: 8px;
}

#header_search a.advanced {
	float: left;
	margin-top: 3px;
	font-size: 0.8em;
	color: white;
}

#header_search div.focus {
	outline: #f59829 1px solid;
}

#header_search button {
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 0;
	width: 19px;
	height: 19px;
	border: 0;
	background: url(../images/header_bar_btn_search.png) no-repeat top right;
}

#header_search input[type = text] {
	font-size: 0.90em;
	border: 0;
	padding: 1px 4px 0 4px;
	width: 180px;
	outline: 0;
}


/* main navigation */
#navigation {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	height: 40px;
	font-size: 14px;
	width: 980px;
	background: url(../images/header_bar_rised.png) no-repeat bottom right;
}

#navigation li {
	float: left;
	padding: 0;
	margin: 0;
	height: 40px;
}

#navigation b {
	float: left;
	height: 40px;
}

#navigation a {
	float: left;
	color: white;
	padding: 15px 11px 0 11px;
	height: 28px;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}

#navigation a img {
	margin-top: 2px;
}

#navigation a:hover {
	text-decoration: underline;
}

#navigation li.selected {
	background: transparent url(../images/header_selected_right.png) no-repeat top right;
}

#navigation li.selected b {
	background: transparent url(../images/header_selected_left.png) no-repeat top left;
}

#navigation li.selected a {
	background: white url(../images/header_selected_background.png) repeat-x 0 0;
	margin: 0 13px 0 11px;
	color: #295EAB;
}

/* MainFrame *************************************************/
#content {
	position: relative;
	z-index: 11;
	top: 0;
	padding: 0 0 18px 0;
	width: 965px;
	background: white url(../images/aside_background_full.png) repeat-y 654px;
}
#content-end {
	width: 965px;
	height: 19px;
	background: white url(../images/aside_background_end.png) no-repeat 654px 0;
}

/* Body *************************************************/

#body {
	margin-right: 325px;
}

#body.nomargins {
	margin: 0 307px 0 0;
}

#body img.floatleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#body h1 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #2b5fac;
	padding-top: 25px;
	margin-bottom: 20px;
}

#body h1 span {
	font-size: 0.7em;
	font-weight: normal;
	color: gray;
}

#body h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #59595C;
	margin-bottom: 10px;
	margin-top: 24px;
}

#body h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #59595C;
	margin-bottom: 18px;
	margin-bottom: 6px;
}

#body h3 span {
	font-size: 0.75em;
	font-weight: normal;
	color: gray;
	margin-top: 2px;
	display: block;
}

#body h4 {
	font-weight: bold;
	color: #59595C;
	margin-bottom: 6px;
}
#body h5 {
	font-weight: bold;
}

#body p {
	line-height: 130%;
	margin-bottom: 8px;
}

#body .small, #body small {
	font-size: 0.8em;
	line-height: 110%;
}

#body a.more {
	font-weight: bold;
	padding-left: 12px;
	background: url(../images/icn_arrow.png) no-repeat left 5px;
}

#body .clearfix:after {
	clear: left;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}

#body .clearfix {
	display: block;
}

#body .advert {
	clear: left;
	margin: 12px 0 16px 0;
	width: 640px;
}
#body .advert .label {
	text-transform: uppercase;
	color: #a0a0a0;
	letter-spacing: 4px;
	font-size: 0.6em;
	margin-bottom: 3px;
}

/* Dialogs */
#body .dialog {
	border: 1px solid #398dc8;
	text-align: center;
	padding: 15px;
	margin: 14px 25px 14px 25px;
	background: #398dc8;
	color: white;
}
#body .dialog h3 {
	color: white;
	margin: 0;
}
#body .dialog a {
	color: white;
}
#body .dialog a:hover {
	color: #e0e0e0;
}
#body .notice {
	padding: 8px;
	margin: 14px 25px 14px 25px;
	border: 2px solid #398dc8;
	color: #59595C;
	background: white url(../images/icn_info_16.png) no-repeat 8px 8px;
	padding-left: 30px;
}
#body .notice a {
	color: #398dc8;
}

#body .notice.error {
	background-color: #a33333;
	background-image: url(../images/icn_bad_16.png);
	border: 2px solid #a33333;
	color: white;
}

#body .notice.error a {
	color: white;
}

#body .notice.alert {
	border: 2px solid #EDD670;
	color: black;
	background: #F6EA9C url(../images/icn_alert_16.png) no-repeat 8px 8px;
}

/* Search Box */
#body .notice.search {
	background: #398dc8 url(../images/btn_search.png) no-repeat 4px 4px;
	padding-left: 41px;
	min-height: 22px;
	border: #398dc8 2px solid;
	color: white;
	font-weight: bold;
	margin-right: 0;
	margin-left: 0;
}

#body .notice.search button, #body .notice.search a.button {
	float: right;
	margin-left: 8px;
	margin-right: 4px;
}
#body .notice.search .options {
	font-weight: normal;
	margin-top: 6px;
}
#body .notice.search .options label {
	padding: 0 8px 0 4px;
}
label, input[type="radio"]{
  vertical-align:middle;
}


/* comments */

#comments-box {
	position: relative;
	margin-top: 24px;
	padding: 15px;
	margin-top: 16px;
	min-height: 30px;
	background: #E5E5E5 url(../images/shadow_silver.png) repeat-x left top;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
}
#comments-box .twitter-share-button {
	position: absolute;
	right: 0;
	top: 17px;
	z-index: 10;
}

/* Search */

#search-box {
	position: relative;
	height: 44px;
	margin-top: -42px;
}

#search-box .search-mini {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #295EAB;
	padding: 3px 6px 4px 24px;
	background: url(../images/header_bar_btn_search.png) no-repeat 2px 2px;
	font-size: 0.8em;
	width: 120px;
}

#search-box .search {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	overflow: hidden;
	display: none;
}

#search-box.shown {
	margin-bottom: 8px;
	margin-top: 0;
}

#search-box.shown .search {
	display: block;
	margin-bottom: 8px;
	margin-top: 0;
}

#search-box form {
	width: 585px;
}

/* blocks */
#body .block {
	float: left;
	position: relative;
	width: 310px;
	margin-bottom: 12px;
}

#body .block.last {
	margin-left: 18px;
}

#body .block.first {
	clear: left;
	margin-right: 18px;
}

#body .block h4 {
	font-weight: bold;
	color: #59595C;
	margin-bottom: 4px;
}

#body .block p {
	line-height: 125%;
}

#body .block p.links {
	padding-top: 4px;
	font-size: 0.9em;
}

#body .block p.links .more {
	float: right;
	display: inline;
}

#body .block p.links .comments {
	background: url(../images/icn_comment_16.png) no-repeat 0 0;
	padding-left: 20px;
}

#body .relevant p.links .more {
	float: right;
	display: inline;
}

#body .relevant p.links .comments {
	background: url(../images/icn_comment_16.png) no-repeat 0 0;
	padding-left: 20px;
}

/* Lists */
#body ul {
	margin: 14px 12px 14px 12px;
}

#body li {
	background: url(../images/icn_arrow.png) no-repeat 0 4px;
	padding-left: 12px;
	padding-bottom: 4px;
}

/* Vote Box */
#body .vote {
	float: left;
	display: block;
	width: 36px;
	background: #398dc8;
	margin-right: 8px;
	border-bottom: 2px solid #2b5fac;
	text-align: center;
	font-size: 0.8em;
	padding: 5px 4px 5px 4px;
}

#body .vote strong {
	color: white;
	font-size: 1.3em;
	display: block;
}

#body .loading {
	background: url(../../resources/icn_loader.gif) no-repeat top right !important;
}

/* Pagination */
#body ul.pagination {
	clear: left;
	margin-bottom: 0;
	padding-top: 14px;
}

#body ul.pagination li {
	display: inline;
	background: white;
	margin: 0 2px 0 0;
	padding: 0;
}

#body ul.pagination li a {
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#body ul.pagination li span {
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	text-align: center;
	color: silver;
}

#body ul.pagination li.page a {
	padding: 2px 8px 2px 8px;
}

#body ul.pagination li.current a {
	border: 0;
	background: #398dc8;
	color: white;
	padding: 2px 8px 2px 8px;
}

#body ul.pagination li.control {
	outline: 2px solid #398dc8;
}


/* Forms *************************************************/
form {
	margin: 0;
}

button::-moz-focus-inner {
	padding: 0;
	border: none;
}

button:hover {
	cursor: pointer;
}

.buttonarea p {
	margin-top: 8px;
}

/* captcha */
.captcha input {
	width: 110px !important;
	margin-left: 100px;
}

#captcha_area {
	position: absolute;
	width: 95px;
	height: 30px;
	background-color: gray;
}

#captcha_area span {
	position: absolute;
	font-family: courier-new, courier, monospace;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	top: 8px;
}

/* Messages */
form .message {
	display: none;
	border: 1px solid #398dc8;
	padding: 6px;
	margin: 4px 0 0 0;
	font-size: 0.9em;
	background: #a0a0a0;
}

form .icon.good {
	padding-left: 26px;
	background: url(../images/icn_good_16.png) no-repeat 5px 6px;
	min-width: 15px;
	min-height: 15px;
	color: #33a333;
	border-color: #33a333;
}

form .icon.bad {
	padding-left: 26px;
	min-width: 15px;
	min-height: 15px;
	background: url(../images/icn_bad_16.png) no-repeat 5px 6px;
	border-color: #a33333;
	color: #a33333;
}

form .icon.loader {
	background-image: url(../../resources/icn_loader.gif) !important;
}

/* Styled */
.styled fieldset {
	border: 1px solid silver;
	padding: 14px;
}

.styled input[type = text], .styled input[type = password], .styled textarea {
	font-family: Tahoma, Geneva, Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	border: 1px solid black;
	padding: 1px 4px 2px 4px;
	outline: transparent 1px solid;
	background-color: #A7CBE6;
}

.styled input[type = text]:focus, .styled input[type = password]:focus, .styled textarea:focus {
	outline: #f59829 1px solid;
	background: white;
}

.styled select {
	padding: 1px 1px 1px 4px;
	background: #A7CBE6;
	border: 1px inset white;
	max-width: 300px;
}

.styled select:focus {
	outline: #f59829 1px solid;
	background: white;
}

.styled option {
	padding: 1px 2px 1px 2px;
	border-bottom: 1px solid silver;
}

.styled .buttonarea {
	background: #E5E5E5 url(../images/shadow_silver.png) repeat-x top;
	padding: 15px;
}

.styled .buttonarea button {
	margin-right: 8px;
}

/* Styled */
button.styled, a.button.styled {
	position: relative;
	display: inline-block;
	border: 0;
	padding: 0;
	margin: 0;
	height: 28px;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	background: transparent;
	text-decoration: none;
}

button.styled span, a.button.styled span {
	position: relative;
	padding: 0 !important;
	display: inline-block;
	background: url(../images/btn_background.png) no-repeat 100% 0;
	height: 28px;
}

button.styled b, a.button.styled b {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	height: 23px;
	padding: 5px 10px 0 12px;
	margin-right: 3px;
	color: white;
	background: url(../images/btn_background.png) no-repeat 0 0;
}

button.styled:focus span, a.button.styled:focus span {
	cursor: pointer;
	background-position: 100% -28px;
}

button.styled:focus b, a.button.styled:focus b {
	background-position: 0 -28px;
}

button.styled:active span, a.button.styled:active span {
	background-position: 100% -56px;
}

button.styled:active b, a.button.styled:active b {
	background-position: 0 -56px;
}

button.styled.sending span,
button.styled.sending b {
	background: url(../images/background_loading.gif) !important;
}

/* Estilo arrow */
button.styled.arrow b, a.button.styled.arrow b {
	padding-left: 33px;
	background-image: url(../images/btn_background_arrow.png);
}

/* Estilo Next */
button.styled.next b, a.button.styled.next b {
	padding-left: 33px;
	background-image: url(../images/btn_background_next.png);
}

/* Estilo prev */
button.styled.prev b, a.button.styled.prev b {
	padding-left: 33px;
	background-image: url(../images/btn_background_prev.png);
}

/* Estilo submit */
button.styled.submit b, a.button.styled.submit b {
	padding-left: 33px;
	background-image: url(../images/btn_background_submit.png);
}

/* Estilo Email */
button.styled.email b, a.button.styled.email b {
	padding-left: 35px;
	background-image: url(../images/btn_background_email.png);
}

/* Button Small */
button.styled.small, a.button.styled.small {
	height: 22px;
	font-size: 0.8em;
}

button.styled.small span, a.button.styled.small span {
	height: 22px;
	background-image: url(../images/btn_background_small.png);
}

button.styled.small b, a.button.styled.small b {
	height: 18px;
	padding: 4px 7px 0 10px;
	margin-right: 3px;
	background-image: url(../images/btn_background_small.png);
}

button.styled.small:focus span, a.button.styled.small:focus span {
	cursor: pointer;
	background-position: 100% -22px;
}

button.styled.small:focus b, a.button.styled.small:focus b {
	background-position: 0 -22px;
}

button.styled.small:active span, a.button.styled.small:active span {
	background-position: 100% -44px;
}

button.styled.small:active b, a.button.styled.small:active b {
	background-position: 0 -44px;
}

/*Button gray */
button.styled.gray span, a.button.styled.gray span {
	background: #525255;
}

button.styled.gray b, a.button.styled.gray b {
	background: #525255;
}

/* user */
form.user input[type = text], form.user input[type = password], form.user select {
	font-size: 1.1em;
	width: 100%;
	margin-top: 2px;
	padding: 4px 6px 4px 6px;
	background: #E5E5E5;
	border: 1px inset white;
}

form.user input:focus, form.user select:focus {
	outline: #f59829 1px solid;
}

form.user textarea {
	font-family: Tahoma, Geneva, Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	width: 100%;
	margin-top: 2px;
	padding: 4px 6px 4px 6px;
	background: #E5E5E5;
	border: 1px inset white;
}

form.user textarea:focus {
	outline: #f59829 1px solid;
}

form.user .buttonarea {
	background: #E5E5E5 url(../images/shadow_silver.png) repeat-x top;
	padding: 15px;
}

/* Big Search */
.bigsearch input[type = text] {
	font-size: 1.1em;
	border: #515151 1px solid;
	padding: 2px 4px 2px 4px;
	width: 85%;
	outline: 0;
}

.bigsearch input:focus, .bigsearch select:focus {
	outline: #f59829 1px solid;
}

/* Footer *************************************************/
#footer {
	position: relative;
	background: #E5E5E5 url(../images/footer_bar.png) repeat-x;
	margin: 0;
	height: 120px;
}
#footer .frame {
	position: relative;
}
#footer .desarrollarme {
	position: absolute;
	top: 23px;
	left: 40px;
}
#footer .desarrollarme .social {
	margin-left: 68px;
	margin-top: 10px;
}
#footer .links {
	position: absolute;
	top: 23px;
}

#footer .links a {
	display: block;
	color: gray;
	font-size: 1.1em;
	padding: 0 0 8px 0;
	text-decoration: none;
}
#footer .links a:hover {
	color: black;
}
#footer .links.pos1 {
	left: 270px;
}
#footer .links.pos2 {
	left: 470px;
}
#footer .legal {
	position: absolute;
	left: 665px;
	top: 23px;
	width: 295px;
	font-size: 0.8em;
	color: gray;
}