/* ESTILOS PARA LA WEB DE LAS CARMELITAS */

#html { margin:0px;
		padding:0px;}

body { 
		width:100%;
		margin:0px;
		padding:0px;
		font-family:"Lucida Grande", Arial, Verdana, Helvetica;
		background-image:url(imag/fondo.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		background-color:#E5514A;
		}

#website { width:100% !important;
			min-width:800px;
			margin:0px;
			padding:0px;
			
			}

#izquierdo { 	width:230px;
				float:left;
				padding:0px;
				margin:0px;
				text-align:right;
				}

#menuprincipal{
				width:230px;
				text-align: right;
				float:left;
				display:block;
				font-size:1em;
				color:#ffffff;
				padding: 0px 0px 0px 0px;
				margin-top:30px;
				margin-left:0px;
				}
				

			


#menuprincipal li a { 
					color:#ffffff;
					text-decoration:none;
					border-bottom:1px dotted white;					
					}
					
#menuprincipal li a:hover { 
			
							background-color:#A7B49B;
							}
					
#menuprincipal ul{margin-right:0px;
					padding:0px;}

#menuprincipal li{
					color:#333333;
					margin:0px;
					list-style:none;
					font-style:normal;
					line-height:150%;
					z-index:1000;
}

#contenido {
				margin: 0px 0px 0px 240px;
				}
				
#super{ background-image:url(imag/fondo_logo.jpg);
		margin:0px;
		padding:0px;
		height:62px;
		min-width:630px;
		width:auto !important;
		overflow:hidden;
		border:1px solid white;
		}

#logo{ background-image:url(imag/logo_carmelmis.jpg);
		background-repeat:no-repeat;
		width:441px;
		float:left;
		margin:0px;
		padding:0px;
		height:62px;
		}
		

#logo a {	width: 441px; 
			height: 62px;
			margin:0px;
			padding:0px;
			float:left;
			 }

#logo h1 {	visibility:hidden;
			font-size:large;
			}

		
#logoderecha{ background-image:url(imag/logo_derecha.jpg);
		float:right;
		width:187px;
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		height:62px;
		}
		
#banner { background-image:url(imag/banner.jpg);
			background-color:#A8CC46;
			background-repeat:no-repeat;
			margin:0px;
			height:185px;
			padding:0px;
			border:1px solid white;
			}
			
#bannersuper { margin:0px;
			height:185px;
			overflow:hidden;
			width:100%;
			padding:0px;
			border:0px;
			}
#bannersuper img{margin:0px;
			height:185px;
			padding:0px;
			border:0px;}
			
#visor { background-image:url(imag/fondo_visor.gif);
		border-bottom:1px solid red;
		border-top:1px solid red;
		border-left:1px solid white;
		border-right:1px solid white;
		min-height:500px ;
		height:auto !important;
		height:500px;
		margin:0px;
		width:99%;
		padding:0px;}
		
.separador {clear:both;}
.separadorfalso {clear:none !important;
clear:both;}
/* DEFINIMOS LA PARTE INFERIOR DE LA WEB*/

#infer {
		height:25px;
		background-image:url(imag/fondo_visor.gif);
		color:#000000;
		font-size:x-small;
		margin: 10px 0px 0px 3px;
		}
		
				
#avisolegal {
		height:32px;
		text-align:center;
		color:#000000;
		font-size:x-small;
		margin:0px auto 4px auto;
		padding-bottom:4px;
		font-style:normal;
		text-decoration:none;
		}

#avisolegal a {text-decoration:none;}

#avisolegal a:hover {text-decoration:underline;}
		
#avisolegal ul {	
			padding:10px 0px 0px 10px;
			float:left;
			margin:0px;
			font-size:x-small;
			font-style:normal;
			text-align:left;
}

#avisolegal li  { color: #000000; font-style: normal; text-align: left; display: inline; margin: 0px; padding: 0px; height: 30px }

	

#avisolegal li a { 
				font-size:x-small;
				text-align:left;
				color:#000000;
				font-style:normal;
				text-decoration:none; 
		 	
		   }
		   
#avisolegal li a:hover{
				font-size:x-small;
				text-align:left;
				color:#000000;
				text-decoration:underline;}
				
/*DEFINIMOS EL CADENACAD*/

#cadenacad {
			margin:0px;
			font-size:x-small;
			color: black;
			background-image: url(imag/action_go.gif);
			background-repeat: no-repeat;
			background-position: 2px ;
			padding: 5px 0px 5px 15px;
			display: block;
				}


		
#cadenacad li{
				display: inline;
				list-style-type: none;
				font-size:x-small;
				color: black;
				margin:0px;
				text-align: left;
				padding: 5px 10px 5px 5px;
				background-position: 0px 8px;
			}

#cadenacad li a{
				text-decoration:none;
				color:#000000;
}

#cadenacad li a:hover{
	text-decoration:underline;
	color:#000000;
}	


			
/*DEFINIMOS LAS CLASES Y DEMÁS ESTILOS*/
		
.separador {clear:both;}

/* -------------- SE DEFINEN LOS ESTILOS DE LA WEB --------------- */

/* Comportamiento genérico de los párrafos */
p {line-height:150%;font-size:xx-small; font-family:"Lucida Grande", Arial, Verdana, Helvetica}

img { padding:6px; border:1px solid black;}

/* Los tituladres */
h1, h2 {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}

/* Comportamiento genérico de los enlaces */
a {color:#666666}
a:hover {color:#CCCCCC;}
a:visited  {color:#999999 }

.aviso {border:3px solid red; color:red;background-color:white;padding:5px;text-align: center}

.anterior  { color: white; background-color: #FF6600; padding: 5px; height: 30px; border-left:3px solid #AA2200; }

.siguiente  { color: white; background-color: #FF9900; padding: 5px; height: 30px; border-right:3px solid #bb7700;  }

a.siguiente:visited {color:white; }
a.anterior:visited {color:white; }

.botonverde  { background-color: #cade0a; padding: 3px 6px; border-style: double }
.formul  { font-size: small; font-family:"Lucida Grande", Arial, Verdana, Helvetica; background-color: white; background-image: url("imag/fondo_formul.gif"); background-position:bottom; background-repeat: repeat-x; padding: 1px; border-style: solid; border-width: 1px; border-color:#999999; }

			
#infer a{color: white;}
#infer a:hover{color: yellow;}

#identificacion {margin-top:15px;}
#identificacion p { text-align: left; margin: 0; padding: 0 5px }
			
/* DONDE SE MUESTRA EL TITULO, La descripción y la foto general de cada sección */
#seccion
{padding:0px;font-size: x-small; text-align:left;}

#seccion h1 {font-size: medium; color: #394D47; font-family:Arial, Helvetica, sans-serif; text-align:left;padding:10px 0px 20px 27px; text-transform:uppercase; background-image:url(imag/separador.gif); background-repeat:no-repeat; background-position:center bottom;}

.fotoseccion   { background-color: white; background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; margin: 5px }
#seccion p {font-size: x-small; color: black; line-height: 150%;text-align:justify;padding:0px 25px 5px 25px;}

/* ---- DONDE SE MUESTRAS LAS SUBSECCIONES ----- */
.subsecciones  {/* background-image: url("imag/fondo_subsecciones.gif");*/ 
				background-repeat: repeat-x; 
				text-align:center; 
				margin-top:4px;
				color:#ffffff;
				padding:5px;
				background-color:#A8CC45;}

.subsecciones h2 { 
					font-size: x-small ;
					background-image: url(imag/triangulo_rojo.gif);
					background-repeat: no-repeat;
					background-position: 0px;
					padding:0px 0px 0px 0px;
					text-align: center;
					color:#ffffff;
					margin:0px;
					 }
	
	
.subsecciones h2 a{ text-decoration: none;text-align: center;color:#ffffff !important;
}

.subsecciones h2 a:hover {color:#ffffff; text-decoration:underline;}

.subsecciones img {padding:0 0 0 0px; border:0px; }
.subsecciones:hover {color:black;}

#contenedor
{padding:0px;font-size: x-small; text-align:left;float:right;clear:right;}

/* DOCUMENTO PRINCIPAL EN LA PORTADA */
#docprincipalportada  { color: #000; font-size: 1em; text-align: center;  padding:5px; margin:5px; border-bottom: 1px dotted #394D47; }
#docprincipalportada img   { background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; padding: 1px; border: solid 3px #606060 }
#docprincipalportada h1  { color: #394D47; font-size: 1em; font-weight: normal; text-align: left; text-decoration:none; }
#docprincipalportada a  { text-decoration:none; }
#docprincipalportada a:hover  { text-decoration:underline; }
#docprincipalportada p {text-align:justify; color: black; padding-left:5px;  padding-right:15px}

.documentosportada  { display:block;float:left;clear:right; width:95%;margin: 5px; padding-bottom:15px; border: solid 0 red;  background-image:url(imag/separador.gif); background-position: center bottom; background-repeat:no-repeat; }
.documentosportada img  { background-image: url("imag/sombra.gif"); background-repeat: repeat-x; background-position: left bottom;
background-color:white;
border: 0px solid gray;
padding:5px 5px 7px 5px;
/* width:92px; */
margin:2px 2px 2px 2px;  }

.documentosportada p  { color: black; font-size: xx-small; font-family:"Lucida Grande", Arial, Verdana, Helvetica; text-align: left; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; }
.documentosportada h2  {  font-size: 0.9em; font-weight:bold; font-weight: normal; text-align: left; margin: 0 3px; padding: 0; }
.documentosportada a { color: #394D47; text-align: left;text-decoration: none; }
.documentosportada a:hover { color: #000000; }
		
		
 /* ---- LISTADOS DE DOCUMENTOS ----*/
/* LISTADO POR MODULOS */
#docmodulo  { background-repeat: no-repeat; text-align: center; margin: 2px; padding: 0; float: left }

#docmodulo h2 { /*Aspecto del título */
font-size:small;
margin:5px 0 0 0px;
}

#docmodulo h2 a {
text-decoration: none;
}

#docmodulo img {
clear: both;
border: 1px solid gray;
border-bottom: 3px solid black;
padding:2px;
/* width:92px; */
margin:2px 2px 2px 2px;
}

#docmodulo img:hover {
border: 1px solid black;
border-bottom: 3px solid black;
}

#docmodulo:hover {background-color:#eeeeee;border-top:0px solid black;}

#doclistado  { margin: 3px;  border-top: 1px dotted black; border-bottom: 1px dotted black; clear:right; }

#doclistado h2{
font-size:small;
margin:0px 0 0 0px;
font-weight: normal ;
	background-image: url(imag/triangulo_rojo.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-align: left;
	padding: 3px 3px 3px 15px;
background-color: #FFFFFF; 
}

#doclistado h2 a {
text-decoration: none;
display:block;
}

#doclistado h2:hover {
text-decoration: none;
color:#E6514B;
	background-color: #CCCCCC; 
	background-image: url(imag/cross.gif);
	background-repeat:no-repeat;
	background-position: 250px;

}

#doclistado a {
						color:#000000;

}

#doclistado h2 a:hover {
text-decoration: none;
display:block;
color:#E6514B;

}


/* --------- DOCUMENTO. Títulos, subtítulo, párrafos... ------- */
#documento {
display: block;
padding: 5px;
text-align:left;
font-size:xx-small;
line-height:150%;	
}

#documento h1 { /* El título del documento */
font-size:large;
font-family:"Lucida Grande", Arial, Verdana, Helvetica;
color:#787458;
}

#documento h2  { color: #000000; font-size: medium }

#documento p {/* texto del párrafo */
font-size:xx-small;
line-height:150%;
color:black;
text-align:justify;
}	

#documento td {/* texto del párrafo */
font-size:xx-small;
line-height:150%;
color:black;
text-align:justify;
}

#documento img  { background-color: white; background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; padding: 5px; border: solid 0 black }

.nombrecampo {font-weight:bold; }

.archivodigital {text-align: left; padding-left:10px; padding-right:10px; margin: 2px;}

.archivodigital h3 {text-decoration:none;font-size:1em; border-bottom:1px dotted black; color:#000000;}

.archivodigitallista a:hover  { color: #000000; text-decoration: none; font-size:1em; }

.archivodigitallista a:hover  { color: #000000; text-decoration: none }

.archivodigitallista {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
						background-color:#A8CC45;
						padding:25px;
						text-align:center;
						margin:3px;
						float:left;
}

.archivodigitallista:hover {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
color:#787458;
}

.archivodigitallista img {  background-repeat: no-repeat;border:0px;margin:0px;padding:0px;}

.archivodigitallista a {text-decoration:none;font-size:0.7em;
color:#000000;}


.archivodigitallista a:hover {
color:#787458; font-size:0.7em;}

#moduloextra { text-align: justify; padding: 5px }

#moduloextra img {border:0px; margin:0px; padding:0px;
					
					}
#formulariocontacto  { width: 350px; }

.botonverde  { background-color: #5E8649; padding: 3px 20px 3px 15px; margin-left:170px; border-style: double; text-align:center; }

.botonverde:hover{ background-color:#C05821; padding: 3px 20px 3px 15px; border-style: double; text-align:center; cursor:pointer;}
label{margin:0px; padding:0px;}
.campoformulario textarea{ text-align:left;height:auto;float:left;padding:5px 5px 0px 5px;}


.botoninfo {background-color: #007524; padding: 3px 6px 6px 3px; border-style: double;color:white;}
.botoninfo:hover {background-color: #00a934; padding: 3px 6px 6px 3px; border-style: double;color:black;}

.formul  { font-size: x-small; font-family:"Lucida Grande", Arial, Verdana, Helvetica;  color:black; background-image: url("imag/fondo_formul.gif"); background-position:bottom; background-repeat: repeat-x; padding: 1px; border-style: solid; border-width: 1px; border-color: #5E8649 }
.formul:hover {background-color:white;}			
.formul:focus  {border-style: solid; border-width: 1px; border-color: #FF0000}

.textoformulario{width:135px; float:left; text-align:right;height:auto; padding-left:5px; padding-top:5px;}
					
.alineaformulario  { font-size: x-small; width: auto; height: auto !important; min-height: 35px; float: left; overflow: visible; color:#333333; }
.alineaformulario img { padding:0px; margin-left:3px; border:0px;}

.campoformulario{ text-align:left;height:auto;float:left;padding:5px 5px 0px 5px;}
.mensajeportada {color:white;}


/*ESTILO PARA EL LIBRO DE VISITAS*/

#foro { 
		margin-left:15px;
		width:90%;
		padding:0px; }

#foro h2 {
 			color:#336600;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-align:left;
			border-bottom:1px solid #336600;
			}

#foro h3 {font-size:x-small;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-align:left;
			padding-left: 5px;
}

#foro p {}

.paginaactual { color:#FF0000;}

.pagina { color:#333333;}

.foropaginacion { border-top: 1px solid gray;
					border-bottom: 1px solid gray;}

.foromensaje { background-color:#F9F8F6;
color:#000000;
				text-align:left;
				padding-left:5px;}

.forofecha { color:#333333;
				}

.foroautor { color:#FF0000;
				
			}

.forocabecera { border-top:1px solid gray;
				background-color:#CCCCCC;
				background-image:url(imag/arrow.gif);
				background-repeat:no-repeat;
				background-position: 3px;
				padding-left:13px;
				text-align:left;}

#textocontacto { color:#333333; font-size:x-small; width: auto; height: auto !important;}

#textocontacto img{ margin:0px; padding:0px; border:0px;}

.tecla {text-decoration:underline;}