@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
// @Sistema: Genotipo Templates "Curve" 								 //
// @Version: 1.0														 //
// @Autor: Juan J. Lopez Lira											 //
// @Descripcion: Archivo de Estilos Globales CSS					 	 //
// @Fecha: 26 Mayo 2009 											 	 //
/////////////////////////////////////////////////////////////////////////*/

/* Main Container */
.main-container {
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	background: #FFF url(../images/content-corners.png) center bottom no-repeat;
}
#logo a {
	display: block;
	width: 220px;
	height: 220px;
	margin: 0 20px 10px 0;
	background: url(../images/logo.png);
}
/* Hiddens */
#logo h1 {
	display: none;
}
/* Columns */
.fcol {
	float: left;
	width: 220px;
	height: auto;
	margin: 0 20px 20px 0;
	padding: 0;
}
.scol {
	float: left;
	width: 460px;
	height: auto;
	margin: 0 20px 20px 0;
	padding: 0;
}
.tcol {
	float: left;
	width: 220px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
}
h1 {
	color: #EC1C24;
	font-size: 1.5em;
	margin: 20px 0;
}
span {
	color: #50A8D9;
	font-style: italic;
}
h3 {
	margin: 20px 0;
	text-align: left;
}
#imgml {
	margin: 0 15px 0 0
}
/* Menu */
#menu {
	width: 200px;
	height: auto;
	list-style: none;
	background: #0080c6;
	padding: 0 0 0 20px;
}
#menu li {
	display: block;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}
#menu li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.3em;
	padding: 0 50px 0 0;
}
#menu li a span {
	font-style: italic;
	color: #FFF;
}
#menu li a:hover, #menu .active a, #menu .active a span, #menu li a:hover span {
	color: #000;
}
.menu-top {
	width: 220px;
	margin: 20px 0 0 0;
	padding: 4px 0;
	background: url(../images/menu-top.png) bottom no-repeat;
}
.menu-bottom {
	width: 220px;
	margin: 0 0 20px 0;
	padding: 4px 0;
	background: url(../images/menu-bottom.png) top no-repeat;
}
.res {
	width: 200px;
	height: auto;
	padding: 0 10px;
	background: #eb1c23;
	color: #fff;
	font-size: 1.2em;
}
.res span {
	color: #fff;
}
.res-top {
	width: 220px;
	margin: 20px 0 0 0;
	padding: 4px 0;
	background: url(../images/res-top.png) bottom no-repeat;
}
.res-bottom {
	width: 220px;
	margin: 0 0 10px 0;
	padding: 4px 0;
	background: url(../images/res-bottom.png) top no-repeat;
}
.res-info {
	width: 180px;
	height: auto;
	color: #eb1c23;
	text-align: left;
	margin: 0;
}
#menu #last {
	border: none;
}
/* Formulario */
.formulario {
	width:100%;
	height:auto;
	padding:0;
	margin:20px 0;
}
input {
	width:220px;
	height:auto;
	border:none;
	padding:5px;
	background:#F2F0DF;
	color:#0080C7;
}
textarea {
	width:200px;
	height:130px;
	border:none;
	padding:5px;
	background:#F2F0DF;
	color:#0080C7;
}
.reset a {
	float:left;
	width:auto;
	height:auto;
	padding:5px 10px;
	margin:5px 0 0 0;
	background:#C00;
	color:#FFF;
	text-decoration:none;
}
.reset a:hover {
	background: #900;
}
.send a {
	float:left;
	width:auto;
	height:auto;
	padding:5px 10px;
	margin:5px 5px 0 0;
	background:#0080C7;
	color:#FFF;
	text-decoration:none;
}
.reset span {
	color:#600;
}
.send a:hover {
	background:#036;
}
/* Footer */
.footer {
	margin: 10px auto;
	width: 980px;
	padding: 10px 0;
	height: auto;
	background: url(../images/footer.png) center no-repeat;
	text-align: center;
	color: #FFF;
	font-size:0.8em;
}
.footer a {
	color: #FFF;
}
.footer a:hover {
	color: #EC1C24;
	text-decoration: none;
}