/* BASE Y BACKGROUNDS------------------------------------------------------------- */
*{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #ECEBED url(../images/bg.gif) repeat-x top;
    color: #000;
    font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;
}

#bg_over {
    background: #fff url(../images/bg.gif) repeat-x top;
}

/* Override basic values */
#page {
  width:100%;
  height:100%;
  margin: 0px auto 0px auto; /* Centrado... */
  text-align: left; /* Correccion de centrado para IE6 */
  background: url(../images/logo.gif) no-repeat top left;/**/
}
#main {
    padding:7px;
    margin: 7px 5px;
    min-height:400px;
}
/* min-height hack for Internet Explorer */
/*\*/
* html #main {
    height: 480px;
}

#header, #footer {
    color:#fff;
}
#header {
    margin-bottom: 5px;
    height:80px;
}
#main-table {
    width: 90%;
    margin: 0px auto;
}
#footer {
    background: #ECEBED url(../images/bg_footer.gif) repeat-x top;
    min-height: 107px;
    text-align:center;
    padding-top: 16px;
}
#sidebar-right {
    width: 160px;
    vertical-align: top;
    padding:7px;
    margin: 7px 5px;
}


/* GENERAL FORMATS ------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 2px 0px; }
h1 { 
    color: #CC0214;
    font: bold 20px Arial;
    margin: 7px 0px;
    padding: 3px 5px;
    height: 26px;
}
h2 { 
    color: #cc0214;
    font: bold 18px Arial;
    margin: 7px 0px;
    padding: 3px 7px;
    height: 17px;
}
h3 {
    font: bold 16px Arial;
    color:#CC0214;
    padding: 1px 10px;
}
h4, h5, h6 { font-size: 1.1em; }

p {
    margin: 8px 0px;
}

img, a img { border: none; }

a:link { color: #C01; font-weight:bold; text-decoration: none;}
a:visited { color: #701; font-weight:bold; text-decoration: none;}
a:hover {  color: #f11; font-weight:bold; text-decoration: underline; }
a img:hover { text-decoration: none; }
a:active {}

.links {
    border: 1px solid #974;
    background-color: #dca;
}

.destacated {
    font-weight: bold;
    font-size: 110%;
}

/* LISTS------------------------------------------------------------- */
ul {
    padding-left: 30px;
}
li {
    list-style-type: circle;
}
dl {
    margin: 8px 0px;
}
dd {
    margin-left: 30px;
}

/* TABLES------------------------------------------------------------- */
table {
    width: 100%;
}
table td {
    vertical-align:top;
    padding:0px;
    border-spacing:0px;
}
tr.even {
    background:#f2d6a7;
    border-bottom:1px solid #aaa;
    padding:0.1em 0.6em;
}
tr.odd {
    background:#eee;
    border-bottom:1px solid #aaa;
    border-bottom:1px solid #aaa;
    padding:0.1em 0.6em;
}

/* PORTLETS----------------------------------------------------------- */
div.portlet {
}
div.portlet .header {
    color: #cc0214;
    font: bold 14px Arial;
    background: #F4BC5F url(../images/h2.jpg) repeat-x bottom;
    border: 1px solid #8b6f46;
    margin: 4px 0px;
    padding: 3px 2px;
    height: 17px;
}
div.portlet .content {
    border: 1px solid #8b6f46;
    background-color: #FAE2B3;/* intentar clarear con #fec;?*/
    padding:7px;
}

/* MAIN MENU --------------------------------------------------------- */
#mainmenu ul {
}
#mainmenu ul li {
    display: inline;
}
#mainmenu ul li a {
    padding: 0px 5px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}
#mainmenu ul li a:hover, #mainmenu ul li a.active {
    background: #7A0210;
}

.actionBar {
    margin: 7px 0px;
    padding: 4px 0px;
    border-bottom: 1px solid #999;
}
.actionItem {
    font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;
}

/* USERS ------------------------------------------------------------- */
#login_widget { 
    background: url(../images/user1.png) center left no-repeat;
}
#small_login { 
    padding: 5px;
    background: url(../images/user1.png) center left no-repeat;
    font-size: 90%;
    height: 70px;
    width:204px;
}
#small_login_message {
    height:13px;
    width:190px;
    margin-left: 30px;
    margin-bottom: 4px;
}
#small_login_message_over {
    color: #666;
    background: #ff9;
    border: 1px solid #cc7;
    padding: 0 2px;
}
#user-login  { background: url(../images/login_bg.jpg) top left repeat-x; }
#user-loginover { background: url(../images/login_bg_over.jpg) top left no-repeat; }


/* PAGERS ---------------------------------------------------------------- */
ul.yiiPager a:link, ul.yiiPager a:visited {
    border:1px solid #C45;
    color:#C45;
}
ul.yiiPager a:hover {
    background:#fdd;
    border:1px solid #C01;
    color:#C01;
}
ul.yiiPager .selected a {
    background:#C01;
    color:#FFFFFF;
}
ul.yiiPager .hidden a {
    border:1px solid #DEDEDE;
    color:#888888
}


/** Flash elements */
.flash { display:none; }
.flash ul {
    list-style:none;
    margin:0;
    padding:0;
}
.flash li {
    list-style:none;
    text-decoration:none;
}
.flash .info {
    color: #4F8A10;
    background-color: #cfc;
    border:1px solid #595;
    font-weight:bold;
 }
.flash .warn {
    color: #9F6000;
    background-color: #ffc;
    border:1px solid #995;
    font-weight:bold;
 }
.flash .error {
    color: #D8000C;
    background-color: #fcc;
    border:1px solid #955;
    font-weight:bold;
 }



/* TABS (yiiTabs y wizardTabs)---------------------------------------------------------------- */
.yiiTab ul.tabs {
    padding: 2px 0;
    margin: 0;
    border-bottom:1px solid #aaa;
    font-family:Verdana,sans-serif;

}
.yiiTab ul.tabs li {
    list-style: none;
    margin: 0;
    display: inline;
}
.yiiTab ul.tabs a {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
    padding: 2px 0.5em;
    margin: 0 0 0 3px;
    border: 1px solid #4F81BD;
    background:#edc none repeat scroll 0 0;
    border-bottom: none;
    border-color:#aaa #aaa;
    text-decoration: none;
}
.yiiTab ul.tabs a:link {
	color: #C01;
}
.yiiTab ul.tabs a:visited {
	color: #644;
}
.yiiTab ul.tabs a:hover {
    background:#fed none repeat scroll 0 0;
    border-color:#C01;
    color:#000;
}
.yiiTab ul.tabs a.active, .yiiTab ul.tabs a.current {
    background:white none repeat scroll 0 0;
    border-bottom:1px solid white;
}
.yiiTab div.view {
    border:none;
    padding: 8px;
    margin: 0;
}


/* TABS */
div.panes div.pane {
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	font-size:14px;
	background-color:#fff;
}


div.panes div.pane {
	background:#fff url(../images/h300.png) repeat-x bottom left;
	-background:#fff;
}


/* root element for tabs  */
.wizardTab ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
}

/* single tab */
.wizardTab ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.wizardTab ul.tabs a {
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

.wizardTab ul.tabs a:active { outline:none; }

/* when mouse enters the tab move the background image */
.wizardTab ul.tabs a:hover {
	background-position: -652px -31px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.wizardTab ul.tabs a.current, .wizardTab ul.tabs a.current:hover, .wizardTab ul.tabs li.current a {
	background-position: -652px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


.wizardTab ul.tabs a 			{ background-position: -519px 0; width:134px; }
.wizardTab ul.tabs a:hover 	{ background-position: -519px -31px; }
.wizardTab ul.tabs a.current { background-position: -519px -62px; }

/* width 1 */
.wizardTab ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
.wizardTab ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
.wizardTab ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
.wizardTab ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
.wizardTab ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
.wizardTab ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
.wizardTab ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
.wizardTab ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
.wizardTab ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
.wizardTab ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
.wizardTab ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
.wizardTab ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden 
div.panes div.pane {
	display:none;
}/**/

ul.tabs li {
    list-style-type:none;
}


/** Tooltips / popups */
.tooltip {
    border-top: 1px solid #666;
	background:#eee;
    color:#000;
	_background-image:none;
	padding:10px;
	width:140px;
	float:left;
	margin-right:15px;
    z-index:20;

	-moz-border-radius:10px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-moz-box-shadow:0 0 13px 0 #333;

	-webkit-border-radius:10px;
	-webkit-border-top-right-radius:0;
	-webkit-border-top-left-radius:0;
	-webkit-box-shadow: 0 0 13px #000;
}
.tooltip #message {
	padding:5px 10px;
	width:140px;
	margin:0px -10px;

	-moz-border-radius:10px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-webkit-border-radius-bottom-left:8px;
	-webkit-border-radius-bottom-right:8px;
}
.tooltip #message.error {
	color:#fff;
	background:#c10;
}
.tooltip #message.info {
	color:#fff;
	background:#1c0;
}



.bnr {
    margin: 3px 0px;
    padding: 3px 0px;
    border: 1px solid #ccc;
}

.title {
    font-size: 140%;
}

#tooltip {
    display:none;
    background:transparent url(../images/tooltip.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;
}

.rss_item {
    margin: 8px 0px;
    border-bottom: 1px solid #999;
}
.rss_item .body {
    font-size: 90%;
}

/* CONFIGURACION DESARROLLO -------------------------------------------------------------
body { background-color: #fff; }
#header { border: 1px dashed black; background: #555; color:#fff; }
#header_block { display:none; }
#footer { display:none; }
#user-login  { background: transparent; }
#user-loginover { background: transparent; }
.box .title { border: 1px dashed black; background: #fff; }
#bnr-bar { display:none; }
h1, h2, h3, div.portlet .header { background: #555; color:#fff; }
/**/