/* Hoja de Estilo: Promoción Docente  */

.clear {
	clear: both;
}
html, body {
	height: 100%;
}

body {
	background:#FFF;
}

#principal {
	background: #FFFFFF url(../imagenes/sep_color.png) no-repeat;
	width: 1080px;
	margin: 25px auto ;
}

#principal #buscador {
	width: 1080px;
	height: 30px;
	float: left;
}
#principal #buscador table{
	margin-top: 1px;
	float: right;
}
#principal #buscador #txtbusc{
	color:#CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif ;
}

/* header de la pagina ceti*/
#header {
	height: 100px;
	width: 1080px;
	float: left;
}
/* logo CETI */
#header .logo {
	margin-left: 350px;
	border:none;
	float: left;
	overflow:hidden;  /*esconde o pasa alguna situacion fuera de la imagen, sobre todo cuando no esta a su tamaño*/
}

/* Direccion Academica */
#header .ceti {
	margin-left: 10px;
	margin-top: 10px;
	border:none;
	float: left;
	color:#00C;
	font-size:25px ;
	font:Geneva, Arial, Helvetica, sans-serif;
	font: bold;
}

/* Centro de Enseñanza Técnica Industrial */
#header .ceti2 {
	margin-left: 10px;
	width: 360px;
	border: none;
	float: left;
	color: #333333;
	font-size: 20px;
	font-style:normal;
	font:Tahoma, Geneva, sans-serif; 
}

/* Menu  */
#menu {
	float: left;
	height: 30px;
	border-top: 5px;
	border-top-color: #FFFFFF;
	background: #666666 url(../imagenes/fondo_menu.jpg) no-repeat;
	width: 1070px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	
}
#menu lu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	display: block;
	list-style-type: none;
	padding: 5px;
	display: inline;
}

#menu lu a {
	text-decoration: none; 
	color: white;
}

#menu lu a:hover {
	background-color: #CCCCCC;
}
/* Contenido General */
#conten {
	position: left;
	width: 1050px;
	background: #FFFFFF ;
}

/* Usuario y sitios de interes */
#conten #tabla {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: 1070px;
	height: auto;
	border: 1px dashed #00FFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF url(../imagenes/cuerpo.png) no-repeat;
}

#contenido tabla{
	margin:5px;
	padding:5px;
} 
#conten #tabla a:hover{
	background-color: #CCCCCC;
}

#conten #tabla a{
	text-decoration: none; 
	display: block;

}

/* Sitios de Interes */	
 #conten #conten2 {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	width: 1050px;
	height: auto;
	border: 1px solid black;
	background: #FFFF99;
}
 
/* Contenido */
#conten #contenido {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 1050px;
	background: #FFFFFF url(../imagenes/cuerpo.png) no-repeat;
	/*left: 323px;*/
	padding: 5px;
	
}
	
/* Contenido h1 */	
#conten #contenido #h1{
font-size: 20px;
alignment-adjust:central;
}
/* contenido parrafo p */
#conten #contenido p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #0033CC;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	/*text-indent: 1.5em;*/
	}
	
/* contenido parrafo p */
#conten #contenido p2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	/*text-indent: 1.5em;*/
	}

/* Pies de Paginas */
#piedepagina {
	background-color: #FFFFFF;
	margin-top: 10px;
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	border-top-color:#00FFFF;
	border-bottom-color:#00FFFF;
	height: 60px;
	width: 1080px;
	float: left;
}
#piedepagina #domicilio {
	color: #999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
	padding: 8px;
}

#piedepagina2 {
	background-color: #FFFFFF;
	background: url(../imagenes/newmodel.jpg);
	margin-top: 10px;
	height: 128px;
	width: 1080px;
	float: left;
}

.vertical-menu {
    width: 300px; /* Set a width if you like */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.vertical-menu a {
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
    background-color:#CCC; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}