@import url(../../Templates/UI/Css/Layout.css);
/********* globals *********/

* {margin:0;padding:0}
a img,table {border:0}
/*dl,ol,ul {list-style:none}*/
table {border-collapse:collapse}

table.TablaFormulario {
    background-color:#F7F6F3;
    border-color:#E6E2D8;
    border-width:0px;
    border-style:Solid;
    border-collapse:collapse;
}

table.TablaFormulario thead{
    color:White;
    background-color:#FFFFFF;
    font-weight: bold; 
    font-size:20px;
}

#ctl00_ctl00_UserInfo1_Registrarse{display:none;}

caption,th,td {text-align:left}
h1,h2 {margin: 1.2em 0 1.2em 0; font-size:18px;}
h3,h4,h5,h6 {margin: 1em 0 .70em 0;}

h4.listado { border-top: solid 2px #0096db;}


sup {color:Black;}
p {margin: 10px 3px 3px 3px;}

/* fonts & colors */
body { font: 14px Trebuchet MS,Arial ,SansSerif; color:#333; text-align:justify;}
button,select,textarea,input {font:100% Arial,SansSerif}
a { /*color:#0096db*/color:#1E3C6D; text-decoration:none; }
a:hover { text-decoration:underline; }
h1,h2,h3,h4,h5,h6,.date { font-family: Trebuchet MS,Arial,Sans-Serif; /*color:#0440D4*/color:#1E3C6D; } /*es color azul*/


/*titulo*/
.siteHeader a { text-decoration:none;} 


/*listas */
ul { padding-left: 20px; list-style: square;}

#main ul.listado {padding-left:5px;list-style-type:none;}
#main ul.listado li {padding:2px 2px 5px 0; border-bottom: dotted 2px Grey; list-style-type:none; text-align:left; }   
#main ul.listado li:hover{/*color:#0096db*/color:#1E3C6D;}


/* inputs */
input type["text"] { border:solid 1px #EEE; font-size:0.9em;}



/******* Area de Registro y Login ******/

table.tableCreateUser  {color:#1E3C6D;height:168px;width:305px;}
/*table.tableForgotPassword {color:#1E3C6D;height:168px;width:305px;}*/
table.tableLogin, table.tableForgotPassword {color:#1E3C6D; background-color:#F7F6F3;border-color:#E6E2D8;border-width:1px;border-style:Solid;border-collapse:collapse;}
table.tableCreateUser td, table.tableForgotPassword td , table.tableLogin td { padding:10px;}


input[type="submit"] {color:#1E3C6D;}

.CreateUserButton{color:#1E3C6D;background-color:#FFFBFF;border-color:#CCCCCC;border-width:1px;border-style:Solid;}

/********* layout *********/

/*body { margin:0; padding:0; background:#fff url(body_bg.gif) repeat-x; }*/
body { margin:0; padding:0; }
	#wrap { width:1080px; margin:0 auto; }
		#header { height:100px;}
		#page { margin:15px 0; padding:0px 10px 0px 10px; /* border:Solid 1px Black;  background: transparent url(page_bg.gif) no-repeat 50% 100%; */}
			#content { }
				.secondary { width:150px; float:right; margin-bottom:1px;}
				#menu { border-left: solid 1px #dfe5e6; padding-left:15px;}
				#extras { padding-right:15px;}
				#main { margin-top:5px;  
				        width:770px; 
				        float:left; 
				        border: solid 1px #dfe5e6; 
				        padding: 15px 10px 5px 10px;
				        min-height:350px; 
				        /*background:#fff url(FondoRalladoAzulOscuro.png) repeat;*/ 
				        background-color:White;
				        }
		#footer {margin-top:10px;color:#BCC5C1;padding:0 15px; text-align:center; }
			#footer .n2{color:#BCC5C1;float:right;font-size:.8em;}

.boxTitle,
.secondary h4 { margin:0; padding:5px 0; font-size:1.2em; }
.secondary h4 a,
.secondary h4 a:visited {color:#333;}

/* top */
#header { position:relative; }
	.top {  padding:5px 5px 0 5px;} /*float:left; */
	.siteLogo { float:left; padding:5px 5px; height:97px; width:115px;}
	.siteHeader { float:left; margin-top:30px; }
	.siteHeader a {/*color:#0440D4*/color:#1E3C6D;}

/*Pie de Página */


.PiePagina {
    /*margin: 10px auto 0 auto;*/
    margin: 10px  0px 0px 0px;
    width: 1070px; /* es la anchura de la columna izquierda y del div main*/
    padding: 0px 0px 0px 0px; /*para que la anchura del piePagina cuadre con ColumnaIzquierda + div.main hay que sumar los márgenes izquierdo y derecho de ambos*/
    border: solid 1px #dfe5e6;
    text-align:center;
    font-size: 12px;
}


/* secondary */ /*columnas de a la derecha y a la izquierda */

.ColumnaIzquierda {
    float:left ;
    width:260px;
    min-height:350px;
    display:block ;
    background-color :#F8F8F8; /*#EEE;*/
    margin: 5px 5px  0px 0;
    padding:  5px 5px 10px 5px;
    
}

.ColumnaIzquierda img {
  margin: 5px 5px 5px 5px;
  float:right;  
}


.PanelCentralSuperiorPaginaPrincipal{
    float:left; 
    width:100%;

} 

/*Enlace para ir a la página padre en las páginas de noticias y logiciel_noticias */
div.PaginaPadre{ float:right; width:100%; font-size:20px; text-align:right;}

div.divListadoNoticias {border:solid 3px #D5D0E9; margin-top:7px; background-color:#D5D0E9; color:#DCDCDC; padding-bottom: 10px;}

/*fondo controlar que no se repita una imagen*/
.NoRepetirImagenFondoDerecha {background-repeat:no-repeat; background-position:right; }  
.NoRepetirImagenFondoIzquierda {background-repeat:no-repeat; background-position: left ;}  


/* titulo enlace de destacados */
a.TituloDestacados {color:#DCDCDC;font-size:25px; text-decoration:none;}
a.TituloDestacados:hover {/*color:#0096db*/color:#1E3C6D;}


/*titulo enlace en las listas*/
a.TituloEnlaceListas {/*color:#0440D4*/color:#1E3C6D; text-decoration:none; font-size:18px;} /*Tamaño de fuente igual que H1*/
a.TituloEnlaceListas:hover {/*color:#0096db*/color:#1E3C6D;}

.secondary .uc { margin-bottom:15px; }

/* content */
img.main {margin-bottom:5px;}


/*listas */

li span { font-size: 10px;} 

/* menu */
.menu li {list-style:none; }

.topMenu 
{ 
	/*position:absolute;*/ 
	float:right;
	bottom:0px; 
	height:42px; 
	padding:0 0px; 
	/*background:transparent url(menu_bg.gif) repeat;*/ /*no-repeat */ 
	background-color:#1E3C6D;
	width:100%; /*650px;*/ 
	font-size:13px;
 
}

.topMenu menu {float:right;}


    .topMenu ul {float:right;}
	.topMenu li {float:left; padding-left:5px; }
	.topMenu a { color:#fff; display:block; padding:  15px 5px 5px 0px; text-decoration:none; }
	.topMenu a:visited { color:#DCDCDC;/*#fff;*/ }
	.topMenu .current,
	.topMenu .trail { font-weight:bold; background-color:Black; color:#DCDCDC; /*background:transparent url(menuselection_bg.gif) no-repeat*/ }
	.topMenu .current a,
	.topMenu .trail a {  background-color:Black; color:#DCDCDC;  /*background:transparent url(menuselection_bg.gif) no-repeat 100% 0%;*/ }
	.topMenu .current a:visited,
	.topMenu .trail a:visited { color:#DCDCDC; } /*color:#333*/
	.topMenu a:hover { background-color:#D5D0E9; /*color:#0096db*/color:#1E3C6D;} 

		.topMenu li ul 
		{
			display:none;
			font-size:.9em;
			background:none;
			position:absolute;
			top:45px;
			left:0;
			height:auto;
			padding:0 15px;
			float:right;
		}
		.topMenu .current ul, 
		.topMenu .trail ul {display:block}

		.topMenu .current ul li,
		.topMenu .trail ul li { font-weight:normal; background:none; padding:0; }
		.topMenu .trail .current,
		.topMenu .trail .trail
		{
			background:none;
			margin:0;
			font-weight:bold;
			padding:0;
		}
		.topMenu .current ul a,
		.topMenu .trail ul a
		{
			background:none;
			padding:10px;
			color:#333;
		}

.languageMenu { position:absolute; bottom:45px; left:925px; width:100px;}
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}


.subMenu{}
	.subMenu a { display:block; padding:2px 0; _height:1px; }
	.subMenu ul { margin:0 0 2px 15px; }
	.subMenu .trail > a { /*color:#0096db*/color:#1E3C6D; }
	.subMenu .current > a { /*color:#0096db*/color:#1E3C6D; font-weight:bold; }

/* lists */
.list .a0 { background: #f8f8f8; }
.list { padding-bottom:6px; }
.list .item { padding:5px; }

/* path */
.path { margin-bottom:10px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul { list-style: square /*circle*/; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-weight:bold; }

/* date */
.date { font-size:x-small; color:#333; display:block; }

/* columns */
.columns .left { float:left;  } /*width:260px;*/
.columns .right { float:right; }/*width:260px;*/

.columns .left p { text-align:left;} 
.columns .right p { text-align:left;}


/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}


/* login y registro */
div.ff .username label {
     min-width: 150px; 
}


/*menu de area privada*/

table.Estatus{ position:relative; left:25px;}

#criterioBusqueda{ font-size:0.9em;}

/* CLASES DEL CONTROL ALEATORIO DE IMÁGNES */

.slideshow {
    position:relative;
    /*height:180px;
    width: 840px;*/
    left:0px;
    overflow:hidden ; 
}

.slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:18;
    opacity:0.0;
}

.slideshow IMG.active {
    z-index:100;
    opacity:1.0;
}

.slideshow IMG.main {
    z-index:100;
    opacity:1.0;
}

.slideshow IMG.last-active {
    z-index:99;
}

/*Mensajes de Error*/

.MensajeError{
    Color:Red;
}



/*  LISTAS, Y TABLAS DE LAS ANALITICAS DEL LTI */


table.listaAnaliticas {clear:right;  font-size:11px; }
table.listaAnaliticas td { border: solid 1px; padding: 3px 3px 3px 3px;}

table.listaAnaliticas th { border: solid 1px; padding: 3px 3px 3px 3px;}


table.listaAnaliticas td.Borrada {background-color:Red; color:#fff;}