@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#superbg{
background:url(imgivg/bgdegrade.jpg);
background-repeat:repeat-x;
}
:focus { -moz-outline-style: none; }
#container { 
	width: 948px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	padding: 3px 0px 0px 0px;
	margin: 0px auto ; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 545px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height:990px;
	margin:8px 0px 0px 7px;
}



	#cursoshomeslide{
	height:328px;
	width:545px;
	position:relative;
	top:-20px;
	}
	#infoslideuno{
	background:url(imgivg/fotocurso4.jpg);
	background-repeat:no-repeat;
	height:400px;
	}
	#infoslidedos{
	background:url(imgivg/fotocurso2.jpg);
	background-repeat:no-repeat;
	height:400px;
	}
	#infoslidetres{
	background:url(imgivg/fotocurso3.jpg);
	background-repeat:no-repeat;
	height:400px;
	}
	#infoslidecuatro{
	background:url(imgivg/fotocurso1.jpg);
	background-repeat:no-repeat;
	height:400px;
	}
	#infoslidecinco{
	background:url(imgivg/fotocurso5.jpg);
	background-repeat:no-repeat;
	height:400px;
	}
	#infoslideseis{
	background:url(imgivg/fotocurso6.jpg);
	background-repeat:no-repeat;
	height:400px;
	}
	#logocursouno{
	padding:10px;
	float:left;
	width:80px;
	position:relative;
	top:230px;
	text-align:right;
	}
	#textonoticiasuno{
	float:left;
	width:490px;
	height:92px;
	text-align:left;
	padding:4px 0px 0px 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	#textocursouno{
	float:left;
	width:490px;
	height:92px;
	position:relative;
	top:225px;
	text-align:left;
	padding:4px 0px 0px 1px;
	}
	.spantextocurso {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#993300;
	}
	#textocursouno h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#990000;
	margin:1px;
	padding:2px;
	}
	#textocursouno p{
	margin:1px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#993300;
	}
	#textocursouno a{
	margin:1px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#0066CC;
	text-decoration:none;
	}
	#textocursouno a:hover{
	margin:1px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#CC3300;
	text-decoration:none;
	}
	#linksslide{
	position:relative;
	top:208px;
	left:0px;
	margin:0px;
	padding:0px 0px 0px 370px;
	z-index:80;
	}
	#linksslide a{
	font-size:0.7em;
	color:#0066CC;
	text-decoration:none;
	
	}
	#linksslide a:hover{
	color:#993300;
	}
	#linksslide a:active{
	color:#FFCC00;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	#textoanchoimghome{
	margin:0px 0px 0px 0px;
	height:120px;
	}
	#logoimguno{
	float:left;
	width:81px;
	height:81px;
	}
	#textoanchohome{
	float:left;
	height:91px;
	width:440px;
	padding:5px;
	}
	#textoanchohome p{
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	#leermasuno {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align:right;
	}
	#leermasuno a{
	color:#006699;
	text-decoration:none;
	}
	#leermasuno a:hover{
	color:#CC6600;
	}
	#leermasuno a img{
	border:0px;
	text-align:right;
	}
	
	#grupoizqiuerdohome {
	
	}
	
	#gizqhizq {
	float:left;
	width:270px;
	height:377px;
	/*background:#990000;*/
	}
	#gizqhizq a img {
	margin:0px 0px 0px 0px;
	border:0px;
	}
	
	#gizqhder {
	float:left;
	width:270px;
	height:377px;
	
	}
	
	#cuadroprofehome {
	height:113px;
	width:260px;
	margin:0px 0px 3px 0px;
	padding:5px;
	background:url(imgivg/doradito.gif);
	}
	
	#fotoprofehome {
	float:left;
	width:74px;
	height:74px;
	margin:0px 5px 0px 5px;
	border:2px solid #006699;
	}
	#fotoprofehome a img{
	
	border:0px solid #999933;
	}
	#textoprofehome {
	float:left;
	width: 160px;
	height:80px;
	padding:2px;
	margin: 0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#993300;
	}
	#textoprofehome a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006699;
	text-decoration:none;
	}
	#textoprofehome a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006699;
	}
	#textoprofehome h3{
	margin:0px 0px 8px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	#textoprofehome h3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FF6600;
	text-decoration:none;
	}
	#textoprofehome h3 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#006699;
	}

#mainContent { 
	margin: 0px 5px 0px 0px; 
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:377px;
	float:right;
	height:auto;
} 
#mainContent a img{
border:0px;
}

	#botonestope ul li {
	display: inline;
	padding: 2px 2px 2px 0px; /*Separar el texto*/
	margin:5px 2px 0px 0px; /* Separar los botones */
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#3366CC;
	}

	#botonestope ul {
	/* Linea para delimitar la botonera */
	
	margin:5px 0px 8px 0px;
	padding:0px;
	}
	#botonestope ul li img{
	margin:0px 0px 0px 0px;
	}
	#botonestope ul li a{
	color:#3366CC;
	text-decoration:none;
	}
	#botonestope ul li a:hover{
	color:#FF6600;
	}
	#botonestope ul li a img{
	border:0px;
	}
	#botonestope ul li a span{
	color:#FF6600;
	}
	#botonestope ul li a:hover span{
	color:#003366;
	}
	#grupobotonespub {
	float:right;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:377px;
	background:url(imgivg/blueclarito.gif);
	}	
	#botonesgen {
	float:left;
	margin:0px;
	width:165px;
	background:#006699;
	}
	#navlistcont {
	width:160px;
	float:left;
	margin:0px;
	}
			ul#navlist{
			text-align: left;
			list-style: none;
			margin:0px;
			padding: 0px 0px 0px 0px;
			width: 160px;
			}
			
			ul#navlist li{
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			}
			
			ul#navlist li a{
			display: block;
			width: 160px;
			padding: 0.5em 0em 0.3em 0.5em;
			margin:0px;
			border-width: 0px 0px 1px 0px;
			border-color:#6699FF;
			border-style: none none solid none;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight:bold;
			color:#006699;
			text-decoration: none;
			}
			
			#navcontainer ul#navlist li a { 
			width: 160px;
			}
			
			ul#navlist li a:hover{
			color:#CC3300;
			background: transparent;
			border-color: #aaab9c #fff #fff #ccc;
			}
			#bodyuno #botonuno, #bodydos #botondos, #bodytres #botontres, #bodycuatro #botoncuatro, #bodycinco #botoncinco, #bodyseis #botonseis, #bodysiete #botonsiete, #bodyocho #botonocho, #bodynueve #botonnueve, #bodydiez #botondiez, #bodyonce #botononce, #bodydoce #botondoce, #bodytrece #botontrece{
			color:#FF6600;
			border-color: #aaab9c #fff #fff #ccc;
			}
	
	#publibotones {
	float:right;
	margin:0px;
	padding:0px;
	width:210px;
	}
	#publibotones img {
	border:0px;
	margin:0px;
	padding:0px;
	}
		#publibotones a img {
	border:0px;
	margin:0px;
	padding:0px;
	}
	
#grupoclientesnoticias {
float:right;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
width:377px;
height:380px;
/*background:#CDE2DE;*/
}

#grupogaleriaderecha {
float:right;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
width:377px;
height:auto;
/*background:#CDE2DE;*/
}
#tituloseccionhome {
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
color:#FC8202;
}
#tituloseccionhomeblue {
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
color:#003366;
}
#clienteslogos, #galerias{
margin:0px;
}
#clienteslogos a img{
border:0px;
}
#vermasderecha{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
text-align:right;
padding:0px 8px 0px 0px;
}
#vermasderecha a{
	color:#006699;
	text-decoration:none;
	}
	#vermasderecha a:hover{
	color:#CC6600;
	
	}
	#vermasderecha a img{
	border:0px;
	}
#noticias {
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}
#noticias a {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#003399;
text-decoration:none;
}
#noticias a:hover {

color:#FF6600;

}
#direcciones {
padding:3px;
margin:0px auto;
}
#cuadrosdir {
font-size:14pt;
float:left;
width:948px;
height:85px;
background:#003366;
padding:5px;
margin:3px;
text-align:center;
color:#FFFFFF;
}
#cuadrosdir a img {
border:0px;
}
#titulosciudad {
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em !important;
font-weight:bold;
color:#993300;
}
#textosciudad p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}
#textosciudad a{
font-size:0.9em;
font-weight:bold;
color:#0099CC;
text-decoration:none;
}
#textosciudad a:hover{
color:#CC6600;
}
#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#FFFFFF;
background:#006699;
padding:8px;
margin:2px 0px 0px 0px;
}
#footer a{
color:#66CCFF;
text-decoration:none;
}
#footer a:hover{
color:#00FFFF;
text-decoration:none;
}


#fototopeseccion{
width:545px;
height:190px;
background:url(imgivg/fotosede.jpg);
background-repeat:no-repeat;
}
#fototopeseccionprofesores{
width:545px;
height:190px;
background:url(imgivg/fotonuestrosprofesores.jpg);
background-repeat:no-repeat;
}
#fototopeseccionconvenios{
width:545px;
height:190px;
background:url(imgivg/firmaconvenio.jpg);
background-repeat:no-repeat;
}
#ensuempresa{
width:545px;
height:190px;
background:url(imgivg/ensuempresa.jpg);
background-repeat:no-repeat;
}
#sabiausted{
width:545px;
height:190px;
background:url(imgivg/sabiausted.jpg);
background-repeat:no-repeat;
}
#contribucion{
width:545px;
height:190px;
background:url(imgivg/contribucion.jpg);
background-repeat:no-repeat;
}
#cursostope{
width:545px;
height:190px;
background:url(imgivg/cursostope.jpg);
background-repeat:no-repeat;
}
#preguntas{
width:545px;
height:190px;
background:url(imgivg/preguntas.jpg);
background-repeat:no-repeat;
}
#galeriastope{
width:545px;
height:190px;
background:url(imgivg/galeria.jpg);
background-repeat:no-repeat;
}
#instituto{
width:545px;
height:190px;
background:url(imgivg/instituto.jpg);
background-repeat:no-repeat;
}
#eventostope{
width:545px;
height:190px;
background:url(imgivg/eventostope.jpg);
background-repeat:no-repeat;
}
#talento{
width:545px;
height:190px;
background:url(imgivg/talento.jpg);
background-repeat:no-repeat;
}
#tituloseccion{
	position:relative;
	top:138px;
	height:40px;
	float:left;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#FF6600;
}
#botonestituloseccion{
position:relative;
top:138px;
height:40px;
float:right;

padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
color:#003366;
}

#sidebarseccion {
	float: left; /* since this element is floated, a width must be given */
	width: 545px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	min-height:800px;
	height:auto;
	margin:8px 0px 0px 7px;
	background:url(imgivg/doradito.gif);
}

#textoanchoseccion{
	margin:8px 0px 0px 0px;
	padding:3px 8px;
	height:auto;
	}
	#textoanchoseccion p, #textoanchoseccionconfoto p, #bloqueprofesor p, #bloqueprofesor ul li, #textoanchoseccion ul li, #bloqueprofesor tr td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#006699;
	}
#bloqueprofesor p .prog{
color:#CC6600;
font-weight:bold;
}
#bloqueprofesor tr td{
font-family:Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#660000;
}
#textoanchoseccion img{
margin:0px 8px 0px 0px;

}
#textoanchoseccion a img{
border:0px;

}
#textoanchosecciong{
	margin:8px 0px 0px 0px;
	padding:3px 8px;
	height:auto;
	}
	#textoanchosecciong p, #textoanchoseccionconfoto p, #bloqueprofesor p, #bloqueprofesor ul li, #textoanchoseccion ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#143F84;
	}
#textoanchosecciong img{
margin:0px 2px 0px 0px;

}
#textoanchosecciong a img{
border:0px;

}
#fotoprofetan {
float:left;
}
#fotoprofetan a img {
border:0px;
}

#bloqueprofesor{
height:auto;
margin:5px 0px 10px 0px;
}
#bloqueprofesor a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#006699;
height:auto;
margin:5px 0px;
}
#bloqueprofesor a:hover{
color:#CC6600;

}


#galerias img, #galerias a img{
margin:1px;
border:0px;
}
#grupolateralderecho, #grupolateralderechoblue {
float:right;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
width:377px;
height:380px;

}	
#grupolateralderechoblue {

background:url(imgivg/blueclarito.gif);
}	

#paginador {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#660000;
text-decoration:none;
padding:5px;
text-align:right;
}
#paginador a{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#006699;
text-decoration:none;

}
#paginador a:hover{
color:#FF6600;

}
#paginador a span{
color:#CC3300;

}

#containertop {
	width: 700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#sidebar1top {
	float: right; /* since this element is floated, a width must be given */
	width: 270px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 50px 5px 0px;
	height:310px;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
}
#mainContenttop {
	margin:0px 245px 0px 0px;
	padding:0px 0px 0px 20px;
} 

#sidebar1cursos {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:40px 0px 0px 5px;
	padding: 5px 10px 5px 0px;
	height:310px;
	background-color: #FFFFFF;font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
}

#sidebar1cursos p{
text-align:left;
	
}
#sidebar1cursos a{
background-color: #FFFFFF;font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003399;
}
	

#sidebar1cursos a img{
border:0px;
}
#greyb, .imgcenter {

text-align:center;
}
#greyb a {
color:#0066CC;
text-decoration:none;
}
#greyb a:hover {
color:#00CC00;
text-decoration:none;
}
#containercursos {
	width: 540px;
	height:350px;
	background: #FFFFFF;
	text-align: left;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:15px;
	float:left;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
}
.subtituloseccion{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FC8202;
}
.tituloslightbox {
font-family:Arial, Helvetica, sans-serif;
color:#006699;
font-weight:bold;
font-size:1.4em;
}
.tituloslightbox a {
font-family:Arial, Helvetica, sans-serif;
color:#006699;
font-weight:bold;
font-size:1.4em;
}
.tituloslightbox a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-weight:bold;
font-size:1.4em;
}
.noverendiseno {
display:none;
}

/* comienza sector de formularios */
/* comienza sector de formularios */
/* comienza sector de formularios */
/* comienza sector de formularios */
/* comienza sector de formularios */
	#contentform{
		height:310px;
		margin:0px 0px 0px 50px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#993300;
	}
	#labelsform{
		float:left;
		width:110px;
		margin:2px;
		padding:4px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#993300;
		text-align:right;
	}
	#inputsform{
		float:left;
		width:200px;
		margin:2px;
		padding:4px;
		text-align:left;
	}
	#contentformx{
		height:auto;
		width:360px;
		float:left;
		margin:0px 0px 0px 120px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#993300;
	}	
	#labelsformx{
		float:left;
		width:110px;
		margin:2px;
		padding:4px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#993300;
		text-align:right;
	}
	#inputsformx{
		float:left;
		width:170px;
		margin:2px;
		padding:4px;
		text-align:left;
	}
	.submit{
		width:195px;
		background-image:url(img/sobre.gif);
		background-repeat:no-repeat;
		background-position:20px 8px;
		border:0px;
		padding:3px 3px 3px 34px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:left;
		background-color:#993300;
	}
	#textogracias {
		margin:20px;
	}
/* termina sector de formularios */
/* termina sector de formularios */
/* termina sector de formularios */
/* termina sector de formularios */
/* termina sector de formularios */
/* termina sector de formularios */










#titulonuestrosprofehome{
	height:22px;
	padding:8px 0px 1px 8px;
	color:#006699;
	font-weight:bold;
	text-align:left;
	background-color:#C9DBDC;
}
.textofotos {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000033;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.imageocs {
margin:15px;
width:327px;
float:left;
}