/*Estilos agregados posteriormente*/


body h1,h2,h3,h4,h5,h6 {
color:#111;
font-family: Verdana, "Times New Roman", Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
margin:0px;
}

body h1 {color:#820000;font-size:18px;text-shadow:#999 1px 1px 2px;}
body h2 {color:#820000;font-size:14px;}
body h4 {color:#1E90FF;}


body a {
text-decoration:none;
color:blue;
}
body a:hover {
color:red;
}

.cursiva {
margin-bottom:10px;
font-style: italic;
font-size:12px !important;
}



	/*==========================
	--contenedores--
	============================*/
#contenedornoticias {
float:left;
width:760px;
padding:0px;
margin:0px;
background-color:#FFF4F4;
font-size:12px;
}
#contderecha {
float:right;
width:382px;
padding:5px;
margin-left:10px;
height:auto;
background-image: url("imagenes/fondoruido.jpg");
border-left:solid 5px white;
}
	#editorial {
	float:right;
	width:360px;
	padding:10px;
	height:auto;
	margin:0px;
	background-image: url("imagenes/fondotransparente60.png");
	border:solid 0px #820000;
	}
	#editorial h1 {	
	color:#820000;
	font-family: Verdana, "Times New Roman", Arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-shadow:#999 1px 1px 2px;
	margin:0px;
	}

	

	/*==========================
	-- Otros Contenidos --
	============================*/
	#otroscontenidos {
	float:left;
	width:750px;
	_width:760px;
	height:auto;
	padding: 5px;
	padding-top:10px;
	font-size:12px;
	background-image: url("imagenes/fondoruido.jpg");
	outline:solid 0px blue;
	}
		/*=================================	
			-video destacado
		===================================*/
		#videodestacado .destacado {
		width:356px;
		margin:-5px;
		margin-bottom:0px;
		padding:2px;

		}
		#videodestacado {
		float:left;
		width:350px;
		height:260px;
		padding:5px;
		background-image: url("imagenes/fondotransparente60.png");

		}
		#videodestacado .vermasvideos {
		float:left;
		width:50px;
		height:233px;
		padding:5px;
		color:#333;
		padding-top:10px;
		margin-left:0px;
		background-image:url("imagenes/botones/masvideos1.png");
		background-repeat:no-repeat;
		background-position:10px 10px;
			-webkit-transition: -webkit-transform 1s ease-in-out, background-color linear 0.5s;
			-moz-transition: -moz-transform 1s ease-in-out, background-color linear 0.5s;
			-o-transition: -o-transform 1s ease-in-out, background-color linear 0.5s;
		}
		#videodestacado object {
		float:left;
		margin:0px;
		}
		#videodestacado .vermasvideos:hover {
		background-color:#5F93CD;
				background-image:url("imagenes/botones/masvideos.png");
		color:white;
		}
		/*---fin video destacado---*/
		/*=================================	
			-vinculos ceve habitando
		===================================*/
		#vinculoscevehabitando {
		float:right;
		width:360px;
		height:auto;
		font-size:11px;
		color:#333;
		margin:10px 0px 0px 0px;
		}
		.destacado {
		float:left;
		width:359px;
		height:auto;
		padding:1px;
		margin:0px;
		font-size:12px;
		color:#333;
		background-color:#5F93CD;
		background-image: url("imagenes/fondonoticias.jpg");
		background-repeat: repeat-x;
		}
		#vinculoceve {
		float:left;
		width:358px;
		height:auto;
		margin:0px;
		border:solid 1px white;
		border-top:none;
			-webkit-transition: -webkit-transform 1s ease-in-out, background-color linear 0.5s;
			-moz-transition: -moz-transform 1s ease-in-out, background-color linear 0.5s;
			-o-transition: -o-transform 1s ease-in-out, background-color linear 0.5s;
		}
		#vinculoceve:hover {background-color:#fff;}
		#vinculohabitando {
		float:left;
		width:358px;
		height:auto;
		margin:0px;
		border:solid 1px white;
		border-top:none;
			-webkit-transition: -webkit-transform 1s ease-in-out, background-color linear 0.5s;
			-moz-transition: -moz-transform 1s ease-in-out, background-color linear 0.5s;
			-o-transition: -o-transform 1s ease-in-out, background-color linear 0.5s;
		
		}
		#vinculohabitando:hover {background-color:#fff; }
		#vinculoscevehabitando .nombre {
		float:left;
		top:0px;
		left:0px;
		width:62px;
		height:80px;
		padding:0px;
		margin-right:10px;
		margin-top:0px;
		background-color:white;
		}
		#vinculoscevehabitando .nombre img {float:left;}
		#vinculoscevehabitando p {margin:0px;margin-top:2px;}
		/*--- fin vinculos ceve habitando ---*/
		/*=================================	
			-secciones
		===================================*/
		#secciondestacada {
		float:left;
		width:360px;
		height:128px;
		margin: 0px 0px 10px 0px;

		}
		.desaparece {
		display:none;
		}
		#secciondestacada .seccion {
		float:left;
		width:113px;
		height:128px;

		}
		
		#secciondestacada #publicacion {
		background-image: url("imagenes/botones/botonpublicaciones.png");
					-webkit-transition: all 1.5s ease-in;
					-moz-transition: all 1.5s ease-in;
					-o-transition: all 1.5s ease-in;
		}
		#secciondestacada #publicacion:hover {
		background-position: 0px -30px;
					-webkit-transition: all 0.5s ease-in-out;
					-moz-transition: all 0.5s ease-in-out;
					-o-transition: all 0.5s ease-in-out;
		}
		#secciondestacada #sistemasconst {
		margin:0px 10px;
		background-image: url("imagenes/botones/botonsistemas.png");
					-webkit-transition: all 1.5s ease-in;
					-moz-transition: all 1.5s ease-in;
					-o-transition: all 1.5s ease-in;
		}
		#secciondestacada #sistemasconst:hover {
		background-position: 0px -30px;
					-webkit-transition: all 0.5s ease-in-out;
					-moz-transition: all 0.5s ease-in-out;
					-o-transition: all 0.5s ease-in-out;
		}		
		#secciondestacada #componentesave {
		background-image: url("imagenes/botones/botoncomponentes.png");
					-webkit-transition: all 1.5s ease-in;
					-moz-transition: all 1.5s ease-in;
					-o-transition: all 1.5s ease-in;
		}
		#secciondestacada #componentesave:hover {
		background-position: 0px -30px;
					-webkit-transition: all 0.5s ease-in-out;
					-moz-transition: all 0.5s ease-in-out;
					-o-transition: all 0.5s ease-in-out;
		}		

		

		/*---fin secciones---*/
	/*---fin otros contenidos---*/
	/*-- fin contenedores --*/
	
	
	/*===================
	-- noticias --
	=====================*/
	.seccionnoticias {
	width:745px;
	height:auto;
	padding:2px;
	margin:5px;
	margin-right:-5px;
	background-image: url("imagenes/fondonoticias.jpg");
	background-repeat: repeat-x;
	text-shadow:#999 1px 1px 1px;
	}
	.seccionnoticias p {margin:0px;padding:0px;}
	
	
	
	.noticia {
	width:730px;
	height:auto;
	padding:5px;
	margin-left:0px;
	margin-bottom:10px;
	border-bottom:solid 2px white;
	min-height:110px;
	}
	.noticia h3 {
	color:#820000;
	font-family: Verdana, "Times New Roman", Arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:#999 1px 1px 2px;
	margin:0px;
	}
	.noticia p {
	margin:0px;
	color: #333;
	}
	.noticia img {
	float:left;
	width:100px;
	height:100px;
	margin: 3px;
	margin-right:10px;
	outline:solid 3px white;
	}
	
	.cursiva {
	font-size:11px;
	color:#333;
	font-style:italic;
	}
	.fotocentrada {
	float:right;
	margin-top:10px;
	}
	.volver {
	float:right;
	}
	.masinfo {
	font-weight:bold;
	}
	
	/*-- fin noticia --*/
	
	/*==========================
	-- noticia anterior --
	============================*/
		/*--------------
			4C- noticias anteriores
		----------------*/
		#contenedornoticiasanteriores {
		float:left;
		width:534px;
		height:auto;
		}
		.divisorseccion {
		float:left;
		width:524px;
		height:auto;
		background-color:lightblue;
		margin-bottom:10px;
		padding:5px;
		color:#666;
		font-weight:bold;
		}

		.noticiasanteriores p {/*enlace a mayor información*/
		padding-left:10px;
		}
		.noticiasanteriores p:first-line {
		font-size: 12px;
		color:#4d9bb3;
		}
		.noticiasanteriores p span {/*titulo de la noticia*/
		color:#444;
		font-size:13px;
		}
		.noticiasanteriores .masinfo {float:inherit; color:darkblue;font-size:12px;}
		.noticiasanteriores .masinfo:hover {color:red;} 
		
	/*---fin contenedor central---*/
	
	/*-- fin noticia anterior --*/
	
	
	/*=====================
	-- publicaciones --
	=======================*/
	.publicaciones {
	float: left;
	border: solid 1px #777;
	padding: 5px;
	height: auto;
	width: 524px;
	margin-top: 5px;
	background-color:white;
	color:#333;
	font-size:13px;
	}
	.publicaciones h1 {
	margin-top:0px;
	}
	.publicaciones .foto,.foto1 {
	float:right;
	margin:-5px -5px 5px 5px;
	padding:5px;
	border-left: solid 1px #777;
	border-bottom: solid 1px #777;
	}
	.publicacionesagotadas {
	float:left;
	width: 524px;
	padding:5px;
	}
	.publicacionesagotadas h4 {
	color:#336877;
	}
	.publicaciones ul {
	text-decoration: none;
	}
	.publicaciones h2 {
	font-size:15px;
	font-weight:normal;
	color:#4d9bb3;
		text-shadow:#336877 1px 1px 1px;
	}
	.publicaciones .detalle {color:#555;font-weight:300;}
	
	#galeriadevideos .publicaciones {
	width: 740px;
	margin:5px;
	margin-top:0px;
	}
	
	/*--- fin publicaciones ---*/
	
	
/*fin estilos agregados posteriormente*/