/* =============================================================
   GENERAL STYLES
 ============================================================ */
body {
	font-family: 'Inconsolata', monospace;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #333 !important;
	text-align: center;
	background-color: #FFF;
	background-image: url(../images/bg-dibujo.png), url(../images/bg.jpg);
	background-repeat: repeat-x, repeat;
	background-size: 100%, auto;
	background-position: center top, top left;
	background-attachment: fixed;
}

/* Logos */
#logo-c3, #logo-mincyt {
	position: absolute;
	top: 20px;
}

#logo-c3 {
	left: 20px;
}

#logo-mincyt {
	right: 20px;
}

#logo-c3:hover, #logo-mincyt:hover {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

a {
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	color: #65b32e;
	text-decoration: none;
	font-weight: 700;
}

a:hover {
	color: #e6007e;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.pad-top {
	padding-top: 40px;
}

.placeholder {
	color: grey;
}

select option:first-child {
	color: grey;
	display: none;
}

select option {
	color: #555;
}

.mandatory {
	font-weight: bold;
	color: red;
}

.note {
	font-style: italic;
	font-size: 12px;
}

.item {
	font-size: 16px;
	font-weight: bold;
	padding-top: 1em;
}

#content {
	padding: 20px
}

#dialog {
	position: absolute;
	width: 425px;
	z-index: 200;
	background: #fff;
}

#dialog-header {
	display: block;
	position: relative;
	padding: 3px 6px 7px;
	font-size: 14px;
	font-weight: bold;
	height: 25px
}

#dialog-close {
	position: absolute;
	bottom: 5px;
	left: 190px;
	color: #666666;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	margin: 3px 3px 0 0;
	height: 25px;
	width: 50px;
	background: url(../images/dialog_close.gif) no-repeat
}

#dialog-content {
	text-align: center;
	height: 100px;
	padding: 6px;
	color: #666666;
	font-size: 15px;
	font-weight: bold;
}

#dialog-mask {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100%;
	background: #FFF;
	opacity: .75;
	filter: alpha(opacity = 75);
	z-index: 100
}

.error {
	background: #fff url(../images/error_bg.jpg) bottom right no-repeat;
	border: 1px solid #924949;
	border-top: none
}

.errorheader {
	background: url(../images/error_header.gif) repeat-x;
	color: #6f2c2c;
	border: 1px solid #924949;
	border-bottom: none
}

.warning {
	background: #fff url(../images/warning_bg.jpg) bottom right no-repeat;
	border: 1px solid #c5a524;
	border-top: none
}

.warningheader {
	background: url(../images/warning_header.gif) repeat-x;
	color: #957c17;
	border: 1px solid #c5a524;
	border-bottom: none
}

.success {
	background: #fff url(../images/success_bg.jpg) bottom right no-repeat;
	border: 1px solid #7794a8;
	border-top: none
}

.successheader {
	background: url(../images/prompt_header.gif) repeat-x;
	color: white;
	border: 1px solid #7794a8;
	border-bottom: none
}

.prompt {
	background: #fff url(../images/prompt_bg.jpg) bottom right no-repeat;
	border: 1px solid #4f6d81;
	border-top: none
}

.promptheader {
	background: url(../images/prompt_header.gif) repeat-x;
	color: #355468;
	border: 1px solid #4f6d81;
	border-bottom: none
}

input#inscribir {
	background:url(../images/btn-inscribirme.png);
	background-repeat: no-repeat;
	width:300px;
	height:100px;
	border: 0;
}