@charset "utf-8";
/* CSS Document */
/*Elaborado por: www.meiler.com*/
/*Diseñador: Ing. Jesus Leon*/

html,body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	background:url('../images/bg_main.jpg') repeat-x;
}

#top {
	width:850px;
	height:164px;
	margin:0;
	padding:0;
}

#tabla{
	margin-top:33px;
}

#imgtop{
	width:552px;
	height:128px;
}

#pagina {
	width:850px;
	background:none;
	height:860px;
	margin:auto;
	padding:0;
}

#cuerpo {
	background:url('../images/cuerpo.gif');
	background-repeat:no-repeat;
	width:850px;
	height:660px;
	margin-left:3px;
	padding:0;
}

#submenu{
	background:url('../images/barrasubmenu.png');
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
#barra1{
	width:264px;
	height:605px;
	float:left;
}

#barra2{
	position:relative;
	width:180px;
	float:left;
	left: 10px;
}

#lado {
	width:275px;
	height:163px;
	float:left;
	background-position: 10px;
	background-image:url(../images/LOCTI.png);
	background-repeat:no-repeat;
}

#flash {
	background-repeat:no-repeat;
	width:555px;
	height:170px;
	float:left;
	position:relative;
	margin-top:1px;
	padding-left:20px;
	padding-top:20px;
	background-image:url(../images/f_flash.jpg);
}

#content{
	position:relative;
	float: left;
	width: 360px;
	margin-left:5px;
	padding-left:10px;
	padding-top:10px;
}

#boton{
	width:70px;
	float:right;
	position:relative;
	top: 55px;
	left: -15px;
}

.style7 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #f78f1e;
}
.style8 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
}
.style9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin:0;
	padding:0;
}
.style10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
}
.copy {
	position:relative;
	float:left;
	width:850px;
	height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.titulo{
	font-family:Helvetica-Light;
	font-weight:normal;
	color:#950000;
	font-size:39px;
}

.subtitulo1{
	font-family:HelveticaNeue-BoldCond;
	color:#F78F1E;
	font-size:17px;
	margin-top:8px;
}

.subtitulo2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#950000;
	font-size:12px;
	font-weight:bold;
	margin-top:8px;
}

.texto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	font-size:11px;
	text-align:justify;
	line-height:16px;
	margin-top:8px;
}

.texto2{
	width:850px;
	height:40px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00054F;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}

.texto3{
	width:130px;
	position:relative;
	font-family:Trajan Pro;
	color:#003082;
	font-size:8px;
	text-align:center;
	font-weight:bold;
	left: 100px;
	top: 40px;
}

.texto4{
	width:131px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#950000;
	font-size:10px;
	text-align:left;
	left: 90px;
	top: 60px;
}

ul#subtexto {
	margin:0px;
	padding-left:10px;
	list-style-image: url(../images/vineta.png);
}

a#enlace{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; text-decoration:none; color:#F7931E; float:right;}
a#enlace:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; text-decoration:none; color:#F7931E; float:right;}

a#enlace2{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; text-decoration:underline; color:#FFFFFF;}
a#enlace2:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; text-decoration:underline; color:#FFFFFF;}

a#enlace3{font-family:HelveticaNeue-BoldCond; color:#F78F1E; font-size:17px; margin-top:8px;}
a#enlace3:hover {font-family:HelveticaNeue-BoldCond; color:#F78F1E; font-size:17px; margin-top:8px;}
/* Botones -------------------------- */
ul#botones {
	width:200px;
	margin:-10px 0px 0px 0px;
	padding-left:40px;
	list-style:none;
	float:left;
	height:340px;
}
#botones span {display:none;}

#botones li {float:left;}
#botones li a {display:block; height:104px; margin:0; padding-left:40px;}

li a#seavirtual{
	width:160px;
	height:150px;
	background: url(../images/sea-virtual.jpg) no-repeat 0 0;
}

li a#tecnoadultos{
	width:165px;
	background: url(../images/tecnoadultos.png) no-repeat 0 0;
	padding-left:40px;
}
li a#tecnoadultos:hover{
	width:165px;
	background: url(../images/adultos_over.png) no-repeat 0 0;
	padding-left:40px;
}
li a#tecnochamos{
	width:165px;
	background: url(../images/tecnochamos.png) no-repeat 0 0;
	padding-left:40px;
}
li a#tecnochamos:hover{
	width:165px;
	background: url(../images/chamos_over.png) no-repeat 0 0;
	padding-left:40px;
}
li a#tecnodocente{
	width:165px;
	background: url(../images/tecnodocente.png) no-repeat 0 0;
	padding-left:40px;
}
li a#tecnodocente:hover{
	width:165px;
	background: url(../images/docente_over.png) no-repeat 0 0;
	padding-left:40px;
}
li a#tecnocampo{
	width:165px;
	background: url(../images/tecnocampo.png) no-repeat 0 0;
	padding-left:40px;
}
li a#tecnocampo:hover{
	width:165px;
	background: url(../images/campo_over.png) no-repeat 0 0;
	padding-left:40px;
}
/* MENU -------------------------- */
ul#menu {
	position:relative;
	width:500px;
	margin:0;
	list-style:none;
	float:right;
	left:0px;
	top: 120px;
	z-index:1;
}
#menu span {display:none;}

#menu li {float:left;}
#menu li a {display:block; height: 41px; margin:0; padding:0;}

li a#empresa{width: 100px; background: url(../images/empresa.png) no-repeat 0 0;}
a#empresa:hover { background: url(../images/empresa.png) no-repeat 0 -39px;}

ul#menu li a.active {
background-position:0 -39px;
}

li a#servicios {width: 100px; background: url(../images/servicios.png) no-repeat 0 0;}
a#servicios:hover {background: url(../images/servicios.png) no-repeat 0 -39px;}

li a#lejislacion {width: 100px; background: url(../images/lejislacion.png) no-repeat 0 0;}
a#lejislacion:hover {background: url(../images/lejislacion.png) no-repeat 0 -39px;}

li a#blog {width: 100px; background: url(../images/blog.png) no-repeat 0 0;}
a#blog:hover {background: url(../images/blog.png) no-repeat 0 -39px;}

li a#contactenos {width: 100px; background: url(../images/contactenos.png) no-repeat 0 0;}
a#contactenos:hover {background: url(../images/contactenos.png) no-repeat 0 -39px;}

/* Botones2 -------------------------- */
ul#botones2 {
	width:160px;
	margin:15px;
	padding:0;
	list-style:none;
	float:left;
	height:340px;
}
#botones2 span {display:none;}

#botones2 li {float:left;}
#botones2 li a {display:block; height:61px; margin-top:10px; margin-left:25px;padding:0;}

li a#funda{
	width:145px;
	background: url(../images/fundaprocura.jpg) no-repeat 0 0;
}
li a#lejis{
	width:145px;
	background: url(../images/lejislacion_edu.jpg) no-repeat 0 0;
}
li a#visita{
	width:145px;
	background: url(../images/visita.jpg) no-repeat 0 0;
}
li a#contac{
	width:145px;
	background: url(../images/contact.jpg) no-repeat 0 0;
}

#flash1{
	margin-top:20px;
	position:relative;
	width: 300px;
}
#img_flash{
	position:relative;
	top:-128px;
}