/*
 *  ADMIN
 *  layout 
 *  
 *  
*/
.container{width:960px;height:auto; } /*Also can be 840, 720, 600…*/
/*.container{background:url(../images/test.jpg);}*/



#header{
	margin:0px;
	margin-bottom:4px;
	margin-top:4px;
	/*background-color:#cfdeee;*/ /*#f5f5f5;*/
	border-bottom:1px solid  #b6c4d1;/*border-bottom:1px solid black;*/
}
#header h2{
	
	margin-top:14px;
	
}
#footer {
	text-align:right;
	margin-top:40px;
}
#infomessage {

	background-color:#FFFFB3;
	font-weight:bold;
	padding:.6em;	
}

/* border styles and colors */
.colcontent, .colcontent_border, .colcontent_vborder, .colcontent_hborder, .sidenote{border-style:solid; border-color:#666;}

/* colors */
body{color:#4D4D4D; background:#fff;}
a{text-decoration:underline;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover,a:active{color:#0066dd;}
.quiet{color:#666;}

.gris{
	background-color:#F5F5F5;
}
/*for dev only*/
.bgcolor {background-color:#e6e6e6;}
.bgcolor1 {background-color:#fee;}
.bgcolor2 {background-color:#eef;}

/* font-family (sizes are set already) */
body{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
select,input,textarea{font-family:Arial,Helvetica,sans-serif;}
pre,code{font-family:"Courier New", Courier, mono;}

hr {
  border: 0;
  width: 100%;
  color:#b5b5b5;
  background-color: #b5b5b5;
height: 3px;
}
.number{
	font-family: Georgia,Times New Roman,Helvetica,sans-serif; 
	font-weight: bold; 
	font-style:italic;
}	
.rounded{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}	

/* tablas */

table{
	
}
table td{
	padding:7px;
	
}

table a{
	text-decoration:none;
}
th{
	color:#4D4D4D;
	font-size:small;
}
table tr.alt{
	background-color:#f0f0f0;
}

tr:hover,tr.alt:hover{
	background-color:#e3e3e3;
}


/*
 * mscln
 */
a.mscln{
	padding:3px;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0.001em;
}


/*  menu horizontal con submenu desplegable*/

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		margin-right:10px;
		
		float:left;
	}

	#nav a {
		display: block;
		text-decoration:none;
		padding:0 6px 0 6px;
		/*width: 10em;*/
	}
	
	#nav li { /* all list items */
		float: left;
		/*width: 10em;  width needed or else Opera goes nuts padding:2px;*/
		
		background:#ededed;
		margin:0;
		margin-right:1px;
		
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
		background: white;
		width: 10em;
		left: -999em; /* using left instead of display to hide menus because display: none isn\\\\\\\'t read by screen readers */
	}
	#nav li a{
		padding:0.6em;
	}
	#nav li a:hover{
		
		color:#fff;
		background-color:#b0adad;
	}
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	#nav .selected{
	font-weight:bold;
	color:#f0f0f0;
	background-color:#4d4d4d;
	}
	#nav .home{
	background:#ededed url(../icons/admin/circle.gif) center no-repeat;
	}


/* fin menu horizontal*/

 
 
/*  menu horizontal con submenu desplegable*/

	#top_nav, #top_nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		float:left;
		font-size:12px;
	}

	#top_nav a {
		display: block;
		text-decoration:none;
		padding:0 6px 0 6px;
		/*width: 10em;*/
	}
	
	#top_nav li { /* all list items */
		float: left;
		/*width:80px; 10em;  width needed or else Opera goes nuts padding:2px;background:#ededed;*/
		
		
		margin:0;

		border-right:1px solid #ccc;
		margin-right:1px;
		
	}
	
	#top_nav li ul { /* second-level lists */
		position: absolute;
		border:none;
		background:#f5f5f5;
		width:90px; 
		/*width: 10em;*/
		left: -999em; /* using left instead of display to hide menus because display: none isn\\\\\\\'t read by screen readers */
	}
	#top_nav li ul li{
		border:none;
	}
	#top_nav li a{
		padding:0.3em 0.6em;
	}
	#top_nav li a:hover{
		background-color:#d4d1d1;
	}
	#top_nav li:hover ul, #top_nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
/* fin menu horizontal*/

 

/*
 * sub menu 
 */

.admin_submenu{
	padding:10px 0 20px 0;
	
}

/*
 * page_tree
 */

.page_tree{
	margin:0;
	padding:0;
}
.page_tree li{
	display:block;
	padding:0;
	/*font-size:18px; 0 0 6px*/
}
.page_tree a{
	text-decoration:none;
}
.pagetree_item{
	display:inline-block;
	clear:both;
	width:100%;
	height:auto;
	border-bottom:1px solid #ccc;
	padding-bottom:0px;
	padding-top:4px
	/*
	 clear:both;border-bottom:1px solid #ccc;padding-top:4px;
	 */
}
.page_tree li div:hover{
	background-color: #eee;
}



/* dashboard
 * 
 */

.dash_block{
	border-top:1px solid #4d4d4d;
	width:33%;
	float:left;
}
.dash_block_long{
		border-top:1px solid #4d4d4d;

	width:66%;
	float:left;
}









/*
 * calendario
 */
.calborder 		{ width:300px; text-align:center;}
.dateback		{ background-color: #eee; }
 
/* Month View */
 
.monthback		{ background-color: #A1A5A9; }
.monthoff		{ background-color: #F2F2F2; height: 20px; width: 20px; text-align: center;  vertical-align: top; }
.monthon		{ background-color: white; height: 20px; width: 205px; text-align: center;  vertical-align: top; }
 
.dayNumberLink{
	text-decoration:none;
	
} 
.today{
	background-color:#C1C1C1;
}


/* ////////////////////////////////////////////////
 * estilos links lista
//////////////////////////////////////// */

/*
 * bordes redondeados
 */
.default, .def_sel, .back,.edit,.new,.delete, .gallery, .media, .copy, .comment_num,.slide, input[type="submit"] {
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	text-decoration:none;
		font-weight:bold;
}	
/*
 * estilos generales
 */
a.default:link, a.default:visited {

	font-size:12px;
	color:#4d4d4d;
	padding:6px 8px 6px 20px;
	background:#e1e1e1 url(../icons/admin/bullet_blue.png) left no-repeat;
	/*border:1px solid #c5c5c5;*/
}
a.default:hover, a.default:active{
	
	background-color:#4d4d4d;
	color:#ffffff;
}
a.def_sel:link, a.def_sel:visited{
	font-size:12px;
	padding:6px 8px 6px 20px;
	background:#4d4d4d url(../icons/admin/bullet_blue.png) left no-repeat;
	color:#fff;
}
a.back:link, a.back:visited {
	font-weight:bold;
	font-size:12px;
	color:#4d4d4d;
	padding:6px 8px 6px 20px;
	text-decoration:none;
	background:#e1e1e1 url(../icons/admin/arrow_left.gif) left no-repeat;
/*	border:1px solid #e5e5e5;*/
}
a.back:hover, a.back:active{
	background-color:#4d4d4d;
	color:#ffffff;
}

a.new:link, a.new:visited {
	font-size:12px;
	color:#fff;
	padding:6px 8px 6px 20px;
	background:#BDCBD9 url(../icons/admin/bullet_add.png) left no-repeat;
	/*border:1px solid #a4b1bd;*/
}
a.new:hover, a.new:active{
	background-color:#4d4d4d;
	color:#ffffff;
}
/* comunes  */

.key,.edit,.delete,.gallery,.copy,.comment_num,.slide,.media{
	padding:3px 5px 3px 20px;
	/*font-weight:bold;
	text-decoration:underline;*/
}

a.key:link, a.key:visited {
	padding:3px 5px 3px 5px;	
}
a.key:hover, a.key:active{
	background-color:#4d4d4d;
	color:#fff;
}

a.edit:link, a.edit:visited {
	
	font-size:11px;
	background:#4d4d4d url(../icons/admin/bullet_edit.png) left no-repeat;
	color:#ffffff;
/*	border:1px solid #a4b1bd;*/

}
a.edit:hover, a.edit:active{
	background-color:#BDCBD9;
	color:#1a1a1a;
}

a.delete:link, a.delete:visited {

	font-size:11px;
	color:#ffffff;
	background:#d7d7d7 url(../icons/admin/bullet_cross.png) left no-repeat;
/*	border:1px solid #a4b1bd;*/
}
a.delete:hover, a.delete:active{
	background-color:#cd0000;
	color:#fff;
	
}

a.gallery:link, a.gallery:visited {
	font-size:11px;
	background:#a2aeba url(../icons/admin/pictures.png) left no-repeat;
	color:#ffffff;
}
a.gallery:hover, a.gallery:active{
	background-color:#4d4d4d;
	color:#ffffff;
}
a.media:link, a.media:visited {
	font-size:11px;
	background:#9fe767 url(../icons/admin/ipod.png) left no-repeat;
	color:#ffffff;
}
a.media:hover, a.media:active{
	background-color:#4d4d4d;
	color:#ffffff;
}
a.copy:link, a.copy:visited {
	padding:3px 0px 3px 20px;
	font-size:11px;
	background:#dae5f0 url(../icons/admin/page_copy.png) left no-repeat;
	color:#ffffff;
}
a.copy:hover, a.copy:active{
	
	background-color:#4d4d4d;
	color:#ffffff;
}

a.comment_num:link, a.comment_num:visited {
	font-size:11px;
	background:#7f7f7f url(../icons/admin/comment.png) left no-repeat;
	color:#ffffff;
}
a.comment_num:hover, a.comment_num:active{
	background-color:#4d4d4d;
	color:#ffffff;
}
a.slide:link, a.slide:visited {
	font-size:11px;
	background:#a2aeba url(../icons/admin/down.gif) left no-repeat;
	color:#ffffff;
}
a.slide:hover, a.slide:active{
	background-color:#4d4d4d;
	color:#ffffff;
}


/*                      **/
.selected{
	font-weight:bold;
	background-color:#e6e6e6;
}

.pag_nav{
	padding:20px 0 20px 0;
}
.pag_nav a,.pag_nav span{
	padding:6px 6px 6px 6px;
	margin:2px;
	border:1px solid #e6eff3;
}

.pag_nav a:link, .pag_nav a:visited {
	
	font-size:12px;
	text-decoration:none;
	
	
}
.pag_nav a:hover, .pag_nav a:active{
	background-color:#d5e0e5;
	
}

/*
*********************************** FORMULARIOS
*/

/*
 * capa principal del formulario 
 */

.editform_main{
	width:645px;
	border-right:1px solid #ccc;	
}
.editform_main tr{
	vertical-align:top;	
}


textarea.mceNoEditor{
	height:100px;
	
}

label{
	clear:both;
display:block;
margin-top:1em;
color:#666666;
font-size:0.9em;
}
.nomostrar{
display:none;
}
input, textarea{
	/*width:400px;
	width:auto;*/
	font-size:16px;
	padding:3px;
	border:2px solid #dedede;
	background-color:#fafafa;
}
form textarea{
	 height: 450px;
    width: 520px;
}

form input.title{
	font-size:18px;
	width:520px;
	padding:4px;
	font-weight:bold;
}

input:focus, textarea:focus{
	border:2px solid #a4b1bd;
	background-color:#FFFFFF;
	outline: 2px solid #e1e1e1;
}

input[type="file"]{/* no funciona*/
	border:1px solid #dedede;
	background-color:#fafafa;
	
}
input[type="submit"] {
	
	margin-top:1em;
	display:block;
	clear:both;
	border:0;
	padding:6px 6px 6px 20px;
	color:#FFFFFF;
	background:#000000 url(../icons/admin/bullet_tick.png) left no-repeat;
}
input[type="submit"].delete {
	margin-top:1em;
	float:left;
	border:0;
	padding:6px 6px 6px 20px;
	color:#ffffff;
	background:#a1a1a1 url(../icons/admin/bullet_cross.png) left no-repeat;
	
}
input[type="submit"]:hover {
	border:0;
	padding:6px 6px 6px 20px;
	color:#000000;
	background-color:#C0C0C0;
}
form input.title{
	width:400px;
	font-weight:bold;
}



.errFld {border: 1px solid #F00; /*...errores de formulario wforms ... */}
.errMsg { 
	color: #000000;
	background-color:#FFFF99;
	margin:0px;
	padding:2px;
	text-indent:15px;
	background-image:url(../icons/admin/bullet_delete.png);
	background-repeat:no-repeat;
	background-position:top left;/**/
}

.status{
	clear:both;
	width:100%;
	border-top:1px solid #ccc;
	padding:4px 0 0 0;
	margin:10px 30px 4px 0;	
}
.status label{
	width:90px;	
	clear:none;
	float:left;
	text-align:left;
	padding:6px 2px 6px 1px;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	vertical-align:middle;
	
	line-height:15px;
	
}
.status label input[type="radio"] {
	margin:0;
	padding:0;
	vertical-align:middle;
}
.status .aktibo {
	background-color:#edfce1;

	color:#6ed716;
}
.status .inaktibo {
	background-color:#e5e5e5;
	color:#bfbfbf;
}
form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/* CSS for checklists */
		.checklist {
			/*border: 1px solid #ccc;*/
			list-style: none;
			height: 10em;
			overflow: auto;
			/*width: 16em;*/
		}
		.checklist, .checklist li { margin-left: 0; padding: 0; }
		.checklist label { 
			display: block; 
			float:none;
			padding-left: 25px; 
			/*text-indent: -25px; */
			width: auto; 
			padding: 0; 
			margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
			text-align: left;
			}
		.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
		* html .checklist label { height: 1%; }
		
		/* Checklist 1 */
		.cl1 { font-size: 0.9em; width: 230px; height: 10em; }
		.cl1 .alt { background: #f5f5f5; }
		.cl1 input { vertical-align: middle; }
		.cl1 label:hover, .cl1 label.hover { background: #ddd; color: #000; }
		



/* media image gallery */		

ul.media_gallery {
	list-style: none;
	padding:10px 0 0 0;
	margin:0 0 10px 0;

}
.media_gallery li {
	  display: inline-block; 
	  width: 100px;
	  height:120px;
	  float:left;
	  text-align:center;
	  vertical-align:middle;
	  padding:3px;
	  margin:1px;
	  text-indent:0;
	  overflow:hidden;
	  border:1px solid #fff;
	  font-size:11px;/**/
	 line-height:12px;
	} 
.media_gallery li img{
		margin:auto auto;
}
.media_thumb {
		  width: 70px;
	  height:70px;
	  overflow:hidden;
	/*border:1px solid black;*/
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	}
.bigg li{
	width:150px;
	height:200px;
	  overflow:hidden;
	/*border:1px solid black;*/
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	}
	
	
.accordion  {
	width: 100%;
	
	
}
.accordion div {
	background-color:white;
	padding:10px 0;
	font-weight:normal;
	border-bottom:1px solid #ccc;

}

.accordion p {


}
.accordion a.acco_handle {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	background-color:white;
	color:#4d4d4d;
	font-size:18px;
font-weight:normal;
border-bottom:1px solid #ccc;
	
	

}
.accordion a.acco_handle:hover {
	background-color:#4d4d4d;
	color:white ;

}
.accordion a.selected {
background-color:#e5e5e5;
font-weight:normal;


}

@media print {
	.accordion div{
		display: block!important;
		height: auto!important
	}
}