/* CSS Document */



body {
	width:930px;
	margin:0 auto;
	margin-top:0px;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
	font-size: 14px;
	word-spacing: normal;
	background-image:url(../images/bkg_body.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

h2{
	color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:155%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 2px;
}
h3{
	color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
        font-size:150%;
        font-size-adjust:none;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        margin-top:0px;
        margin-bottom: 2px;
}
h4{
	color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:125%;
	font-size-adjust:none;
	line-height:normal;
	margin: 0;
	margin-bottom: 0px;
}
h5{
color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:118%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
    margin-top:0px;
    margin-bottom: 0px;

}
h6{
color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:90%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
    margin-top:0px;
    margin-bottom: 0px;

}
a { 
	text-decoration: none;
	color:#000099
}
a:hover {text-decoration: underline; color:#289BE8;}

/* ----- NAVEGADOR+LOGO----- */

#cabecera{
	width:930px;
	height:75px;
	background-repeat: no-repeat;
	background-image: url(../images/logo_procotin2.gif);
}
#navegador{
	margin-top: 38px;
}

#navegador ul{
	font-size:110%;
	text-align: right;
	margin: 0;
	padding:0;
	list-style-type: none;
}
#navegador  li {

	background-image:url(../images/separador.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 15px;
	display: inline;
	padding-right: 6px;
}


#mapa ul{
	text-align: right;
	margin: 0;
	font-size:90%;
}

#mapa ul li { 
	display: inline; 
	padding-right: 9px;
}


/* ----- franja slogan ----- */

#logotipo {
	width:930px;
	height:150px;
	background-color:#FFFFFF;
	background-image: url(../images/fondo_main.jpg);
	background-repeat: no-repeat;
}
#logotipoAdmin {
	width:930px;
	height:150px;
	background-color:#FFFFFF;
	background-image: url(../images/fondo_admin.jpg);
	background-repeat: no-repeat;
}


/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. 
*/


#wrapper{
    width:930px;
    background:url(../images/background_4.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
    overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
    margin-top:10px;
}

#wrapper2 {
    width:930px;
    background:url(../images/background_3.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
    overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
    margin-top:10px;
}

/* ------------------------------ LATERALES ------------------------------------------- */



#lateral {
	width:300px;
	min-height:300px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:300px;
	float:right;
	text-align: center;
}

#lateral2 {
	width:230px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px;
	float:left;
	text-align:left;
	padding-left: 0px;
	margin-left: 18px;
	margin-top: 20px;
}
#lateral2 ul {
    font-size:110%;
    margin:0px;
    line-height:130%;
    padding:0px;
    list-style-type: none;
}
#lateral2 li{ 
	background-image:url(../images/flecha_secundarias.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 14px;
}

#universidad {
        margin-top:5px;
		        margin-bottom:5px;
}
#vistotv {
        margin-top:5px;
        margin-bottom:5px;
}
#patrocinador {
        margin-top:5px;
        margin-bottom:10px;
}

#instituto{
 		margin-top:5px;
        margin-bottom:5px;
}
/* ----- MAIN CONTENT ----- */



#content {
	width:600px;
	min-height:300px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:300px;
	margin-top:4px;
	margin-left:0px;
	padding-right: 0px;
	padding-left: 20px;
}

#content2 {
	width:570px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px;
	margin-top:20px;
	margin-left:320px;
	margin-right:30px;
	margin-bottom: 30px;

}
#content3 {
	width:570px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px;
	margin-top:20px;
	margin-left:320px;
	margin-right:30px;
	margin-bottom: 30px;

}

#content2 h2{
	font-size:170%;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
}
#content2 img{	
	border: 1px solid #666666; 
    margin-right:30px;
	margin-bottom: 20px;
	margin-top:10px;
	
}
#content2 hr{
 	 border: 0;
 	 height: 1px;
    color:#000099;
	background-color: #000099;
	margin-top:0px;
	margin:0px;
	padding: 0px;
}

#content2 .grupos{
    background-color: #EEF0EE;
    margin:0px;
    padding: 30px;
    border-style:solid;
    border-color: #D9D9D9;
    border-width: 1px;
    font-weight:300;
    line-height:120%;
}
/* ----- MAIN CONTENT - profesores ----- */

#fotos img {
    margin:0px;
    padding:0px;
}

div.transOFF {width: 62px; margin: 4px; float:left;}
div.transON  {width: 62px;  margin:4px; opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; float:left; }

#participantes{
	background-color:#ECF1F4;
	border:1px;
	border-color:#000066;
	margin-bottom:25px;
	border-style: solid;
	height: 225px;
}
#titulo_grupo{
text-align:center;
font-style:oblique;
}

#participantes4 {
	width:420px;
	background-color:#EEF0EE;
	border:1px;
	border-color:#000066;
	margin-bottom:35px;
	border-style: solid;
	float: left;
	margin-right: 15px;
	height: 225px;
}
#participantes3 {
	width:290px;
	background-color:#EEF0EE;
	border:1px;
	border-color:#000066;
	margin-bottom:35px;
	border-style: solid;
	float: left;
	margin-right: 10px;
	height: 225px;
}
#participantes1 {
	width:130px;
	background-color:#EEF0EE;
	border:1px;
	border-color:#0C4A87;
	margin-bottom:15px;
	margin-left:0px;
	border-style: solid;
	float: left;
	margin-right: 8px;
	height: 195px;
}


#participantesuned {
	width:120px;
	background-color:#EEF0EE;
	border:1px;
	border-color:#0C4A87;
	margin-bottom:5px;
	margin-left:0px;
	border-style: solid;
	float: left;
	margin-right: 10px;
	height: 225px;

}
#participantes2 {
	width:255px;
	background-color:#EEF0EE;
	border:1px;
	border-color:#0C4A87;
	margin-bottom:5px;
	margin-left:0px;
	border-style: solid;
	float: left;
	margin-right: 15px;
	height: 195px;
}

#separador {
	width: 560px;
	clear:both;
	margin-top: 20px;
	padding-top: 0px;
}


#entidad{
	background-color:#DAE3EB;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:120%;
	font-size-adjust:none;
	font-style:normal;
	word-spacing: normal;
	text-align: center;
	height: 40px;
	letter-spacing: normal;
	margin-top: 0px;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 6px;
	color: #3C566F;
}

#entidad1{
	background-color:#DAE3EB;
	text-align: center;
	height: 40px;
	letter-spacing: normal;
	padding-top: 10px;
	padding-bottom: 6px;
}

#fotos1{
	background-color:#EEF0EE;
	padding:0px;
	height:105px;
	padding-right: 10px;
	margin-top: 10px;
	padding-top: 0px;
	margin-bottom: 10px;

}
#fotos{
	padding:0px;
	height:105px;
	padding-right: 0px;
	margin-top: 10px;
	padding-top: 0px;
	width: auto;
	margin-bottom: 10px;
	padding-left: 25px;

}

/* ----- MAIN CONTENT - actividades home ----- */
#indexActividades{
	width:550px;
	margin-bottom: 15px;
}

#indexActividad1{
	margin-bottom: 0px;
	margin-top: 0px;
	overflow: auto;
	width:510px;
	background-color:#F4F7F4;
	font-style: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#indexActividad1 img {
        float: left;
        padding: 2px;
        margin-right: 10px;
        border: 1px solid #00008A;
        margin-bottom: auto;
        margin-top: auto;

}

#separadorActividad {
    border-top: 1px dashed #35449A;
    padding-bottom: 20px;
    margin-top: 10px;
}

#indexHr hr {
	height:0px;/*solo queremos borde*/
	text-align:left;
	border-top:0px;/*quita el grosor extra de Opera y FFox*/
	border-bottom:#003399 dashed 1px;
}
#titulohome{
text-align:right;

}
.tituloactividad {
   color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:120%;
	font-size-adjust:none;
	font-style:oblique;
	font-weight:bold;
	line-height:normal;
	margin: 0;
	margin-bottom: 0px;
}
.fechaactividad {
    color:#003399;
	font-size:12px;
	font-weight:700;
	
}
.organiza {
        font-style: normal;
}

#cabeceraActividad {
	overflow:auto;
}
#cabeceraActividad img {
	    float: left;
        padding: 2px;
        margin-right: 20px;
        margin-top: 0px;
        border: 1px solid #00008A;
}
#actividad1{
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#indexBaseDatos{
	width:230px;
	float:left;
	
	padding-left: 15px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:8px;
	border-color:#D9D9D9;
	border-width: 1px;
	border-style:solid;
	margin-right: 20px;
	height:104px;
	border-top-color:#006699;
border-top-width:1px;
border-top-style:solid;
}

#indexListaCorreos{
	width:230px;
	float:left;
	
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right:10px;
	padding-top:4px;
	border-color: #D9D9D9;
	border-width: 1px;
	border-style:solid;
	height:104px;
border-top-color:#006699;
border-top-width:1px;
border-top-style:solid;
}

.logovisto{
	color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:155%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding-top:8px;
	padding-left:8px;
	display:block;
}
.logolista{
	color:#003399;
	font-family:Georgia, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
	font-size:155%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding-top:8px;
	margin-left: 8px;
	display:block;
}

.suscribete{
margin-top:10px;
padding-left:10px;
display:block;
float:clear;
}

#indexListaCorreos img{
margin-right:9px;
margin-bottom:0px;
}

#indexBaseDatos img{
margin-right:9px;
margin-bottom:0px;
}
#indexListaCorreos form{
 margin: 0;

}

/* ----- MAIN CONTENT - documentos y enlaces ----- */

#documentos ul {
        line-height: 2;
}

/*--------Contacto-----------*/
#contacto {
        padding-left: 40px;
}

/* --------------------------- FOOTER----------------------------------------------- */

#footer {
	width:930px;
	height:30px;
	background-color:#0C4A87;
	margin-top:10px;
	clear: both;
	padding-top: 10px;
}

#footer ul{
	text-align:center;
	font-size:90%;
	margin: 0;
	list-style-type: disc;
}
#footer ul li {
	display: inline;
    margin-right:8px;
 }
#footer ul li a { 
	text-decoration: none;
	color:#FFFFFF;

 }
#footer ul li a:hover{
text-decoration: underline;
}


/* --------------------------formularios-----------------------------------------------*/
/* set width in form, not fieldset (still takes up more room w/ fieldset width */
form {  
  font:100% verdana, arial, "Nimbus Sans L", "Liberation Sans", sans-serif;
  margin: 0;
  padding: 0;
  min-width: 400px;
  max-width: 600px;
  width: 560px;
  color: #002A7F;
}

form fieldset {
  border-color: #003399;
  border-width: 1px;
  border-style: solid;
  padding: 20px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.2em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
        color: #003399;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 160px;
	padding: 0; 
	margin: 8px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#error {
    text-align: center;
}

#denuncias ul {
    list-style-type: none;
}
#denuncias ul li{
    display: inline;
    padding-right: 20px;
}
#paginator {
    text-align: center;
    font-size: 100%;
    color: #003399;
}
#paginator a {
    text-decoration: underline;
}

#indexListaCorreos form{
width:250px;
}

/* --------------------------VISTO EN TV-----------------------------------------------*/




#denuncia_video{
	color: #000000;
	margin-bottom: 30px;
	margin-top: 10px;
	width: 540px;

}
#detalles{
	background-color:#F7F7F7;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom: 10px;
	margin-top: 4px;
	margin-right: 20px;
	margin-left: 30px;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 90%;
}


#detalles1{
	background-color:#F7F7F7;
	border-top-color:#848484;
        border-top-width:1px;
        border-top-style:solid;
        border-bottom-color:#848484;
        border-bottom-width:1px;
        border-bottom-style:solid;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom: 10px;
	margin-top: 4px;
	margin-right: 20px;
	margin-left: 30px;
	padding-right: 0px;
	padding-left: 80px;
	font-size: 90%;
	height:60px;
}
#detalles2{
	background-color:#F7F7F7;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom: 10px;
	margin-top: 4px;
	margin-right: 20px;
	margin-left: 30px;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 90%;
}
#tituloDenuncia{
	background: url(../images/flecha_denuncia.gif) no-repeat;
	color: #000;
	font-weight:normal;
	font-style:normal;
	margin-top: 15px;
	padding-left: 20px;
	margin-right: 20px;
	margin-left: 30px;
	font-variant: normal;
	background-position: 0.1em,1e.m;
	background-position: 0.1em 0.3em;
}

.negrita {
	font-weight:500;
	color: #4A4A4A;
}
#titulo_detalles {
        width:180px;
        float:left;
        margin-bottom:5px;
}
#separadorDenuncias {
        border-bottom: 1px solid #4A4A4A;
        padding-top: 20px;
        padding-left: 20px;
}
#roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

#roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}
img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
#denuncia_video hr {
        height:0px;/*solo queremos borde*/
        text-align:left;
        border-top:0px;/*quita el grosor extra de Opera y FFox*/
        border-bottom:#CCCCCC solid 1px;
        margin-top:2px;
}
/* --------------------------Lateral-----------------------------------------------*/

#submenus{


}
#secundarios{

margin-top:85px;
}

.titulo_lateral{
width:200px;
margin-bottom:10px;
padding:0px;
background-image:url(../images/separador_lateral2.gif);
background-repeat:no-repeat;
background-position:bottom;
display:block;
font:Arial, Helvetica, sans-serif;
font-style:normal;
font-variant:small-caps;
letter-spacing:1px;
font-size:10px;
color:#000066;

}
.separador_lateral{
margin:0px;
padding:0px;

}
.contenido_lateral2{
height:60px;
width:180px;
background-color:#F7F7F7;
border-top-color:#006699;
border-top-width:1px;
border-top-style:solid;
border-bottom-color:#000066;
border-bottom-width:1px;
border-bottom-style:solid;
padding:10px;
display:block;
}
.contenido_lateral2 form{
width:180px;
}

.contenido_lateral img{
border:0px;
}
.contenido_lateral a{
text-decoration:none;

}
#vistotv img{
border:0px;
}
#tvin{
margin-bottom:15px;
}
#newsletter{
margin-bottom:15px;
}