/*********************************************/
/*            CSS 			     */
/*        CP SANTA MARIA MAGDALENA           */
/*       Realizado por RedNeptuno            */
/*********************************************/
* { padding: 0; margin: 0; }
img {border: 0px;}
body {margin:0px 0px 0px 0px; font-family:Trebuchet MS; font-size:12px; background-color:#b4b8ff;}


p.normal { line-height: 14pt; } 
p.grande { line-height: 150%; } 
p.xgrande { line-height: 200%; }

/**opaco para fotos**/
.ejemplo {width: 100%; height:20px; background-color:#ffffff} 
.opaco {filter: alpha(opacity=80); opacity: .5; padding:5px}


.cursiva { font-style:italic;}
/************** CONTENEDOR *********************/

#contenedor { height:100%; width:100%;}

/**************** MENU  **********************/

#menu { width:100%; text-align:center; border-left:1px solid #02044c; border-right:1px solid #02044c; }

#menu .tab{height:35px; width:180px; background-image:url(../imagenes/BOTON2.jpg);}
#menu .tab:hover{background-color:#FFFFFF; background-image:url(../imagenes/BOTON1.jpg);}

#menu .tabA{height:35px; width:180px; background-image:url(../imagenes/BOTON2a.jpg);}
#menu .tabA:hover{background-color:#FFFFFF; background-image:url(../imagenes/BOTON1a.jpg);}

#menu .tabP{color:#B0D053; border-top:solid 2px #B0D053;}
#menu .tabP:hover{ color:#52300D; border-top:solid 2px #52300D;;}

#menu a {color:#ffffff; text-decoration:none; font-weight:bolder; font-size:14px;
	height: 28px;
	padding-top: 8px;
	padding-bottom: 3px;
	cursor: pointer;
	
}
#menu a:hover {color:#89604b;	text-decoration:none; font-weight:bolder; font-size:14px;
	height: 28px;
	padding-top: 8px;
	padding-bottom: 3px;
	cursor: pointer;
	
}

/**************** CONTENIDO  **********************/

#contenido { width:100%; background-color:#ffffff; border:1px solid #3F2E1C;}
#contenido .contenido_arriba { background-image:url(../imagenes/borde_arriba.jpg); background-repeat:repeat-x; background-position:top; }
#contenido .contenido_izquierda { background-image:url(../imagenes/borde_izquierda.jpg); background-repeat:repeat-y; background-position:left; }
#contenido .contenido_derecha { background-image:url(../imagenes/borde_derecha.jpg); background-repeat:repeat-y; background-position:right; }
#contenido .contenido_abajo { background-image:url(../imagenes/borde_abajo.jpg); background-repeat:repeat-x; background-position:bottom; }
#contenido .lateral { border-bottom:1px solid #3F2E1C; border-right:1px solid #3F2E1C; width:100%;}

/******************CONTENIDO INTERIOR*******************/
#interior { width:100%; }
#interior .titulo { font-size:18px; color:#3F2E1C; font-weight:bolder; }
#interior .contenido { padding:5px; color:#333333; width:90%; border:1px solid #CCCCCC;}
#interior a {color:#666666; text-decoration:none;}
#interior a:hover {color:#ff0000; text-decoration:none;}

/**************** FLASH  **********************/

#flash { width:100%;  border-bottom:0px; }

/**************** MENU LATERAL  **********************/
#menu_lateral { width:173px; align:top; color:#dadada; font-size:10px; font-family:Trebuchet MS;}
#menu_lateral .titulo {border-bottom:1px solid #3F2E1C; font-size:14px; color:#3F2E1C; font-weight:bolder; border:1px solid #3F2E1C; background-color:#FFFFFF; padding:5px; font-family:Trebuchet MS;}
#menu_lateral .tab{background-color:#EBF3D4;}
#menu_lateral .tab:hover{background-color:#A63922;}
#menu_lateral a {font-family:Trebuchet MS; color:#ffffff; text-decoration:none; font-size:14px; font-weight:bolder; }
#menu_lateral a:hover {color:#89604b; font-weight:bolder; font-size:14px;}

/**************** LINEA SITUACION MENU ************************/
#situacion { margin: 0 auto; width: 100%; font-size:10px; color:#415263; border-bottom:solid 1px #3F2E1C;}

/**************** CONTACTO  **********************/
#CONTACTO { width:90%; align="top"}
#CONTACTO .titulo {border-bottom:1px dashed #3F2E1C; font-size:16px; color:#3F2E1C; font-weight:bolder; border:1px solid #3F2E1C; background-color:#b0d053;}
#CONTACTO .cuadros {border-bottom:1px dashed #3F2E1C; border-top:1px dashed #3F2E1C; border-bottom:1px dashed #3F2E1C; font-size:14px; color:#3F2E1C; font-weight:bolder; border:1px solid #3F2E1C; background-image:url(../imagenes/FONDOCONTACTO.jpg);}
#CONTACTO .cuadros2 {border-bottom:1px dashed #3F2E1C; border-top:1px dashed #3F2E1C; border-bottom:1px dashed #3F2E1C; font-size:14px; color:#3F2E1C; font-weight:bolder; border:1px solid #3F2E1C; background-image:url(../imagenes/FONDOCONTACTO2.jpg);}
#CONTACTO .tab{background-color:#EBF3D4;}
#CONTACTO .tab:hover{background-color:#A63922;}
#CONTACTO a {color:#666666; text-decoration:none; border-bottom:1px border-bottom:1px dashed #3F2E1C; #3F2E1C;}
#CONTACTO a:hover {color:#3F2E1C; font-weight:bolder;}



/**************** NOTICIAS  **********************/
#noticias { width:100%; }
#noticias .titulo {border-bottom:1px dashed #3F2E1C; font-size:12px; color:#FFFFFF; font-weight:bolder; border:1px solid #3F2E1C; background-color:#b0d053;}
#noticia {border-bottom:1px dashed #3F2E1C;}
#noticia a {color:#666666; text-decoration:underline;}
#noticia a:hover { text-decoration:underline;}

/**************** ACTUALIZACIONES  **********************/
#actualizaciones { width:90%; }
#actualizaciones .titulo { font-size:18px; color:#3F2E1C; font-weight:bolder;}
#actualizaciones .contenido { background-color:#DCEAB3; border:1px solid #C0C2A6;}
#actualizaciones a {color:#666666; text-decoration:underline;}
#actualizaciones a:hover { text-decoration:underline;}

/**************** PIE ************************/
#pie { margin: 0 auto; width: 100%; font-size:10px; color:#9c9c9c;}
#a {font-size:10px; color:#990000; text-decoration:none;}

.marcoCentral{
	padding:10px;
	color: #333333;
	border:2px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	
}

#marcoCentral{
	border:1px solid #CDD2D6;
	background-color:#F2F4F5;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../imagenes/lateralmenu.jpg); background-repeat:repeat-x;
}

.marcoFoto{
	border:1px solid #CCCCCC;
	background-repeat:no-repeat;
	width:250px;
	
	padding:5px;
	background-position:center;
	background-color:#F1F1F1;
	color:#003366;
	background-image:url(../imagenes/lateralmenu.jpg); background-repeat:repeat-x;
}
.marcoGaleria{
	border:1px dashed #CCCCCC;
	background-repeat:no-repeat;
	background-image:url(../imagenes/lateralmenu.jpg); background-repeat:repeat-x;
	padding:5px;
	background-position:center;
	background-color:#F1F1F1;
	color:#003366;
}
/*formulario*/
.form{ 
border-style: dotted; 
border-width: 1px;
border-color:#333333;
background-color:#ffffff; 
font-family: verdana, arial; 
font-size: 10pt; 
}