/* CSS */

body {
	margin: 0;
	padding: 0;
	background: #fff url(images/fondos/f_top.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

h1 {
}

h2, h3 {
	margin-top: 0;
}

h4, h5, h6 {
}

p, ol, ul, dl, blockquote {
}

a {
	color: #3072FF;
}

a:hover {
	text-decoration: none;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0px;
}

/* Pagina de Login */
#contenedor_login {
	width:450px;
	border:5px solid #fff;
	margin:30px auto 0 auto;
	background:#fafafa;
	font-weight:bold;
}

#mensaje_login {
	padding:4px;
	border-bottom:1px solid #276aa4;
	color:#004890;
	text-align:center;
}

#logo_login {
	width:450px;
	height:200px;
	margin:20px auto 20px auto;
}

#logo_login h1 {
	margin:0;
	font-size:20px;
	color:#004890;
	font-weight:normal;
	text-align:center;
	line-height:28px;
}


#form_login {
	margin:10px;
	padding:20px;
	/*background:#f0f0f0;*/
	border:1px solid #ccc;
}

p.boton {
	padding:0 40px 0 0;
	margin:0;
	text-align:right;
}

#btn_ingresar {
	padding:3px 8px 3px 8px;
	border:3px solid #004890;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
/* Fin login */

#contenedor{
	width:920px;
	padding:0 30px 0 30px;
	margin-left: auto;
	margin-right: auto;
	border-left-color:#0066CC 1em;
}

/* Header */

#header {
	height: 280px;
	margin: 0 10px;
}

#header * {
	text-decoration: none;
	color: #336699;
}

/* Logo */

#logo {
	float: left;
	padding-top: 15px;
}

#logo h1 {
	float: left;
	font-family:"Book Antiqua";
	margin: 0;
	padding: 0;
	letter-spacing: 6px;
	font-size: 2em;
}

#logo h2 {
	float: left;
	margin: 0;
	padding: 0 0 0 .5em;
	font-size: 3em;
}

#logo #img {
	float:right;
	margin:10px;
}

/* Menu */

#menu {
	float: none;
}

#menu ul {
	margin: 0;
	padding: 200px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 0 1em;
	border-left: 1px solid #FF4430;
}

#menu a:hover {
}

#menu .first a {
	border: none;
}

/* Contenido */

#content {
	padding: 5px;
	background: #FFFFFF ;
}

#content ppal{
	margin: 200px;
	background: #FFF url(images/fondos/img5.gif) repeat-x;
}

#colOne {
	float: left;
	width: 25%;
}

#colTwo {
	float: left;
	width: 70%;
	padding: 0 0 0 1em;
}

#colTwo h2 {
	margin-bottom: .3em;
	font-size: 2em;
}

/*#colThree {
	float: right;
	width: 22%;

/* Bloques de colores */
/* Contenedor de la columna de colores y textos*/

#colTwo img {
	margin:0 30px;
	padding:2px;
	border:1px dashed;
}

#colTwo p .r{
	float:right;
}
#colTwo p .l{
	float:left;
}

/*TAMAŅO DE BLOQUES*/

#colTwo #bloque1, #bloque3, #bloque4 {
	float:left;
	width:340px;
	height:240px;
	margin-right:10px;
	color:#fff;
}

#colTwo #bloque2 {
	float:left;
	width:340px;
	height:240px;
	margin-right:10px;
	color:#333;
}

/*ENLACES DE BLOQUES*/

#colTwo #bloque1 a, #bloque3 a, #bloque4 a{
	color:#fff;
}

#colTwo #bloque2 a{
	color:#333;
}

#colTwo #bloque1 {
	background:url(images/fondos/f_bloq_1_txt.jpg) top left no-repeat;
}

#colTwo #bloque2 {
	background:url(images/fondos/f_bloq_2_txt.jpg) top left no-repeat;
}
#colTwo #bloque3 {
	background:url(images/fondos/f_bloq_3_txt.jpg) top left no-repeat;
}

#colTwo #bloque4 {
	background:url(images/fondos/f_bloq_4_txt.jpg) top left no-repeat;
}

#colTwo #bloque1 h2, #bloque2 h2, #bloque3 h2, #bloque4 h2 {
	margin:0;
	padding:11px 0 0 0;
	height:31px; 
	font-size:16px;
	text-align:center;
	color:#fff;
}

#colTwo #bloque1 p, #bloque2 p, #bloque3 p, #bloque4 p {
	margin:0;
	padding:10px 13px 17px 13px;
	line-height:18px;
}
/* Fin Bloques de colores */

/* Pie */

#footer {
	padding: 40px 0;
	background: url(images/fondos/f_pie.jpg);
}

#footer p {
	margin: 0;
	text-align:center;
	color:#FFF;
}

/* Cajas */

.boxed h2 {
	margin: 0;
	padding: 10px 0 3px 10px;
	background: #336699 /*url(images/img2.gif) no-repeat*/;
	font-size: 1.3em;
	color: #FFF;
}

.boxed h3 {
	margin: 0;
	font-size: 1em;
}

.boxed p, .boxed ul {
	margin-top: 0;
}

.boxed ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
	color: #CADAFF;
}

.boxed-content {
	padding: 10px;
	background: #fff;
	border-left: 2px solid #CADAFF;
}

/*FORMULARIOS*/

/* Formularios */
#contenedor_form {
	background:#f9f9f9;
	border:1px solid #eee;
	padding:15px 10px 20px 10px;
	margin-bottom:20px;
}

#contenedor_form .txt {
	padding:3px;
	font-size:16px;
}

#contenedor_form textarea {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	width:98%;
	padding:3px;
	overflow:auto;
}

#contenedor_form select {
	min-width:180px;
	padding:3px;
	font-size:16px;
}

fieldset {
	margin-bottom:20px;
}

fieldset p.desc {
	color:#777;
}

p.btn_guardar {
	padding:10px;
	background-color:#eee;
}