﻿html, body{
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
html{
	background-image:url(Images/BGHome.png);
	background-position:center 2px;
	background-repeat:no-repeat;
}
body{
	font-size: 70%;
	}
ul, li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
a, a:visited {
	color: #001E51;
	text-decoration: none;
}
a:hover{
	color: #0B692A;
}
a img{ border: 0px;}
.titulo a:hover{
	color: #0B692A;
	text-decoration: underline;
}

#principal{
	width: 950px;
	margin: 0 auto;
	cursor: default;
}
/************************************************************************************/
#cabecera{
	height: 68px;
	background-image:url(Images/logoCAB.png);
	background-position:left;
	background-repeat: no-repeat;
	/*background-color: #B9D305;*/
}
.Separador{
	color:#B9D305;
}
#panelsuperior{
	float: right;
	color: #001E51;
	margin: 31px 0px 0px 0px; 
	}
#cabecera #MenuSuperior{
	float: left;
	margin: 0px 10px 0px 0px;
}
#cabecera #MenuSuperior a, #cabecera #MenuSuperior a:visited{
	color: #001C4D;
}
#cabecera #MenuSuperior a:hover{
	text-decoration: underline;
}

#cabecera #MenuSuperior li{
	display: inline;
}
.buscador{
}
.buscador input{
	width: 100px;
	height: 10px;
	font-size: .9em;
}
/***********************************************************************************/
#panelizquierdo{
/*	background-image: url(Images/BGMenuSupIZQ.png);
	background-position:left;
	background-repeat: no-repeat;
	height:26px;
	border: 1px solid red;*/
}
#menu_general{
	background-image: url(Images/BGMenuSupDER.png);
	background-position:right top;
	background-repeat: no-repeat;
	height:40px;
	
	
	text-align: center;

}
#menu_general ul li{
	margin: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	line-height: 35px;
}


#menu_general .Separador{
	width: 2px;
	background-image: url(Images/BGSeparadorMenuSup.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	/*display: block;*/
	margin: 0px 20px 0px 20px;
	color: #DFE6F1;
}
#menu_general ul li a{
	background-image: url(Images/TOPOMenuSup.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 8px;
}
#menu_general ul li a:hover{
 text-decoration: underline;
}


/*****************************************************/
#panelcentro{
	margin: 5px 0px 20px 0px;
	}
.bienvenida{
	clear: both;
	width: 100%;
}
.bannersHome{
	height: 215px;
	display: block;
	margin: 18px 0px 0px 0px;
	/*float: left;*/
}
.bannersHome li{float: left;}
.bannersHome li a{
	color: #ffffff;
	margin:185px 0px 0px 0px;
	float: left;
	text-align: center;
	display: block;
	width: 100%;
}
.bannersHome li a:hover{
	color: #ffffff;
	text-decoration: underline;
}
.bannersHome .bannerH1{
	background-image: url(Images/masIdinet.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 280px;
	height: 215px;
	}
.bannersHome .bannerH2{
	background-image: url(Images/bannerPodemosAyudarte.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 280px;
	height: 215px;
	margin: 0px 59px 0px 59px;
	}
.bannersHome .bannerH2 a, .bannersHome .bannerH1 a, .bannersHome .bannerH3 a{
	color:#ffffff;
}
.bannersHome .bannerH3{
	background-image: url(Images/boletin.png);
	background-position: 0px 0px ;
	background-repeat: no-repeat;
	width: 272px;
	height: 214px;
	}
.bannersHome .bannerH3 .boletin{
	
	margin: 10px 0px 0px 10px;
	font-weight: bold;
	width: 100px;
	line-height: 15px;
	color:#5F6D00;
	text-align: left;
}
.bannersHome .bannerH3 .trabajar{
	margin: 10px 0px 0px 40px;
	font-weight: bold;
	width: 100px;
	line-height: 15px;
	color:#5F6D00;
	text-align: left;
}
.bannersHome .bannerH3 .casos{
	margin: 129px 0px 0px 0px;
	text-align: center;
	display: block;
	width: 100%;
	color:#001541;
	font-size: 1.1em;
}
/*********/
#PanelContenedor{
	float: left;
	/*width: 616px;*/
	margin: 15px 0px 15px 0px;
}
/*********************************************/
.elementoListanoticias{
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #E8E8E8;
	padding: 0px 0px 0px 0px;
	float: left;
	
	
}
.miniaturaNoticia{
	border: 1px solid #cccccc;
	float: left;
	margin: 0px 20px 15px 0px;
}
.elementoListanoticias .fecha{
	font-size: .9em;
	color: #195F3A;
	display: block;
}
.elementoListanoticias .titulo{
	font-size: 1.1em;
	font-weight: bold;
	color: #001541;
	margin: 0px 0px 10px 0px;
}
.elementoListanoticias .titulo a{
	color: #001541;
}
.elementoListanoticias  .resumennoticia{
	display: block!important;
	margin: 10px 0px 5px 0px;
	float: left;
	border: 1px solid #fff;
}
.elementoListanoticias  .resumennoticia p{
	float: left;
}

.elementoListanoticias .controles{
	display: block;
	text-align: right;
	margin: 10px 0px 0px 0px;
	float: right;
	width: 100%;
}
.vermas{
	display: block;
	background-image: url(Images/topoVerMas.png);
	background-position:right ;
	background-repeat: no-repeat;
	padding: 0px 12px 0px 0px;
	color: #DD2A00;
}
.vermas:visited{
	color: #DD2A00;
}

	
/*******************************************************************************************/
#panelderecho{
	float: right;
	margin: 0px 0px 20px 0px;
	width: 269px;
}
/*.casosexito{
	
	padding-left: 620px;
	width: auto;
	}

.casosexito{
	text-align: center;
	//position: absolute;
	//top: 360px;
	//padding: 0px;
	margin: 0px 0px 0px 120px;
	}*/
.casosexito{
	float: left;
	margin: 0px 0px 0px 100px;
}
.casosexito li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #E8E8E8;
	width: 140px;
	text-align: center;
}
.noticias{
	float: left;
	width: 650px;
}
/********************************************************************************************/
#panelpie{
	border-top: 5px solid #001C4D;
	width: 950px;
	margin: 0 auto;
	clear:both;
	padding: 10px 0px 30px 0px;
	color: #666666;
	margin-top: 40px;
	
}
#panelpie a, #panelpie a:active, #panelpie a:visited{
	color: #666666;
}
#panelpie a:hover{
	color: #0B692A;
	text-decoration: underline;
}
#panelpie ul{
	margin: 0px 0px 5px 10px;
	float: left;
}
#panelpie ul li{
	display: inline;
}
#panelpie .creditos{clear: both;}
#panelpie .creditos li{
	display: block;
}
#panelpie .logos{
	float: right;
	margin: 0px 0px 0px 0px;
}
#panelpie .logos img{
	/*float: right;
	clear: both;
	margin: 0px 0px 10px 0px;*/
}
#panelpie .copyright{
	float: left;
	clear: both;
}
.logopie{
	float: left;
	margin-right: 20px;
}
/**************************************************************/

.AspNet-GridView-Pagination{
	border: 1px solid red;
	display: none;
}




