body{
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	background-image: url('img/bg.jpg');
	background-repeat: repeat-x;
	background-color:#fff;
	font-family: Verdana;

}

#header{
	background-image: url('img/cabecera.png');
	padding: 0;
	width:100%;
	height:180px;
	position:relative;
	background-repeat: no-repeat;
	}

#nav{
	width:100%;
	height:30px;
	position:relative;
}

#main{
	width: 1000px;
}

.leftCol{
	width: 250px;
	float: left;
	margin-top:15px;
}

.panelDerecho{
	width: 720px;
	margin-left:30px;
	margin-top:15px;
	float: right;
}

.slidePanel{
	width: 720px;	
}

.miniPanel{
}

.contenidos{
	margin-top:15px;
	width: 430px;		
	float:left;
}

.colDerechaPeq{
	margin-top:15px;
	width: 220px;		
	float:right;
	margin-left:30px;
}

.contentPane{
		width: 720px;
		margin-left:30px;
		margin-top:15px;
		float: right;
		/*background-color:#fff;
		border: 1px solid #367da7;*/
}

.pie
{
	margin-top:15px;
	height:100px;
	float: left;
	width: 1000px;
	background-image: url('img/bg2.jpg');
	background-repeat: repeat-x;
}


.divHoja{
	background-color:#fff;
	border: 1px solid #367da7;
	padding-top: 5px;
	padding-right: 20px; 
	/*padding-right; -15px; */
	/*padding-bottom: -15px; */
	padding-left: 20px; 
}


.panelLinks{
	background-color:#10527e;
	border: 1px solid #FFF;
	color: white;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.panelLinks a:visited{
	background-color:#10527e;
	border: 1px solid #FFF;
	color: white;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.panelCalendario{
	background-color:#FFF;
	border: 1px solid #367da7;
	color: #10527e;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.panelLinks a {
	color: white;
	text-decoration: none;
	font-size: 12x;
}

.Head {
	font-size: 28px !important;
	font-family: Verdana !important;
	color: rgb(28, 95, 144) !important;
	text-decoration: none !important;
	border-bottom: 0px !important;
}

.TitleH2 {
	font-size: 28px !important;
	font-family: Verdana !important;
	color: rgb(28, 95, 144) !important;
	text-decoration: none !important;
	border-bottom: 0px !important;
}

h1 {
	font-size: 20px !important;
	text-align:center;
	font-family: Verdana !important;
	color: rgb(182, 97, 45) !important;
	text-decoration: none !important;
	/*border-bottom: 0px !important;*/
	border-bottom: 1px solid #b6612d;
}

h2 {
	font-size: 20px !important;
	font-family: Verdana !important;
	color: rgb(182, 97, 45) !important;
	text-decoration: none !important;
	border-bottom: 0px !important;
}

h3 {
	font-size: 15px !important;
	font-family: Verdana !important;
	color: rgb(182, 97, 45) !important;
	text-decoration: none !important;
	border-bottom: 0px !important;
	line-height: 1;
}



p {
	font-size: 12px !important;	
	font-family: Verdana !important;
	color: rgb(59, 59, 59) !important;
}


.normalText {
	font-size: 13px !important;	
	font-family: Verdana !important;
	color: rgb(59, 59, 59) !important;
}

.cab {
	font-size: 13px !important;
	font-family: Verdana !important;
	color: rgb(28, 95, 144) !important;
	text-decoration: none !important;
	border-bottom: 0px !important;	
	font-weight: bold;
}

a{
	font-family: Verdana !important;
	color: rgb(28, 95, 144)	;
}

a:visited{
	font-family: Verdana !important;
	color: rgb(28, 95, 144)	;
}



/*---------------------------------*/
/*REGLAS PARA EL MODULO DE NOTICIAS*/
/*---------------------------------*/

/*---------- Common Styles (for both list and details)  -------------- */
.saListDate,.saListDate>*,.saListTitle,.saListTitle>*,a.saListTitle,a.saListTitle>*,.saListPager,.saListPager>*,.saListDateHeader,.saListDateHeader>*,.saListTitleHeader,.saListTitleHeader>*,.saListVisibleHeader,.saListVisibleHeader>*,.saDetailsDate,.saDetailsDate>*,.saDetailsDateTitleSeparator,.saDetailsDateTitleSeparator>*,.saDetailsBackAllSeparator,.saDetailsBackAllSeparator>*,.saDetailsTitle,.saDetailsTitle>*,a.saDetailsAllArticles,a.saDetailsAllArticles>*,.saDetailsAllArticlesLnkWrapperSpan,.saDetailsAllArticlesLnkWrapperSpan>*,.saDetailsBackToPreviousLnkWrapperSpan,.saDetailsBackToPreviousLnkWrapperSpan>*, a.saDetailsBackToPrevious, a.saDetailsBackToPrevious>* {font-family: Verdana;line-height:20px}
/*---------------------------------------------------------------------*/

/* -------------------------- List Styles -----------------------------*/

/* The date of an article on the list page */
.saListDate,.saListDate>* {color:white; font-size: 0px; }

/* The title of an article on the list page */
a.saListTitle,a.saListTitle>* {font-weight:bold;font-size: 14px; text-decoration: none}

/* The pager */
.saListPager,.saListPager>* {}

/* "Date Header Text/HTML" (applied when List Type=Grid or when the module is in edit mode) */
.saListDateHeader, .saListDateHeader>* {text-align:left;color:red}

/* "Title Header Text/HTML" (applied when List Type=Grid or when the module is in edit mode) */
.saListTitleHeader, .saListTitleHeader>* {font-weight:bold;text-align:left;color:red}

/* The "Visible" header (applied when the module is in edit mode) */
.saListVisibleHeader,.saListVisibleHeader>* {text-align:left;color:red}
/*---------------------------------------------------------------------*/

/*------------------------------Details Styles-------------------------*/

/* The date of an article on the details page */
.saDetailsDate,.saDetailsDate>* {}

/* Date-Title Separator Text/HTML */
.saDetailsDateTitleSeparator,.saDetailsDateTitleSeparator>* {}

/* All-Back Separator Text/HTML */
.saDetailsBackAllSeparator,.saDetailsBackAllSeparator>* {float:right;}

/* The title of an article on the details page */
.saDetailsTitle,.saDetailsTitle>* {font-weight:bold;color: rgb(28, 95, 144); font-size: 20px;margin-bottom:20px;display:block}

/* "All-Articles Link Text/HTML" */
a.saDetailsAllArticles,a.saDetailsAllArticles>* {float:right; font: normal 100%/100% 'Yanone Kaffeesatz', arial, serif}

/* The span tag that wraps "All-Articles Link Text/HTML" */
.saDetailsAllArticlesLnkWrapperSpan,.saDetailsAllArticlesLnkWrapperSpan>* {}

/* Back Link Text/HTML */
a.saDetailsBackToPrevious,a.saDetailsBackToPrevious>* {float:right; font: normal 100%/100% 'Yanone Kaffeesatz', arial, serif}

/* The span tag that wraps "Back Link Text/HTML" */
.saDetailsBackToPreviousLnkWrapperSpan,.saDetailsBackToPreviousLnkWrapperSpan>* {}

/*For the content (on the list page) when "Grid with Content" is selected*/
.saListContent, .saListContent>* {}

/*For the content on the details page*/
.saDetailsContent,.saDetailsContent>* {}
/*---------------------------------------------------------------------*/





/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none ;
}
 
/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
}
 
/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
    position:relative;
}
 
/* We apply the link style */
#menuwrapper ul li a{
    padding:4px 13px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}
 
/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
    z-index:9999;

}
 
/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:185px;
    top:0px;
    display:block;
}
 
/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    background-color:#367da7;
    z-index:9999;
}
 
/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background-color:#10527a;
    z-index:9999;
}
 
/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color:#fff;
    display:inline-block;
    width:185px;
}
 

/* Clear float */
.clear{
    clear:both;
}