DIV{ 
	/*BORDER:1PX SOLID RED;*/
	/*margin: auto; Firefox para alinear al centro los divs*/
}


body {	
		background-color:#efefef;
		color:#323232;
		font-family:Helvetica,Verdana,Arial,sans-serif;
		font-size:0.8em;
		line-height: 1.2em;
}

p {
	margin-bottom: 4px;
	
}

a {
	text-decoration:none;
	color:#0092E8;
}

a.imagenopacidad:hover img {
	opacity:0.6;
}

/*Prueba de centrado de DIVs*/
#page {

	/*text-align: centerIE para alinear los divs*/;
	
	
}
	
	
	
/*
	Los DIVs en IE se centran a través del padre con text-align: center.
	En Firefox los DIVs no son sensibles al text-align, pero sí al margin: auto, cosa que IE no. 
*/

/*=========  CABECERA  ==============*/
#portal_head {
		border:0px solid green;
 		background:url(/img/basic/tiling_1.jpg) repeat-x top right;
  		border-bottom:3px solid white;
  		padding-bottom:4px;
  		text-align:center;
  
}
#imghead {
			margin-top:4px;
}



/*=========  PRINCIPAL  ==============*/
#portal_main
	{
		min-height:420px; 
		margin: 0 0;/*arriba-abajo izquierda-derecha*/
		text-align:center;
		border:0px solid red;
		background-color:#ffffff;
		
	}

.contentPortletTitle {
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#0078AE url(/img/basic/jquery/ui-bg_glass_75_79c9ec_1x400.png) repeat-x scroll 50% 50%;
	border:1px solid #77D5F7;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	font-size: 1.2em;
	
}

.srtitlehead {

	font-weight: bold;
	color:#0092E8;
	border-bottom:1px dotted #989898;
	margin:4px;
	margin-bottom: 15px;
	padding: 5px;
	padding-left:20px;
	font-size: 1.2em;
	background: #fafafa url(../../img/arrow_2.gif) no-repeat 6px 50%;

}

.srtitle {
	font-weight: bold;
	color:#0092E8;
	border-bottom:1px dotted #989898;
	margin:4px;
	margin-bottom: 15px;
	padding-left:5px;
	font-size: 1.1em;
}

.srtitle a{
	color:#0092E8;
}

.destacado {
	font-weight: bold;
	font-size: 1.0em;
	margin:10px;
}


.icons-container{
	background-color:#c5eaff;
	border:1px solid #0092E8;
	margin:5px;
	padding:5px;
	text-align: right;
	vertical-align: middle;

}


.paginationdiv {

		background-color:#EFEFEF;
		border:1px solid #bdbdbd;
		margin:5px;
		padding:5px;
		text-align: right;
		vertical-align: middle;

}
/*========PORTLETS===========*/

/*PORTLETS : esta es decada uno de los portlet*/
.portletdiv {
	 border:1px solid black;/* por defecto tiene borde , si en la configuracion se le quita se le aplicara el estilo noborder*/
	 margin:4px;
}
.portlethead {
	 height:22px;
	 /*width: 100%;*/
	 padding:0 5px; /* solo left y right */
	 background-color: #7ccbe5;
	 color:white;
	 font-weight:bold;
	 border-bottom:3px solid white;
	 
	
}
.portlettitle {
	 float:left;
	text-align:left; 
	padding-top: 2px;
	font-size: 1.2em;
	
}
.portletcontrols {
	 float:right;
	text-align:right; 
	padding-top: 2px;
	
}
.portletcontrols img{
	border:0;
}

/*  parte interna de cada portlet*/
.portletdiv_internal {
	clear:both;
	padding: 10px;
	text-align: justify;
	background-color:#ffffff;
	border:1px solid #b9b9b9;
	
}


.noborder{border:0;}
.nodisplay{display:none;}
.nobg{background-color: transparent;}

/*tabla donde se pintan los bloques de portlets*/
#portletlayout {
	width: 100%;
	text-align: center;
	background-color: #efefef;
	border:0px solid red;
	/*filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;	*/	
}

/*===========  LISTADOS  ==============*/
.itemlistadoNoticias {
	background: white url(/img/basic/fondolistado.gif) repeat-x 0 100%;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid silver;
	text-align: left;
	min-height:60px; 
	/*border:1px solid red;*/
	margin-bottom: 2px;
	text-align: justify;
	overflow: auto;
	

}

.itemlistadoNoticias img {

	float:right;
	width:133px;
	height:100px; 
	margin-left: 10px;
	border:2px solid silver;
}

.tablehd {

	border:1px solid silver;
	background-color: #dfdfdf;
	font-weight: bold;
	text-align: center;
	height: 22px;
}

hr, .separator {
border-top:1px dotted #BFBFBF;
}
.separator {
margin:15px auto;
}

/*==================  PORTLET WEBDISPLAY ==========*/
.gallery {
	border:2px solid #efefef;
	margin:10px;
	padding:5px;
	padding-top:15px;
	padding-bottom:15px;
	text-align: left;
}

.gallery img {

	border:1px solid silver;
	margin:10px;
	width: 140px;
	
}

.divfile {
	border:2px solid #efefef;
	margin:10px;
	padding:5px;
	padding-top:15px;
	padding-bottom:15px;
	text-align: left;

}

/*=================  MENSAJES =============*/
/* ---------- ESTILOS DE MENSAJES ---------- */

.portlet-msg-info {
	background: #DFF4FF url(../../img/basic/messages/info.png) no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

.portlet-msg-info.pending {
	background-image: url(../../img/basic/common/time.png);
}

/* ---------- Error messages ---------- */

.portlet-msg-error {
	background: #fdd url(../../img/basic/messages/error.png) no-repeat 6px 50%;
	border: 1px solid #f00;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Warning messages ---------- */

.portlet-msg-alert {
	background: #ffc url(../../img/basic/messages/alert.png) no-repeat 6px 20%;
	border: 1px solid #fc0;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Success messages ---------- */

.portlet-msg-success {
	background: #F4FDEF url(../../img/basic/messages/success.png) no-repeat 6px 50%;
	border: 1px solid #ACDFA7;
	color: #384F34;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}
.popup-alert-warning {

	background:#FFDDDD url(../../img/basic/messages/error.png) no-repeat scroll 5px 50%;
	/*font-weight:bold;*/
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border-bottom:1px solid #FF0000;
	font-size:1.1em;
	left:0;
	padding:10px 10px 10px 35px;
	position:fixed;
	top:0;
	width:100%;
	z-index:10000;
	
}
.popup-msg-warning {

	background:#ACD3A7 url(../../img/basic/messages/sucess.png) no-repeat scroll 5px 50%;
	/*font-weight:bold;*/
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border-bottom:1px solid #ACDFA7;
	font-size:1.1em;
	left:0;
	padding:10px 10px 10px 35px;
	position:fixed;
	top:0;
	width:100%;
	z-index:10000;
	
}

/*=========  PIE  ==============*/
#portal_foot{
	margin-top:3px;
	border-top:1px solid silver;
	height:20px;
	text-align:left;
	padding:5px;
	padding-left:20px;
	border:1px solid silver;
	vertical-align: middle;
}


/*=========================================
		JQUERY imagenes que se agrandan
==========================================*/
.fisheye{
	text-align: center;
	height: 90px;
	position: absolute;
	right:120px;
	top:50px;
}
a.fisheyeItem
{
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
a.fisheyeItem2
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	bottom: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px;
	width: 100%;
}
.fisheyeItem2 img
{
	border: none;
	margin: 5px auto 0;
	width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
	font-weight:bold;
	display: none;
	color:#c00;
	font-size: 14px;
}
.fisheyeContainter
{
	background-color: transparent;
	height: 90px;
	width: 200px;
	left: 500px;
	position: absolute;
	border:0px solid white;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;		
}
/*================ FIN JQUERY */
/*=========================================
		MENU
==========================================*/
#menu {
	font-family: "Trebuchet MS", Arial, san-serif;
	/*width:492px;*/
	width:720px;
	height:42px;
	position:relative;
	font-size:11px;
	margin: 0;
	margin-left:18px;
	z-index: 10000;
}
#menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	width:81px; 
	height:42px; 
	text-align:center;
	border-bottom: 0;
	background-image:url(/img/basic/menu/2a.png);
	line-height:48px; 
	font-size:11px; 
	overflow:hidden;
	padding-left: 1px;
}
/* first and last tabs */
#menu .one {
	background-image:url(/img/basic/menu/1a.png);
	padding-left: 1px;
	margin-right: -1px;
}
#menu .three {
	background-image:url(/img/basic/menu/3a.png);
}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

/* button hover properties */
#menu ul li:hover a {color:#043454; background: url(/img/basic/menu/2b.png);}
#menu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;}
#menu ul li:hover ul li a.two {background:#6a3; color:#fff;}
#menu ul li:hover ul li:hover a.two {background:#6fc; color:#544a3a;}
#menu ul li:hover ul li ul {display: none;}

#menu ul li:hover .one {color:#043454; background: url(/img/basic/menu/1b.png);}
#menu ul li:hover .three {color:#043454; background: url(/img/basic/menu/3b.png);}

/* dropdown properties */
#menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#043454; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
#menu ul li:hover ul {
	margin: 0 0 0 3px;
	padding: 0;
	background-image: url(/img/basic/menu/ddbg.png);
	background-repeat:no-repeat;
	background-position:bottom left; 
}
#menu ul li:hover ul .hlight {
	background-image: url(/img/basic/menu/hlight2.png);
	margin-right: 1px;
}

/* dropdown selected properties */
#menu ul li:hover ul li a:hover {color:#fff; background-image: url(/img/basic/menu/hlight.png);}

#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-105px;}
/*================ FIN MENU */
/*////////////////////////////////////////////////////////////////////////////////
				PESTAÑAS
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.ui-tabs {

margin:0 0 18px;
padding:0 0 0 10px;

}

.tabs {

	border-bottom:2px solid silver;
	height:36px;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.ui-tabs li.current {
}
.ui-tabs li {
display:inline;
float:left;
line-height:1;
padding:0;
text-decoration:none;

}

.ui-tabs li.current a, .ui-tabs li.current span {
background:#d4e1f2 none repeat scroll 0 0;
border-color:#DEDEDE #DEDEDE -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
color:#232222;
font-weight:bold;
}

.ui-tabs li.last {
border-right:medium none;
}

.ui-tabs li a, .tabs li span {

	background: white url(/img/basic/application/tabs_bg.png) repeat-x 0 100%;
	border-right: 1px solid #304049;
	color: #565656;
	display: block;
	float: left;
	padding: 10px;
	position: relative;
	text-decoration: none;
	top: 1px;

}


.lilistado {
	background-image: url(../../img/basic/buttons/botonoff.png);
	order-bottom:0 none;
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
height:35px;
line-height:35px;
overflow:hidden;
padding-left:1px;
text-align:center;
text-decoration:none;
width:180px;
}

.lilistado :HOVER {
	background-image: url(../../img/basic/buttons/botonon.png);
}