/*************** estilos del menu ***********************/
@import url("https://fonts.googleapis.com/css?family=Roboto");

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-style: normal;
  font-weight: normal;
  color: #EEE;
}

div.menuBar {
  /*background-image: url(/imagenes/cuerpo/barragris.jpg);background-repeat:repeat-x; */
  background:#1565c0;
  margin-bottom:10;
 }

div.menuBar a.menuButton {
  cursor: default;
  left: 0;
  text-decoration: none;
  top: 0;
  z-index: 100;
  position: relative;
  color:#EEE;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  /*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
  color: #FFF;
}
/*
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #006EC2;
  color: #ffffff;
}
*/
div.menu {
  background-color: #1565c0;
  left: 0;
  padding: 0 1px 1px 0;
  position: absolute;
  top: 140;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #EEE;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}

/************************************************************************************************/
	
	body{
		background: #FFFFFF url('../imagenes/cuerpo/colorcielo.jpg') repeat-x;
		margin:0;
	
	}
	.titulo{
		font-family: Roboto;
		font-size: 18pt;
		font-weight: bold;
		color: #0025A6;
	}
	.subtitulo2{
	border-top:1px solid #DDD;
	padding-top:10;	
		font-size: 14pt;
		
		color: #336699;
		}
	.subtitulo3{
		font-family: Roboto;
		font-size: 12pt;
		font-weight: bold;
		color: #A8A8A8;
		}
	.tablapunteada1{
		background-color: #F0F0F0;
		font-style:italic
	}
	.tablapunteada2{
		border-style: solid;
		border-width: 0;
		border-color: #EA0000;
		background-repeat: repeat-x;
		background-image: url('/imagenes/cuerpo/fondoverde.gif');
		width:400;
		margin-left:auto;
		margin-right:auto;
	}
	.texto, li{
		font-family: Roboto;
		font-size: 12pt;
		color: #3A3A3A;
		text-align: justify;
		
	}
	.textogris{
		font-family: Roboto;
		font-size: 9px;
		color: #BBBBBB;
	}
	.texto2{
		font-family: Roboto;
		font-size: 12pt;
		color: #0025A6;
		font-weight:bold;
	}
	.texto3{
		font-family: Roboto;
		font-size: 10;
		color: #D20000;
	}
	.texto4{
		font-family: Roboto;
		font-size: 12pt;
		color: #0025A6;
	}
	.texto5{
		font-size: 8pt;
		color: #AAA;
	}
	.textomenu{
		font-style: normal;
		font-weight: normal;
		cursor: default;
		left: 0;
		text-decoration: none;
		top: 0;
		z-index: 100;
		position: relative;
		color:#EEE;

/*		cursor:pointer;
		color: #171717;*/
	}
	.titulo2{
		color: #FF0000;
	}

	.textopie{
		color: #6C6C6C;
		font-size: 10pt;
		text-decoration: none;
	}
.textopie a {
    font-size: 10pt;
	font-family:Roboto

}	
	a.gris2{
		color: #6C6C6C;
		font-family: Roboto;
		font-size: 9px;
		text-decoration: none;
	}
	a.gris2:hover{
		color: #161616;
		text-decoration: underline;
	}
	.tituloverde{
		color: #33CC33;
		font-weight: bold;
		font-family: Roboto;
		font-size: 16px;
		text-decoration: none;
	}
	.logoazul{
		color: #0025A6;
		font-weight: bold;
		font-family: Roboto;
		font-size: 12pt;
		text-decoration: none;
	}
	.logoverde{
		color: #33CC33;
		font-weight: bold;
		font-family: Roboto;
		font-size: 12pt;
		text-decoration: none;
	}
	a.verde{
		color: #33CC33;
		font-weight: bold;
		font-family: Roboto;
		font-size: 12pt;
		text-decoration: none;
	}
	a.verde:hover{
		color: #0025A6;
	}
	a.gris{
		color: #676767;
		font-weight: bold;
		font-family: Roboto;
		font-size: 12pt;
		text-decoration: none;
	}
	a.gris:hover{
		color: #939393;
	}
	a.rojo{
		color: #FF0000;
		font-weight: bold;
		font-family: Roboto;
		font-size: 12pt;
		text-decoration: none;
	}
	a.rojo:hover{
		color: #C60000;
	}

	hr{
	    height: 1px;
			color: #B9B9B9;
			border-style: dotted;
			background-color: white;
	}
	a.azulverde {
		text-decoration: none;
		color: #336699;
		font-size: small;

	}
	a.azulverde:hover{		
		color: #6699BB;
	}
	a.azulrojo {
		text-decoration: none;
		color: #0025A6;
		font-weight:bold;
		font-size:12px;
		font-family:Roboto;
	}
	a.azulrojo:hover{		
		color: #FF0000;
	}
	a.azulverde2 {
		text-decoration: none;
		color: #0025A6;
		font-weight:bold;
		font-size:12pt;
		font-family:Roboto;
	}
	a.azulverde2:hover{		
		color: #33CC33;
	}
	.input_home{
		/*border-color: #339900;*/
		border-color: #B2B2B2;
		border-style: solid;
		border-width: 1px;
		height: 24px;
		/*width: 110;*/
		font-size: 10pt;
		color:#666;
		padding:3px;
		width:240;
	}
	.botondeg_home{
		/*background-color: #2CAD2C;*/
		background-color: #1565c0;
		border:none;
	
		/*width: 70;*/
		color: #FFF;
		font-size:12pt;
		font-weight:bold;
		padding:5px;
		cursor:pointer;
		border-radius:5px;
		border-bottom:3px solid #0260A8;
		border-right:3px solid #0260A8;
	}
	#backslider1{
		position: absolute;
		width:100%;
		height:100%;
		z-index:1;		
		background-image: url('../imagenes/banner/banner01.jpg');
		background-repeat:no-repeat;
		cursor: pointer;
	}
	#backslider2{
		position: absolute;
		width:100%;
		height:100%;
		z-index:0;
		background-image: url('../imagenes/banner/banner01.jpg');
		background-repeat:no-repeat;
		cursor: pointer;
	}
	

body, table, input {
font-family: 'Roboto', sans-serif;	
}
	
#menu1 td, #menu1 td a {
font-size:12pt;
color:#EEE;
}

#menu1 td:hover, #menu1 td a:hover {
color:#FFF;
}


#menu2 {
margin-top:10;
}

#menu2 td {
background-image: none;
color:#336699;
font-size:15pt;
font-weight:normal;
}

body > table {width:100%}
body > table > tbody > tr > td > table {width:100%}


.footTable {
    width: 100%;
    margin: auto;
    font-size: 10pt;
    font-family: 'Roboto CE', 'Roboto', Sans-Serif;
    color: #757575;
    background-color: white;
    text-align: center;
    vertical-align: middle;
}

/*****************************************************/
/*****************************************************/

.cuerpo_completo {
    height: 100%;
    text-align: center;
    width: 100%;
	position: relative;
	margin: auto;
}

.cuerpo {
    width: 100%;
    height: calc(100% - 351px);
    margin: auto;
	overflow: auto;
	background-color: rgb(255,255,255);
	opacity: 0.1;
}

.cintillo {
    width: 100%;
    height: 120;
    position: absolute;
    bottom: 80;
    left: 0;
}

.pie_pagina {
    width: 100%;
    height: 80;
    position: absolute;
    bottom: 0;
		left: 0;
		background-color: white;
}

/*****************************************************/
/*****************************************************/