@CHARSET "ISO-8859-1";
body {
	margin: 0;
    padding: 0;
	font: 1em arial, helvetica, sans-serif; }
 
h1, h2 {
	font: bold 100% verdana, arial, helvetica, sans-serif;
	color: #f70;
	text-align: center;
	margin-top: 20px; }
 
hr { color: #bdf; }
 
p { font-size: 75%; }
 
#paginaLogin {
	width: 65%;
	padding: 0px;
	margin: 0 auto; }

.imagenEncabezadoLogin {
	top: 35px;
	right: 25%;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    z-index: -1;
    height: 130px;
}

.imagenEncabezadoLogin2 {
	top: 0px;
	right: 0px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    z-index: -1;
    height: 125px;
}

#pagina {
	width: 90%;
	padding: 0px;
	margin: 0 auto; }


.fondoLogin {
	padding: 0px;
	margin: 0 auto;
	background-image:url(../images/fodoVerdeItam.png);
    background-repeat: repeat;  }

.fondoPublicacion {
	padding: 0px;
	margin: 0 auto;
	background-color:white;
}

/* .imagenEncabezado {
	top: 5px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    z-index: -10;
    height: 130px;
}
*/

.imagenBotonesEncabezado {
	top: 5px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    z-index: -10;
    height: 130px;
    border: solid 1px #eee;
}


.imagenEncabezado {
	top: 5px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    z-index: -10;
    height: 152px;
}

.imagenEncabezado2 {
	top: 5px;
	right: 0px;
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    z-index: -1;
    height: 150px;
}


.imagenMenu {
	top: 234px;
	padding: 230px;
	width: 85%;
	margin: 0 auto;
	position:absolute;
	background-image:url(../images/imagenesItam/itamPanoramicoFS.JPG);
    background-repeat: no-repeat; 
    z-index: -1;
}

.imagenFondoMenu {
	top: 190px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    height: 553px;
    z-index: -5;
}  

.imagenFondoMenuBloq {
	top: 195px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    height: 455px;
    z-index: -5;
}  

#piePaginaMenu {
	top: 650px;
	width: 100%;
	display: block;
    position:absolute;
    z-index: -5;
}

.imagenFondoLogin {
	top: 190px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.99;
    filter: alpha(opacity=100);
    position:absolute;
    height: 553px;
    z-index: -5;
}  

.derecha {
	margin: 5px 5%;
	padding: 5px;
	border: solid 1px #eee; }
	
#imagencabecera img { border: 3; z-index: 0;}
 
#imagencabecera {
	width: 100%;
	height: 138px; 
	border: solid 0px #eee;
} 

#imagencabeceraAux {
	width: 100%;
	height: 100px; 
	border: solid 0px #eee;
} 

#BotonesMenuValidaSalir{
	top: 122px;
	left: 15px;
	width: 82px;
	height: 32px;
	position: absolute;
	z-index: 0;
}

.BotonesMenuValidaSalir1{
	left: 0px;
	position: absolute;
}

.BotonesMenuValidaSalir2{
	left: 95px;
	position: absolute; 
}

.BotonesMenuValidaSalir3{
	left: 190px;
	position: absolute; 
}


.BotonesMenuPrincipal1{
	top: 110px;
	left: 40%;
	width: 82px;
	height: 32px;
	border-style: outset; border-width: 1px; 
	position: absolute;
	z-index: 0;
}

.BotonesMenuPrincipal2{
	top: 110px;
	left: 49%;
	width: 82px;
	height: 32px;
	border-style: outset; border-width: 1px;
	position:absolute;
	z-index: 0;
}
 
#contenedor {
	width: 100%;
	margin: 0 auto; }
	
#menuPrincipal {
	width: 100%;
	height: 50px;
	margin: 0 auto; }
 
.menusup {
	position:relative;
	width:11%;
	height: 5px;
	float: right;
	text-align: center;
	margin-left: 1px;
	font-weight: bold;
	font-size: 75%;
	line-height: 30px;
	top:73px;
	z-index: 0; }
 
	.menusup:hover { background: url(../images/boton_menu_verdeItam1.jpg) repeat-x; }
 
	.menusup a {
		color: black;
		text-decoration: none;
		display: block; }
 
		.menusup a:hover { color: green; }
 
.menusup div {
		position: relative;
		width: 94.5%;
		background: url(../images/desplegable3.png);
		font-size: 100%;
		visibility: hidden;
		text-align: left;
		padding: 10px 2px 10px 10px;
		font: bold 100% arial;}
 
	.menusup:hover div { visibility: visible; }
 
	.menusup ul {
		margin: 0 10px;
		padding: 0;
		list-style-image: url(../img/desplegable.png); }
 
	.menusup li a {
		color: green;
		text-decoration: none;
		padding: 3px; }
 
		.menusup li a:hover { color: #fa6; }


.icono {
	border: 0;
	width: 60px;
	height: 20px; } 
 

#botonera {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	background: url(../img/boton_menu_verdeItam1.jpg) repeat-x; }
 
.boton {
	width: 14.10%;
	height: 50px;
	float: left;
	text-align: center;
	margin-left: 2.5px; 
	background: url(../img/boton-menu3_rosa.jpg) repeat-x;
	font-weight: bold;
	font-size: 75%;
	line-height: 50px; }
 
	.boton:hover { background: url(../images/boton_menu_verdeItam2.jpg) repeat-x; }
 
	.boton a {
		color: white;
		text-decoration: none;
		display: block; }
 
		.boton a:hover { color: white; }
 
.boton div {
		position: relative;
		width: 200%;
		background: url(../images/boton_menu_verdeItam1.jpg); repeat-x; 
		font-size: 100%;
		visibility: hidden;
		text-decoration: none; 
		text-align: left;
		font: bold 100% arial; }
 
	.boton:hover div { visibility: visible; }
 
	.boton ul {
		margin: 0 0px;
		padding: 0;
		text-decoration: none; 
	 }
 
	.boton li a {
		color: white;
		background: url(../images/boton_menu_verdeItam3.jpg); repeat-x;
		height: 48px;
		text-decoration: none; 
		margin-top:2px;
		line-height: 50px; 
		padding: 10px; }
 
		.boton li a:hover { color: white; height: 48px; background: url(../img/boton_menu_verdeItam2.jpg); repeat-x; text-decoration: none; }
	
	.boton2 {
	width: 14.10%;
	height: 50px;
	float: right;
	text-align: center;
	margin-left: 2.5px; 
	background: url(../images/boton-menu3_rosa.jpg) repeat-x;
	font-weight: bold;
	font-size: 75%;
	line-height: 50px; }
	
	.boton2:hover { background: url(../images/boton_menu_verdeItam2.jpg) repeat-x; }
 
	.boton2 a {
		color: white;
		text-decoration: none;
		display: block; }
 
		.boton2 a:hover { color: white; }
 
.boton2 div {
		position: relative;
		width: 200%;
		background: url(../images/boton_menu_verdeItam1.jpg); repeat-x; 
		font-size: 100%;
		visibility: hidden;
		text-decoration: none; 
		text-align: left;
		font: bold 100% arial; }
 
	.boton2:hover div { visibility: visible; }
 
	.boton2 ul {
		margin: 0 10px;
		padding: 0;
		text-decoration: none; 
	 }
 
	.boton2 li a {
		color: white;
		background: url(../images/boton_menu_verdeItam3.jpg); repeat-x;
		height: 48px;
		text-decoration: none; 
		margin-top:2px;
		line-height: 50px; 
		padding: 10px; }
 
	.boton2 li a:hover { color: white; height: 48px; background: url(../images/boton_menu_verdeItam2.jpg); repeat-x; text-decoration: none; }