#marco { margin:14px auto; width: 960px; border:8px solid #CCC; background:#FFF; }
.fila { margin-bottom: 1.5em; height: 1%; overflow:hidden; }
.columna { float:left; margin-right: 20px; }
.uno { width: 60px; }
.dos { width: 140px; }
.tres { width: 220px; }
.cuatro { width: 300px; }
.cinco { width: 380px; }
.seis { width: 460px; }
.siete { width: 540px; }
.ocho { width: 620px; }
.nueve { width: 700px; }
.ultima { margin-right: 0; }

.nb { margin-bottom:0; }

/*Neutralizacion*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-----------------------------------------------------------------
	TEXTOS GENERALES
-----------------------------------------------------------------*/

body { font: normal 11px/1.5 arial, helvetica, verdana, sans; background:#1791DD; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color:#1791DD; }
h1 { font-size: 2.5em; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; font-style: italic; }
h1, h2, h3, h4, h5, h6 { padding: 0 20px; }
p, ol, ul, blockquote { padding: 0 20px 1.5em 20px; text-align:justify; }
ol { list-style: inside decimal; }
a { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
acronym { text-transform: uppercase; border-bottom: 1px dotted; cursor: help; }
img { display: block; padding: 0pt 10px 1em 10px; }
p img { padding: 0; }

.izq { float:left; }
.der { float:right; }
.boton { float:right; margin:5px 15px 0 0; padding:5px;}

/*-----------------------------------------------------------------
	COLORES Y OBJETOS PARA MAQUETEAR ESTRUCTURA
-----------------------------------------------------------------*/

.rojo { background:#FF0000;}
.rosado { background:#FFCCFF;}
.azul { background:#0000FF; }
.celeste { background:#BFE2E8;}
.amarillo { background:#FFFF00;}
.amarilloclaro { background:#FFFFCC;}
.verde { background:#00FF00; }
.verdeclaro { background:#99FF99;}

.maq { margin:50px auto;}


/*-----------------------------------------------------------------
	HEADER
-----------------------------------------------------------------*/

.header { }

.logo { background:url(i/logo-INGPEC.jpg) top left no-repeat; width:240px; height:90px; text-indent:-99999px; margin-left:20px; float:left; }

.top { text-align:center; }
.top img { margin:10px auto 0px auto; }
.top p { font:10px/10px Arial, Helvetica, sans-serif; color:#444; }

.texttop { text-align:right; text-transform:uppercase; color:#CCC; font:12px/12px Arial, Helvetica, sans-serif; margin:10px 40px 0 0; padding:0; }

.menu p { margin:5px 20px 0px 20px; padding:0 0 5px 0; border-bottom:1px solid #FA0; }
.menu p a { font:13px/14px Arial, Helvetica, sans-serif; color:#1791DD; padding:0px 15px;}
.menu p a:hover { color:#FFF; background:#1791DD; border-bottom-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.hblock { margin:10px 40px 10px 0; padding:10px; width:580px; float:right; display:block; overflow:hidden; background:#1791DD; color:#FFF;border-bottom-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.hblock li { list-style:none; width:160px; float:right; text-align:left; padding:0 10px; }

.gh { font-size:18px; }

/*-----------------------------------------------------------------
	BODY
-----------------------------------------------------------------*/
.flash {  height:295px; margin:0 0 0 15px; }
.verde { background:url(i/linea-verde.gif) top center no-repeat; height:12px;  }
.cuerpo {}

#ban { margin:10px 0 20px 15px; padding:0; }
#ban a { margin:0 15px; padding:0; float:left; }
#ban a img { margin:0; padding:0; }

.box { overflow:hidden; clear:both; }
.box p{ font-size:12px; }
.box h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#1791E8; font-weight:bold; padding:5px; letter-spacing:0,002em;}
.box h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#1791E8;}
.box h4 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#1791E8;}
.box h5 { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; font-style:italic; color:#1791E8;}
.box img { padding:10px;}
.box ul li {
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-decoration:none;
	margin:0 3px;
	padding:0;
	}
.box a { color: #930;}
.box a:hover{ color: #F00;}

div.lista li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#02173C; display:list-item; list-style: disc; }

.ln { color:#EC4C00; margin:10px; height:1px;}
.gr { background:#E2E2E; }
.brgr { border:2px solid #666; }
.riasec { /*background:url(i/bk-micepi.jpg) top left no-repeat;*/ width:261px; height:168px; }
.echgra { background:url(i/bkcie.jpg) top left no-repeat; height:150px;}

.ingreso {background:url(i/bg_login.jpg) top center no-repeat; height:90px; padding-bottom:10px;}
.ingreso h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#FFF; padding:10px; }
.ingreso table { margin-top:20px; }
.ingreso p { color:#FFF; padding-right:2px; }

.matricula { background:url(i/bg_matri.jpg) top center no-repeat; height:90px; }
.matricula h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#285382; padding: 0 0 0 10px; }
.matricula table { margin-top:20px; }
.matricula p { color:#285382; padding:0 0 0 10px; margin:0; }
.matricula img{ float:right; margin:0; padding:0;}
.matricula table, td, tr{ margin:0; padding:3px; vertical-align:middle;}

.gris { background:url(i/bk-dedo.jpg) top left no-repeat; height:170px; }
.gris2 { background:url(i/bk-gris.jpg) top left no-repeat; height:120px; }
.gris2 h4 {color:#1791E8; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; padding:10px 0 0 10px; }
.gris3 { background:url(i/bk-gris-mit.jpg) top left no-repeat; height:115px; }
.gris3 p{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; padding:3px; margin:5px;}
.gris3 img { float:right; padding:0; margin:5px;}
.gris3 h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#1791E8; font-weight:bold; padding:10px; letter-spacing:0,002em;}
.supergris { background:url(i/bk-dedo-gr.jpg) top center no-repeat; height:160px; }
.supergris h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#1791E8; font-weight:bold; margin:5px; letter-spacing:0,002em;}
.superborder { background:url(i/bk-border-gr.gif) top center no-repeat; margin-bottom:20px; height:230px; }
.superborder img { margin:10px; padding:0px 2px;}
.superborder h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#1791E8; font-weight:bold; margin:5px; letter-spacing:0,002em;}
.riasec2 { background:url(i/bk-micepi.jpg) bottom left no-repeat; }
.echgra2 { background: url(i/bk-echgra2.jpg) bottom left no-repeat; height:130px;}
.logesc { float:left; margin-top:30px; padding:0; overflow:hidden; }

a.enlace { height:30px; background:url(i/enlace.png) top left no-repeat; float:right; margin:0 20px 0 0; padding:9px 0 0 25px; }
a:hover.enlace { height:30px; background:url(i/enlace-ov.png) top left no-repeat; float:right; margin:0 20px 0 0; padding:9px 0 0 25px; }
a.enlace span { width:10px; height:30px; background:url(i/enlace-end.png) top right no-repeat; color:#E9E9E9; margin:0; padding:10px 0 10px 5px; }

a.enlace2 { height:30px; background:url(i/enlace.png) top left no-repeat; float:right; margin:0 20px 0 0; padding:9px 0 0 25px; }
a:hover.enlace2 { height:30px; background:url(i/enlace-ov.png) top left no-repeat; float:right; margin:0 20px 0 0; padding:9px 0 0 25px; }
a.enlace2 span { width:10px; height:30px; background:url(i/enlace-end.png) top right no-repeat; color:#E9E9E9; margin:0; padding:10px 0 10px 5px; }
a.enlace2 span { width:10px; height:30px; background:url(i/enlace-end2.png) top right no-repeat; color:#E9E9E9; margin:0; padding:10px 0 10px 5px; }

.int { background:url(i/tit-int.jpg) center left no-repeat; margin:10px 20px 40px 20px; padding-left:40px; height:35px; }

.subbox { width:300px; }
.subbox p { width:185px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:10px 20px 0 3px; margin:0; float: right; line-height:11px; text-align: right;}
.subbox img { margin:0; padding:0 0 0 10px;}

.subbox2 { width:285px; }
.subbox2 p { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0 15px 0 5px; margin:0; float:right; line-height:11px; text-align:left;}
.subbox2 img { margin:0; padding:2px;}
/*-----------------------------------------------------------------
	PIE
-----------------------------------------------------------------*/

.footer { background:url(i/bk-footer.png) bottom left repeat-x; margin:0; }

.menufooter { text-align:center; border-top:1px solid #1791DD; margin:10px 20px; padding:10px; color:#1791DD;}
.menufooter a { color:#333; }
.menufooter a:hover { color:#000; }

.fblock { margin:0; padding:0px; width:760px; display:block; overflow:hidden; border-bottom-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.fblock li { list-style:none; width:160px; float:left; text-align:left; padding:0 10px; }
.lineanar { border-left:1px solid #F90; }

.gf { font-size:14px; }

label {display:block;font-weight:bold;} 
legend {font-size:120%;} 
fieldset {border:none;} 
input, textarea {border:1px solid #999;} 
input:focus, textarea:focus {background: #E1EFF7;} 
form span {display:block; font-size:90%;} 
form p {margin:0;} 
div#formulario {width:440px;border:1px dotted #000; margin-left:50px; background: #F5FAFC} 
form img {float:right;}