@charset "utf-8";
/* SITIO WEB INSTITUCIÓN EDUCATIVA COMUNAL DE VERSALLES- MAGANGUÉ, BOLIVAR - DISEÑADOR: JAIR DE JESUS ACOSTA NUÑEZ */


/* GENERAL */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:ffffff;
	}
	
		
#encabezado {
width:100%;
height:130px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding-left:auto;
border-top:#EDB34E 2px solid;
}
	
.logo_encabezado{
width:770px;
height:120px;
margin-left:4px;
margin-right:30px;
margin-top:5px;
margin-bottom:5px;
float: left;
background-image:url(imag/logo_cabecera.png);
background-repeat:no-repeat;
}

.siguenos {
	width: 170px;
	height: 35px;
	float:right;
	margin-left:10px;
	margin-right: 10px;
	margin-top:74px;
	margin-bottom:5px;
	padding-right: 2px;
	padding-bottom:2px;
    padding-top:2px;
	-webkit-box-shadow:0px 0px 10px #5A8212;
    -moz-box-shadow:0px 0px 10px #5A8212;
    box-shadow:0px 0px 10px #5A8212;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    }
    
    

/* SLIDES PARA EL BANNER */

#banner{
width:1000px;
height:350px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
border:0px;
-webkit-box-shadow:0px 0px 20px #CCC;
-moz-box-shadow:0px 0px 20px #CCC;
box-shadow:0px 0px 20px #CCC;
}

.banner_inicio{
width:1000px;
height:250px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:0px;
border:0px;
-webkit-box-shadow:0px  1px 10px 2px #ccc ;
-moz-box-shadow:0px  1px 10px 2px #ccc ;
box-shadow:0px  1px 10px 2px #ccc ;
}

.slides{
	width:100%;
	height:250px;
	}
	
	slides img{
	width:100%;	
	height:250px;
		}


/* MENÚ PRINCIPAL HORIZONTAL */

#barra_menu {
width:100%;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:0px;
background-color:#5E9A52;
border-bottom:#EDB34E 2px solid;
-webkit-box-shadow:0px  5px 4px 0px #ccc ;
-moz-box-shadow:0px  5px 4px 0px #ccc ;
box-shadow:0px  5px 4px 0px #ccc ;
}

#menu {
width:1000px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-color:#5E9A52;
}

.boton {
	width: auto;
	height: 20px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	
	
}
 
	.boton:hover {background-color:#EDB34E;}
 
	.boton a {
		color: #FFFFFF;
		text-decoration: none;
		display: block; }
 
		.boton a:hover { color: #333; text-decoration: underline;}

.traductor {
	width: auto;
	height: 30px;
	float: right;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	}

/* CUERPO DE LAS PÁGINAS - CONTENIDO */

#cuerpo_pagina {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
background-color:#FFFFFF;
-webkit-box-shadow:0px  1px 10px 2px #ccc ;
-moz-box-shadow:0px  1px 10px 2px #ccc ;
box-shadow:0px  1px 10px 2px #ccc ;
}

#contenido_pagina {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}

.tabla_contenido_pagina {
	width:1000px;
	height:auto;
	}

.area_contenido {
	width: 736px;
	margin-top: 5px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 5px;
	float:right;
	padding-left: 5px;
	padding-right: 5px;
	background:#FFFFFF;
	}
	
	.contenido {
	width: 723px;
	margin-top: 5px;
	margin-right: 3px;
	margin-left: 0px;
	margin-bottom: 5px;
	float:right;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:3px;
	background:#FFFFFF;
	border:1px solid #5A8212;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	}
	
	.aviso_index {
	width: 723px;
	height: 210 px;
	margin-top: 5px;
	margin-right: 3px;
	margin-left: 0px;
	margin-bottom: 5px;
	float:right;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#FFFFFF;
	border:1px solid #5A8212;
	}
		
	.contenido_amplio {
	width: 950px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background:#FFFFFF;
	border:1px solid #5A8212;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	}
	
	.espacio_izq_aula {
	width: 430px;
	padding: 20;
	margin:20px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	border:1px solid #5A8212;
	}
	
	.espacio_der_aula {
	width: 430px;
	padding: 20;
	margin:20px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	border:1px solid #5A8212;
	}

	
	/* GALERÍAS DE IMÁGENES */
	
	.galeria {
	width: 875px;
	height: auto;
	margin:12px;
	padding-right:25px;
	padding-left:25px;
	padding-top:30px;
	padding-bottom:10px;
	background:#FFFFFF;
	border-top-right-radius: 30px;
    border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-box-shadow:0px 0px 20px #CCC;
    -moz-box-shadow:0px 0px 20px #CCC;
    box-shadow:0px 0px 20px #CCC;
	
	}
	
	galeria img{
	width:100%;
	height: 100%;
	
	}
	
	.slidesjs-navigation{
	background:#FFFFFF;
	color:#2D650E;
	text-decoration:none;
	display:inline-block;
	padding:10px 20px;
	float:right;
	font-size: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* COLUMNA IZQUIERDA - MENU Y ENLACES */
	
	.columna_izquierda {
	width: 240px;
	float: left;
	margin-top:5px;
	margin-left:5px;
	margin-right:1px;
	margin-bottom:5px;
	}
	
	.titulo_menu_izquierdo {
	width: 223px;
	float: left;
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-top:0px;
	padding-bottom: 10px;
	padding-top: 10PX;
	padding-left: 10px;
	padding-right: 0px;
	text-align: left;
	color:#FFFFFF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 14px;
	border-bottom: 2px solid #FFFFFF;
	background-color:#5E9A52;
	}
	
	.espacio_menu_izquierdo {
	width: 239px;
	float: left;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #75AF34;
	padding-bottom:0px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	}
	
	.menu_izquierdo {
	width: 233px;
	float: left;
	margin-bottom: 0px;
	margin-left:3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	background-color: #B4D471;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	}
	
	.boton_izquierdo {
	width: 217px;
	height: 22px;
	float: left;
	padding-left: 10px;
	padding-top:5px;
	margin-right: 5px;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;	
	border-bottom: 2px  solid #FF9;
	}
	
	.boton_izquierdo:hover {background-color:#FF9;}
 
	.boton_izquierdo a {
		color:#333;
		text-decoration: none;
		display: block; }
 
		.boton_izquierdo a:hover { color: #000; text-decoration: underline;}
	
		
.titulo_menu_izquierdo_enlaces {
	width: 220px;
	float: left;
	margin-left:5px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10PX;
	padding-left: 10px;
	padding-right: 0px;
	text-align: center;
	color:#FFFFFF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 14px;
	background-color:#5E9A52;
	}
	
	
.cuadro_enlaces{
	width: 228px;
	float: left;
	margin-top:0px;
	margin-left:5px;
	margin-right: 5px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #75AF34;
	padding-bottom:10px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	}
	
.enlaces_interes {
    width: 176px;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:20px;
	margin-right: 20px;
	padding: 5px;
	text-align:center;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
    font-size:14px;	
	border: 1px solid #999999;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	-webkit-box-shadow: 0px 0px 1px #000;
    -moz-box-shadow: 0px 0px 1px #000;
     box-shadow: 0px 0px 1px #000;
	 background-color:#FFFFFF;
	}	
	

/* TEXTOS */

.titulo_contenido_izquierda {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;
	font-weight:bold;
	text-align:justify;
	}

.texto_contenido {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
}

.texto_contenido_enlaces {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

		 
.texto_contenido_centro {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

.texto_contenido_resaltado {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#F00;
	text-align: justify;
}


.titulo_contenido_centro {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#333;
	font-weight:bold;
	text-align:center;
	}
	
	
/* ENLACE PARA AMPLIAR INFORMACIÓN Y OTROS*/

	.enlace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #75AF34;
	text-decoration:none;
	font-weight:bold;
		}
		
	.enlace:hover {
	text-decoration: underline;
	color: #FF6600;
	font-weight: bold;
}
	
 .enlace a {
		
		color: #75AF34;
		text-decoration: none;
		}
 
.enlace a:hover { color: #FF6600;
text-decoration: underline;
		 }
		 
		 .logos_enlaces_tutoriales {
	width:124px;
	height:auto;
	margin-left:9px;
	margin-right:9px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	}
	
	.logos_enlaces_ayudas {
	width:155px;
	height:auto;
	margin-left:5px;
	margin-right:5px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	}
	
	
	.enlace_tomado_de {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #75AF34;
	text-decoration:none;
}
	.enlace_tomado_de:hover {text-decoration: underline; color: #FF6600;}
	
    .enlace_tomado_de a {color: #75AF34; text-decoration: none;}
 
    .enlace_tomado_de a:hover { color: #FF6600; text-decoration: underline;}
	

 /* ENLACE DE RENDICIÓN DE CUENTAS */

.enlace_cuentas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

     .enlace_cuentas:hover {text-decoration: underline; color: #75AF34; }
	
     .enlace_cuentas a {
		
		color: #000;
		text-decoration: none;
		display: block;
		}
	.enlace_cuentas a:hover { color: #75AF34;
        text-decoration: underline;
		 }	 

 /* ESPACIO PARA HIMNO, TABLAS Y OTROS */

.estrofa_izquierda {
	width: 330px;
	padding: 0;
	margin-left:10px;
	margin-right:10px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	}
	
	.estrofa_derecha {
	width: 330px;
	padding: 0;
	margin-left:10px;
	margin-right:10px;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	}

	.nota_olimpiadas {
	width: 370px;
	padding: 5px;
	margin-left:auto;
	margin-right:auto;
	border : 4px double #75AF34;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	}
	
	.tabla_fila_superior {
	width: 660px;
	padding: 3px;
	border-bottom:1px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
	margin-top:7px;
	margin-left:auto;
	margin-right:auto;
	float: auto;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	}
	
	.tabla_columna_izquierda {
	width: 322px;
	padding: 5px;
	border-bottom:2px solid #000;
	border-left: 2px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	margin-left:26px;
	margin-right: 0;
	margin-bottom:10px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	}
	
	.tabla_columna_derecha {
	width: 322px;
	padding: 5px;
	border-bottom:2px solid #000;
	border-left: 1px solid #000;
	border-right: 2px solid #000;
	border-top: 1px solid #000;
	margin-left:0;
	margin-right: 27px;
	margin-bottom:10px;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	}
		
	.columna_contenido_izquierda {
	width: 327px;
	padding-right: 7px;
	margin: 0px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	}
	
	.columna_contenido_derecha {
	width: 327px;
	padding-left: 7px;
	margin: 0px;
	border-left : 1px solid #75AF34;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	}
	
	/*página otros enlaces*/
	
	.logos_otros_enlaces {
    width: 166px;
	height:auto;
	float: left;
	margin-bottom:3px;
	margin-top:5px;
	margin-left:6px;
	margin-right:6px;
	padding: 5px;
	text-align:center;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
    font-size:14px;	
	border: 1px solid #999999;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	-webkit-box-shadow: 0px 0px 1px #000;
    -moz-box-shadow: 0px 0px 1px #000;
     box-shadow: 0px 0px 1px #000;
	 background-color:#FFFFFF;
	}
	
	
	
/* EVENTOS ANTERIORES */
	
	.menu_eventos_anteriores {
	width: 960px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background:#FFFFFF;
	border:1px solid #5A8212;
	}
	
	
	.enlace_eventos_anteriores {
	width: auto;
	height: 15px;
	float: left;
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #75AF34;
	text-decoration:none;
	font-weight: bold;
	}
	.enlace_eventos_anteriores:hover {text-decoration: underline; color: #FF6600; }
	
 .enlace_eventos_anteriores a {
		
		color: #75AF34;
		text-decoration: none;
		}
 
.enlace_eventos_anteriores a:hover { color: #FF6600;
text-decoration: underline;
		 }
	


/* PIE DE PÁGINA */

#pie_pagina {
width:100%;
height:150px;
margin-top:20px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
border:0px;
background-color:#757575;
}

#pie {
width:1000px;
height:130px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding-top:20px;
}
.cuadro_texto_pie {
    width:750px;
    height:110px;
	float:right;
}

.texto_pie {
	margin:0;
	height: 17px;
	width: 690;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
	padding: 2px;
	color:#FFFFFF;
	}

.diseniador{
	margin:0;
	height: 100px;
	width: 170px;
	float:left;
	background-image:url(imag/logo_jair.png);
	background-repeat:no-repeat;	
	}