/* CSS Document */

@import url(Forms.css);
@import url(Text.css);
@import url(Photos.css);
@import url(Tables.css);
@import url(Buttons.css);

h1,h2,h3,h4,h5,h6,ul,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } 
html { }
body { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#111; background:url("../images/body.gif") no-repeat top center #005E95; }

h1 { clear:both;  }
h1 { font-size:30px; color:#005485; margin:0 0 25px 0; padding:5px 10px; font-family: 'Noto Sans', sans-serif; font-weight:700; 
	 background:#F2F7FA; text-align:center; }
h2 { font-size:22px; color:#F05A23; padding:8px; margin-bottom:15px; font-family: 'Noto Sans', sans-serif; font-weight:700; background:#FFE8DF; text-align:center; line-height:25px; }
h3 { color:#444; font-size:17px; padding-bottom:15px; }
h4 { color:#999; font-size:14px; padding-bottom:10px; }

*+h1, *+h2, *+h3 { margin-top:20px; }
	h1+h1, h1+h2, h1+h3 { margin-top:0; }
	h1+h2, h1+div > h2  { margin-top:-25px; }

ul { list-style:none; }

a  { text-decoration:none; cursor:pointer; color:#222; font-weight:bold; }
	a:hover { color:#000; }

h2 a { color:#1A74B0; }
	h2 a:hover { color:#145B8B; }
	
img { border:none; }

textarea { font-family:Arial, Helvetica, sans-serif;   }

/******************************************************/

.wrap   { margin:0 auto; width:950px; position:relative; padding:0 15px; }

#header { margin-top:50px; }
	#header .wrap { height:30px; background:url("../images/header_wrap.png"); padding-top:15px; }
	#header .logo { position:absolute; top:20px; left:0px; }
	
	#header .contact { text-align:right; position:absolute; top:70px; right:20px; color:#333; }
	
	#header .home { position:absolute; top:200px; left:20px; }
		
	#header .social { float:right; text-align:center; margin:50px 20px 0 0; font-size:11px; color:#666; font-style:italic; }
		#header .social p { margin-top:5px; }		
		
	#header .menu { position:absolute; top:90px; left:25px; background:#999; }
		#header .menu > li { float:left; position:relative; }
			#header .menu > li+li { }
			
			#header .menu > li > a { text-decoration:none; font:bold 16px Arial, Helvetica, sans-serif; color:#eee; text-align:center; display:block; padding:13px 15px 12px 15px; }
				#header .menu > li > a:hover { color:#fff; }
				
			#header .menu > li.current > a { background:#777; color:#fff; } 
				
		#header .submenu { display:none; width:155px; position:absolute; top:5px; left:-40px; text-align:center; z-index:99; }
		
			#header .submenu .top    { height:38px; background:url("../images/header_submenu_top.png") bottom no-repeat; }
			#header .submenu .middle { background:url("../images/header_submenu_middle.png"); }
			#header .submenu .bottom { height:17px; background:url("../images/header_submenu_bottom.png") no-repeat; }
				
			#header .submenu a { padding:6px; display:block; color:#d0d0d0; font-size:12px; }
				#header .submenu a:hover, #header .submenu li.current a { color:#fff; }		

#page {  }
	#page .wrap { background:url("../images/page_wrap.png"); }	

#content { padding:0 50px 50px 50px; min-height:250px; }
#sidebar + #content { padding:10px 25px 50px 0; float:right; width:690px; }
	#content.width100p { float:none; }
	
/*****************************/

#sidebar { float:left; width:205px; font-size:12px; padding:0; border-right:1px solid #ccc; } 

	#sidebar .logo { margin-left:20px; }

	/* Menú primer nivel */
	#sidebar .menu  { margin:20px 15px; }
		#sidebar .menu ul { }
			#sidebar .menu > ul > li+li { margin-top:10px;  }
				#sidebar .menu > ul > li > a { padding:0 15px; background-position:top; display:inline-block; color:#eee; line-height:40px; font-size:14px; width:145px; background-image:url("../images/sidebar_menu.png");  }
					#sidebar .menu > ul > li:hover > a   { color:#fff; background-position:center; }
					#sidebar .menu > ul > li.current > a { color:#fff; background-position:bottom; }

			/* Menú segundo nivel */
			#sidebar .menu > ul > li > ul { margin-left:35px;  }
				#sidebar .menu > ul > li > ul > li > a { background:url("../images/list.gif") 5px 10px no-repeat; padding:6px 0 8px 17px; display:inline-block; 
														 width:160px; color:#eee; text-shadow:#444 1px 1px 2px; }
					#sidebar .menu > ul > li > ul > li > a:hover   { color:#fff; }				
					#sidebar .menu > ul > li > ul > li.current > a { color:#F1CF3F; }
					
			/* Menú tercer nivel  */
			#sidebar .menu > ul > li > ul > li > ul { background:url("../images/list.gif") 10px 10px no-repeat; border-right:4px solid #AA007B; }			
			
			/* Menú tercer nivel en adelante */
			#sidebar .menu > ul > li > ul > li ul { border-left:solid 1px #BFCCD5; }
				#sidebar .menu > ul > li > ul > li > ul li { padding-left:20px; background:url("../images/list.gif") 10px 10px no-repeat; }
				#sidebar .menu > ul > li > ul > li > ul li a { padding:5px 0 5px 0; width:100%; display:inline-block; color:#555;  }
					#sidebar .menu > ul > li > ul > li > ul li a:hover     { color:#000; }				
					#sidebar .menu > ul > li > ul > li > ul li.current > a { color:#AA007B; }	
					
			#sidebar .menu li.current > ul { display:inherit; }		/* Los padres los habilito desde el Sidebar.php */
	
	#sidebar h4 { color:#333; }	

	#sidebar .banners { margin:0 0 30px 5px; }								   
		#sidebar .banners img { border:solid 1px #ccc; }		
	
	#sidebar .search { padding-top:20px; }
		#sidebar .search input { padding:3px; border:solid 1px #ccc; width:160px; color:#666; }
			#sidebar .search .button { background:url("../images/buttonSearch.gif") no-repeat; width:25px; height:25px; cursor:pointer; 
									   border:none; padding:0; vertical-align:top; }
									   
	#sidebar .banner { border:solid 1px #ccc; }									   

	#sidebar .login	{ background:#E3EEF4; padding:10px 15px; margin:20px 15px; color:#666; }		   
		#sidebar .login input        { padding:3px; border:solid 1px #aaa; }
		#sidebar .login label        { display:block; padding:5px 15px 2px 0; }	
		#sidebar .login p            { margin-bottom:4px; }
		#sidebar .login .button.mini { float:right; margin-top:-30px; }
		
.addthis_toolbox { margin-top:20px; min-height:25px; }
					
/*			
#social { margin-top:40px; }
	#social p   { font-size:11px; color:#bbb; margin-bottom:5px; }
	#social li  { display:inline; margin-left:5px; }
	#social img { background:url("../images/social.png") no-repeat; width:35px; height:35px; }
	
	#social .facebook { background-position:0px 0px; }
	#social .twitter  { background-position:-35px 0px; }
	#social .youtube  { background-position:-70px 0px; }
	#social .linkedin { background-position:-105px 0px; }	
	#social .gplus    { background-position:-140px 0px; }		
*/	

.addthis_toolbox { margin-top:40px; }
		
#iframe  { background:#FFF; min-height:450px; overflow:hidden; /* Para que content y sidebar tengan la misma altura */ }		
	#iframe .menu { border-right:solid 1px #E2E2E2; padding-right:15px; width:200px; float:left; background:#fff; }
		#iframe .menu li { padding:3px 0 3px 10px; background:url("../images/submenu.gif") no-repeat 0 7px; }
		#iframe .menu a  { font-weight:normal; }
			#iframe .menu a.current { font-weight:bold; }

	#iframe .menu, #iframe .menu+.content { padding-bottom: 32767px; margin-bottom: -32737px; /* Para que tengan la misma altura. El margin tiene 30px menos para el margen de abajo */ }			
	#iframe .menu+.content { width:550px; float:right; }

#footer { font-size:12px; }
	#footer .wrap { height:50px; padding-top:50px; background:url("../images/footer_wrap.png") no-repeat; }
	
	#footer .logos { position:absolute; top:-80px; left:135px;  }	
		
	#footer .info { font-weight:bold; padding:25px 0 0 20px; }
	#footer .textSmall { font-weight:normal; color:#bbb; }
		#footer .textSmall a { color:#444; font-weight:normal; }
			#footer .textSmall a:hover { color:#333; }	
	
.adminMenu { background:url("../images/admin.png") no-repeat 10px 10px #FFFFCC; padding:10px 10px 10px 35px; border:solid 1px #CCC; margin-bottom:20px; color:#444; }
	.adminMenu p  { margin-bottom:5px; }
	.adminMenu li { display:inline; padding-right:10px; float:none !important; margin:0 !important; }
	.adminMenu li + li { border-left:solid 1px #CCC; padding-left:10px; } 
		

/********************************************************/

.width48p { width:48%; }
.width380 { width:380px; }
.width490 { width:490px; }

.margin       { margin:15px; }
.marginTop    { margin-top:15px; }
.marginRight  { margin-right:15px; }
.marginBottom { margin-bottom:15px; }
	.marginBottom.mini { margin-bottom:5px; }
.marginLeft   { margin-left:15px; }		   

.padding      { padding:15px; } 

.relative { position:relative; }

.left  { float:left; }
.right { float:right; }
.clear { clear:both;  }

.textLeft   { text-align:left; }
.textRight  { text-align:right; }
.textCenter { text-align:center; }

.hidden     { visibility:hidden; }
.notDisplay { display:none; }	
.inline     { display:inline; }

.border { border:1px solid #CCC; }
		
.msgError { color:#FFFFFF; font-weight:bold; text-align:center; background:#CC0000; margin-bottom:20px; padding:10px; }
.msgOK    { color:#FFFFFF; font-weight:bold; text-align:center; background:#339900; margin-bottom:20px; padding:10px; }
.msgInfo  { color:#5D84B3; font-weight:bold; margin-bottom:20px; padding:10px 10px 10px 33px; border:solid 1px #5D84B3; background:url("../images/information.png") no-repeat 10px 14px; }

.alpha   { opacity: 0.5; filter:alpha(opacity=50); }
.pointer { cursor:pointer; }