@charset "utf-8";
/* CSS Document */
@font-face { font-family: BigNoodleTitlingEot; font-style:style; font-weight:weight; src: url("fonts/big_noodle_titling.eot")}
@font-face { font-family: BigNoodleTitling; font-style:style; font-weight:weight; src: url("fonts/big_noodle_titling.ttf")}
/*TOP*/
#top{ background:#00509F; background:url(st01/top-bg-01.jpg) center; width:100%; height:auto; display:table;}
	#topLogo{ background:url(st01/logo.png) center no-repeat; width:120px; height:100px; float:left;}
	#topTitulo{width:290px; height:100px; display:table; float:left; text-shadow:1px 1px 1px #000000;}
		#topTitulo h1{display:block; width:200px; font-family:"Times New Roman", Times, serif; color:#FFF; height:44px; line-height:46px; font-size:50px; font-weight:bold; padding:0 5px; overflow:hidden;}
		#topTitulo h2{display:block; width:200px; font-family:"Century Gothic", Arial; color:#FFF; color:rgba(255,255,255,0.9); height:30px; font-size:16px; line-height:42px; padding:0 5px;overflow:hidden;}
		#topTitulo h3{display:block; width:205px; font-family:"Century Gothic", Arial; color:#FFF; color:rgba(255,255,255,0.9); height:20px; font-size:14px; padding:0 5px; float:left; text-align:right; overflow:hidden;}
		#topTitulo h4{display:block; width:65px; line-height:18px; font-family:"Times New Roman", Times, serif; color:#FFF; color:rgba(255,255,255,0.9); height:20px; font-size:11px; padding:0 5px; float:left; line-height:20px; overflow:hidden;}
	#topDatos{display:table; float:right; font-family:"Times New Roman", Times, serif; font-size:18px; text-align:center; color:#FFF; text-shadow:1px 1px 1px #000000; height:80px; padding:20px 80px 0 0; }
	#topDatos a:link,#topDatos a:visited,#topDatos a{ color:#fff; text-decoration:none;}
	#topDatos a:hover,#topDatos a:focus,#topDatos a:active{ color:#fff; text-decoration:none;}
	#topImg{display:table; float:right;}

/*MENU*/
#menu{ display:table; width:100%; height:40px; background:#444; border:1px solid #555; border-left:0px; border-right:0px; box-shadow:0px -5px 40px #222; z-index:1001;}

	#menu ul li span{ margin:0 5px 0 0;}
	#menu ul{ list-style:none;}
	#menu ul li{display:inline-block; position: relative;}
	#menu ul li a img{ margin:0 5px 0 0;}
	#menu ul li a, #menu ul li a:link, #menu ul li a:visited{ display:block; height:40px; padding:0 20px; line-height:40px; font-size:16px; color:#FFF; text-shadow:1px 1px 1px #000000; cursor:pointer; text-decoration:none;}
	#menu ul li a:hover, #menu ul li a:focus, #menu ul li a.selected{}
	#menu ul li:hover { background:#333}
	/*#menu ul li:hover .children { display:block;}*/
	#menu ul li .children { display: none; 	background:#222; position: absolute; width:170%; z-index:1001;}
	#menu ul li .children li { display:block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.1);}
	#menu ul li .children li a { display: block; font-size:12px;}
	#menu ul li .children li a span { position: relative; margin:3px 5px 0 0;}
	#menu ul li .caret { position: relative; top:3px; margin-left:10px; margin-right:0px;}
	
.menu-fijo { position: fixed; top: 0; width: 100%;}

.menu_bar { display:none;}

@media screen and (max-width: 800px) {
	/*body { padding-top:30px;}
	.menu_bar { display:block; width:100%; position: fixed; top:0; background:#333;z-index:1002 }
	.menu_bar .bt-menu { display: block; padding: 5px; color: #fff; overflow: hidden; font-size: 20px; font-weight: bold; text-decoration: none;}
	.menu_bar span { float: right; font-size: 25px; }
	#menu { width: 80%; height: calc(100% - 80px); position: fixed; right:100%; left:-100%; margin: 0; overflow: scroll; box-shadow:none;}
	#menu ul li { display: block; border-bottom:1px solid rgba(255,255,255,.5);}
	#menu ul li a {display: block;}
	
	#menu ul li .children {width: 100%; position: relative;}
	#menu ul li .children li a {margin-left:20px;}
	#menu ul li .caret {float: right;}*/
	
	/*#menu ul li:hover .children {display: none;}*/
}

/*TITULO*/
#titulo{display:table; height:40px; padding:0 20px 0 5px; background:#0059B2; overflow:hidden; margin:10px 0 0 0; box-shadow:-2px 2px 4px #333; float:left;}
	#titulo img{ float:left;}
	#titulo h1{ display:block; float:left; margin:0 0 0 10px; padding:5px 0 5px; 0; font-size:22px; font-weight:bold; color:#FFF; text-shadow:1px 1px 1px #000;}
	#titulo h1 span:last-child{margin:0 0 0 10px; font-size:14px; font-weight:normal; color:#FFF; text-shadow:1px 1px 1px #000;}
	#titulo h1 #cattit, #titulo h1 #catsubtit{ padding:0 0 5px 0;}
	
/*Block Menu Categorias*/
#block_titulo{ display:table; float:left;}
#block_categorias{ display:table; float:right; width:auto; height:40px; margin-right:1px; }
/*Menu Categorias-eventos-recursos*/
#menu_categorias{ display:table; width:100%; height:40px; background:#222; border:1px solid #555; border-right:0px; margin:10px 0 0 0; z-index:1002;}

	#menu_categorias ul li span{ margin:0 5px 0 0;}
	#menu_categorias ul{ list-style:none; text-align:center;}
	#menu_categorias ul li{display:inline-block; position: relative;}
	#menu_categorias ul li a img{ margin:0 5px 0 0;}
	#menu_categorias ul li a, #menu_categorias ul li a:link, #menu_categorias ul li a:visited{ display:block; height:40px; padding:0 20px; line-height:40px; font-size:12px; color:#FFF; text-shadow:1px 1px 1px #000000; cursor:pointer; text-decoration:none;}
	#menu_categorias ul li a:hover, #menu_categorias ul li a:focus, #menu_categorias ul li a.selected{}
	#menu_categorias ul li:hover { background:#060}
	/*#menu ul li:hover .children { display:block;}*/
	#menu_categorias ul li .children { display: none; 	background:#222; position: absolute; width:100%; z-index:1002;}
	#menu_categorias ul li .children li { display:block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.1); }
	#menu_categorias ul li .children li a { display: block; font-size:12px;}
	#menu_categorias ul li .children li a span { position: relative; margin:3px 5px 0 0;}
	#menu_categorias ul li .caret { position: relative; top:3px; margin-left:10px; margin-right:0px;}
	
/*ADMIN----NICEDIT*/
.nicEdit-panel{background-color: #fff !important;}
.nicEdit-button{background-color: #fff !important;}
/*.nicEdit-selected{border: 2px solid #fff !important;}*/	
#admin-tools{ display:table; width:100%; height:auto; margin:5px 0 0 0; background:#fff; box-shadow:0px 0px 15px #777; position:fixed; bottom:0px; z-index:1000}
#editorPanel{ width:auto; float:left; height:26px; padding:5px 0 0 0; display:table; height:auto;}
#editorNew{ width:auto; float:right; height:26px; text-align:right; display:table; height:auto}
	#editorNew input{ }
	#editorNew input[type="button"]{ padding:3px 6px 3px 6px; color:#FFF; margin:5px; cursor:pointer;box-shadow:2px 2px 5px #777;}
	#editorNew input.inputOrange{ background:#F60; border:1px solid #F60;}
	#editorNew input.inputGreen{ background:#093; border:1px solid #093;}
	#editorNew input.inputBlue{ background:#06C; border:1px solid #06C;}
.admin-tools-fijo{position: fixed; top: 35px; width: 100%; z-index:900;}

/***********************Footer*************************/

#footer{ width:100%; max-width:1150px; display:table; margin:0 auto; padding:0 0 20px 0; color:#FFF; text-align:center;}
.footer_col{ width:31.3%; height:320px; padding:0 1% 0 1%; display:inline-table; position:relative; margin:0 auto; text-align:left;}
.footer_tit{ margin:30px 20px 20px 0px; padding:0 0 10px 0; font-size:16px; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 0 0 1px; 
			box-shadow: 0 1px rgba(106, 100, 100, 0.3);}
#footer_logo{ position:absolute; margin:20px 0 0 0;}
#footer_atocri{ text-indent:54px;}
.footer_col li{ padding:1px;}
	.footer_col li a, .footer_col li a:link, .footer_col li a:visited{ color:#FFF; text-decoration:none; display:inline-block; width:96%; padding:2%;}
	.footer_col li a:hover,.footer_col li a:active,.footer_col li a:focus{ background:#222;}
.footer_col li span{ padding:0 10px 0 0;}
/***********************Admin**************************/
#editorNew label, #editorNew input{ display:block; float:left; width:auto; padding:0 10px 0 10px;
	font-size:18px;	color:#FFF; background:#000; border:none; line-height:30px;}
#editorNew input{width:120px;}
#editorNew form{ float:left;}
#editorNew input[type="submit"]#adm-boletin-save{background:#06C; cursor:pointer; 
	text-shadow:1px 1px 1px #000000;padding:0 20px 0 20px; float:right;}
#editorNew input[type="submit"]#adm-boletin-new-save{background:#090; cursor:pointer; 
	text-shadow:1px 1px 1px #000000;padding:0 20px 0 20px; float:right;}

/***********************Admin Bar**************************/
#admin_bar{ width:100%; display:table; min-height:40px; background:#000; color:#FFF; position:fixed; bottom:0px;}
.admin_opcion{ display:table; float:right;}
a._opcion, a._opcion:link, a._opcion:visited{ display:block; width:150px; height:40px; color:#FFF; text-shadow:1px 1px 1px #000000; cursor:pointer; font-size:18px; line-height:40px; text-align:center;}
a._opcion:hover, a._opcion:focus, a._opcion:active{}
a._opcion span{ padding:0 5px 0 5px;}
/*save*/
a#f_save:hover, a#f_save:focus, a#f_save:active{ background:#090;}
a#f_new:hover, a#f_new:focus, a#f_new:active{ background:#03C;}
a#f_del:hover, a#f_del:focus, a#f_del:active{ background:#C00;}
	
/***********************Atocri**************************/
.atocri{ outline:3px solid #0066CC; /*background:#06C;*/}	

/* Por debajo de 1200px */
@media screen and (max-width: 1200px){
/*TOP*/
#topImg{display:block; width:240px; overflow:hidden;}
#topDatos{padding:20px 40px 0 0;}
.footer_col{ width:50%}
}

/* Por debajo de 1030px */
@media screen and (max-width: 1030px){
	body{ width:1200px;}
/*TOP
#topDatos{font-size:14px; height:60px; padding:40px 20px 0 0;}*/
}

/* Por debajo de 940px */
@media screen and (max-width: 940px){
/*TOP
#topDatos{font-size:12px; height:60px; padding:40px 0 0 0;}*/
}

/* Por debajo de 890px */
@media screen and (max-width: 890px){
/*TOP
#topLogo{ width:100px;}
#topTitulo{ width:240px;}	
#topTitulo h3{ width:150px;}
.footer_col{ width:100%; text-align:center;}*/
}

/* Por debajo de 820px */
@media screen and (max-width: 820px){
/*TOP
#topLogo{ width:100px;}
#topTitulo{ width:235px;}	
#topTitulo h3{ width:150px;}
#topDatos{ width:100%; height:20px; font-size:12px; padding:0; line-height:20px; text-align:center;}
#topDatos p{ display:inline; padding:0 20px 0 0;}*/
}

/* Por debajo de 650px */
@media screen and (max-width: 650px){
/*TOP
#topImg{display:none;}
#topDatos{ width:auto; height:60px; font-size:12px; padding:40px 0 0 0; line-height:20px; text-align:center;}
#topDatos p{ display:block; padding:0;}*/
}

/* Por debajo de 570px */
@media screen and (max-width: 570px){
/*TOP*/
/*
#topLogo{ width:90px;}
#topDatos{ width:100%; height:20px; font-size:12px; padding:0; line-height:20px; text-align:center;}
#topDatos p{ display:inline; padding:0 20px 0 5px;}*/
}
@media screen and (max-width: 350px){
/*#topTitulo{ width:200px;}
#topTitulo h3{ width:110px;}
*/
}