/* ESTILOS CLAUSTRO. MARZO 2008 */

/*--------------RESETEO DE ESTILOS------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}


:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}





/*--------------CONTENEDORES------------*/

body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
	background-color: #002f73;
}

a {
text-decoration:none;
color: #19365d;
}

a:hover {
text-decoration: underline;
color: #003366;
}

div.contenedor{
	clear: left;
	float: left;
	width:700px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;	
	}
	
div.con1{
	clear: left;
	float: left;
	width:465px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
		}
		
div.con2{
	clear: right;
	float: right;	
	width:235px;
	margin: 0px;
	padding: 0px;
	/*height:auto;*/
	background:#F0F4FB;
			}

div.cabecera{
	clear: left;
	float: left;
	width:465px;
	height:178px;
	margin: 0px;
	background-color: #ffffff;
			}
			
div.rastromiga{
	clear: left;
	float: left;
	width:435px;
	margin: 4px 6px 4px 4px;
	padding: 9px 0px 10px 10px;
	background: #fff url(../oposicionesDocentes/Magisterio_2008/img/estas.jpg) no-repeat top left;
			}
			
div.con3{
	clear: left;
	float: left;
	width:435px;
	background-color: #FFFFFF;
	padding-bottom: 15px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 6px;
			}
			
div.connavegacion{
	clear: left;
	float: left;
	border-top: 1px solid #666666;
	width: 215px;
	height: 65px;
	margin: 4px 8px 8px 10px;
	background-color: #FFFFFF;
	padding-bottom: 6px;
			}
			
div.buscador{
	width:200px;
	height: 50px;
	margin: 6px;
	padding-bottom: 10px;

			}
			
div.buscador h1{
	margin: 0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	border-bottom: none;
	padding-bottom: 3px;


			}
			
div.con4{
	clear: left;
	float: left;
	width: 200px;
	padding-bottom: 10px;
	margin: 2px;
			}

div.con5{
	clear: left;
	float: left;
	width: 200px;
	padding-bottom: 10px;
	margin: 6px 10px 6px 6px;
			}

div.con6{
	clear: left;
	float: left;
	width: 200px;
	padding-bottom: 10px;
	margin: 6px;
			}

	
/*--------------FORMATO------------*/

html{
overflow:-moz-scrollbars-vertical;
}

textarea{
overflow:auto;
}


p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000;
	margin-left: 10px;
}

strong {
font-weight: bold;
}

h1 {
	border:0px;
	margin:3px 0 0 10px;
	padding:0px 0px 7px 0px;
	color: #124162;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight: bold;
	border-bottom: 1px solid #124162;
	
}

h2 {
	border:0px;
	margin:3px 0 0 10px;
	padding:0px;
	color: #124162;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	border-bottom: 1px solid #124162;
}

h3 {
	border:0px;
	margin:3px 0 0 10px;
	padding:0px;
	color: #124162;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}

h4 {
	border:0px;
	margin:3px 0 0 10px;
	padding:0px 0px 8px 0px;
	color: #124162;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
}

h5 {
	border:0px;
	margin:3px 0 0 10px;
	padding:0px;
	color: #5a8e22;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}


/* LISTAS */

ul, ol { margin: 0px 10px 0px 25px; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
li { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000;
}

blockquote {
	margin: 0px 10px 0px 18px;
}

#navlist
{
margin-left: 0;
border-bottom:1px solid #9cc174;
padding: 8px 5px 2px 15px;
width: 180px;
}

#navlist li
{
list-style: none;
margin: 0;

border-top: 1px solid #9cc174;
}

#navlist li a { text-decoration: none; }
	
/*--------------PIE DE PÁGINA------------*/

div.pie{
	clear: left;
	float: left;
	background:#dadfe2;
	width: 700px;
	color:#333333;
	margin-bottom:0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
	padding-top: 1px;
	
}

div.pie1{
	clear: left;
	float: left;
	width: 250px;
	height: 100px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
	padding-top: 1px;
	margin-bottom: 20px;
	padding-left: 12px;
	
}

div.pie2{
	clear: right;
	float: left;
	width: 195px;
	height: 100px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
	padding-top: 1px;
	margin-bottom: 20px;
	padding-left: 10px;
	
}

div.pielogo{
	clear: right;
	float: left;
	width: 117px;
	height: 113px;
	text-align: left;
	padding-top: 0px;
	margin-bottom: 20px;
	padding-left: 5px;
	
}

/*--------------MENSAJES DESTACADOS------------*/

.destacado-verde{
		border:solid 1px #5c9b17; 
		background:#d7edbe url(../oposicionesDocentes/Magisterio_2008/img/iconos/icon-green.png) 8px 20px no-repeat;
		color:#0d384c;
		font-weight:bold;
		padding:15px;
		text-align:left;
		margin-left: 10px;
	}
	
.destacado-azul{
		border:solid 1px #113a7d; 
		background:#d9e7fd url(../oposicionesDocentes/Magisterio_2008/img/iconos/icon-green.png) 8px 20px no-repeat;
		color:#0d384c;
		font-weight:bold;
		padding:15px;
		text-align:left;
		margin-left: 10px;
	}
	
p.error {
	margin:3px;
	padding: 10px;
	color:red;	
}

.titularNoticia {
	font-family: "trebuchet MS",sans-serif;
	font-weight: bold;
	color: #064b76;
	font-size: 14px;
	letter-spacing: 0pt;
	word-spacing: -0.2pt;
	line-height: 1.3;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.titularNoticia a {

	font-weight: bold;
	color: #001482;
	font-size: 14px;
	text-decoration: none;
}

.titularNoticia a:hover {
	font-weight: bold;
	color: #084999;
	font-size: 14px;
	text-decoration: underline;
}

.fechanoticia {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#5f5d5d;
	margin-left: 10px;
}

/* FORMULARIOS EN CON3*/

div.con3 h1 {
	margin:5px 0 0 0;
	font-size:13px;
	color:#628fbb;
	padding-bottom:4px;
}

div.con3 h2 {
	
	padding-bottom:4px;
	margin-bottom: 10px;

}

div.con3 h4 {
	margin-left: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	font-size:13px;
	color:#002c5e;
	font-weight: bold;
}

div.con3 h4 a{
	padding-bottom: 3px;
	padding-top: 2px;
	font-size:13px;
	color:#002c5e;
	font-weight: bold;
}

div.con3 h5 {
	margin:5px 0 0 8px;
	font-size:13px;
	color:#002c5e;
	font-weight: bold;
	line-height: 18px;
}
div.con3 p{padding-bottom:7px;}

div.con3 input .input-text{
	border:1px solid #626d77;
	color:#666666;
	width:250px;
}

div.con3 textarea{
	border:1px solid #626d77;
	color:#0e355c;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}

div.con3 select{
	border:1px solid #626d77;
	color:#0d2f4e;
}

div.con3 label{
	display:block;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin-bottom:2px;
	color:#0f4479;	
}

div.con3 span{
	display:block;
	float:left;
	padding-right:8px;
	width:210px;
	text-align:right;
	
}

div.con3 img{
	padding-right: 10px;
}

div.con4 li{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px;
	font-weight: bold;
	list-style: circle;
	letter-spacing: -0.3pt;
	word-spacing: 0.8pt;
	padding-bottom: 3px;
	border-bottom: 1px dotted #666;

			}

div.con5 h5{
	
	padding-bottom: 8px;
	margin: 6px;
			}

div.con5 h6{
	
	padding-bottom: 2px;
	margin: 2px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold;
			}
			
div.con6 h5{
	
	padding-bottom: 8px;
	margin: 6px;
			}

div.medios {
width:360px;
padding-bottom: 14px;
}

div.medios1 {
width:170px;
float: left;
text-align:right;
padding-bottom: 14px;
}

div.medios2 {
width:170px;
float:right;
text-align:right;
padding-bottom: 14px;
}

.interior-tabla {
font-size: 9px;}


/* FORMULARIOS*/

/* FORMULARIOS */
form {margin: 0 0 1em}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

.texto {
	margin: .3em;
	height:1.7em;
	padding: 2px 2px;
	background: #fcfac7;
	border: 1px solid #97aedd;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	color: #000000;
	
}

.inputImg {

}

input, textarea, select {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border:1px solid #626d77;
	padding: 3px;
}

input:focus{
	background-color: #c9dcf1;
	border:1px solid #000000;
	color:#000000;
}

select {
	/*margin: .3em;
	height: 15px; */
	padding: 2px 2px;  
	background: #c9dcf1; 
	border: 1px solid #97aedd; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #000000;
}

.selectMultiple {
	/*margin: .3em;
	height: 200px;*/
	padding: 2px 2px;  
	background: #ffffff; 
	border: 1px solid #97aedd; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #000000;
}

textarea {
	margin: .3em; 
	padding: 2px 2px;  
	background: #fcfac7; 
	border: 1px solid #97aedd; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: small;}
