/* CSS Document */

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

@font-face { font-family:"Crayon Hand"; src:url("../fonts/CrayonHand-Regular.woff")format("woff"); font-weight:normal; }
@font-face { font-family:"Open Sans";   src:url("../fonts/OpenSans-Regular.woff")format("woff");   font-weight:normal; font-style:normal; }


h1,h2,h3,h4,h5,h6,ul,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } 
iframe                                                              { border:none; }

body { font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#000; background:#fff; font-size:14px; background:#E6E6E6; }

h1 { font-size:2.8em; font-family:"Crayon Hand"; color:#E4322C; text-align:center; font-weight:normal; padding-bottom:3.5%;  
	  z-index:999; text-transform:uppercase; }	 

	h1 span { display:block; font-size:0.82em; font-weight:normal; line-height:40px; color:#020000; }
	  
h2 { font-size:2.1em; margin-bottom:3%; line-height:40px; font-weight:normal; color:#020000; text-align:center; font-family:"Crayon Hand"; }
h3 { font-size:1.8em; margin-bottom:3%; color:#E4322C; font-weight:normal; font-family:"Crayon Hand";  }
h4 { color:#999; font-size:1em; margin-bottom:10px; }


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

ul { list-style:none; }

a  { text-decoration:none; cursor:pointer; color:#0070C0; }
	a:hover { color:#000; }

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

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

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

.wrap { margin:0 12%; position:relative; }

header { position:relative; background:url('../images/logo.gif') top left no-repeat #32518C; border-bottom:solid 4px #213967; }	
	
	header > .wrap { height:350px; }
	
	header .banners { text-align:center; }
		header .banners img { height:90px;  }

	header .logo { font-family:"Crayon Hand"; padding:25px 0 10px 0; text-align:center; }	
		header .logo a    { color:#FDC426; font-size:3em; line-height:45px; }
		header .logo br+a { color:#fff; font-size:2.2em;  }
	
	header .social { position:absolute; top:60px; right:5%; z-index:999; }
		
		.social a          { width:25px; height:25px; display:inline-block; background-image:url('../images/social.gif'); margin-left:2px; border-radius:50%; }
		.social .facebook  { background-position:0 0;      }
		.social .twitter   { background-position:-25px 0;  }
		.social .gplus     { background-position:-50px 0;  }
		.social .youtube   { background-position:-75px 0;  }
		.social .linkedin  { background-position:-100px 0; }
		.social .blogspot  { background-position:-125px 0; }
		.social .pinterest { background-position:-150px 0; }
	
	header .addthis_inline_follow_toolbox { position:absolute; top:10px; right:1%; z-index:999; }
	
	header .live { display:inline-block; width:150px; height:32px; background:url('../images/live.png'); position:absolute; right:257px; top:70px; transition:all .2s ease-in-out; z-index:999; }
		header .live:hover { top:66px; }
	
	header nav { text-align:center; }
	
	header .menu { background:#456; display:inline-block; font-size:1.2em; z-index:999; text-transform:uppercase; 
				   font-family:"Crayon Hand"; background:url('../images/header-menu.png') top repeat-x; padding-top:12px; }
				   
		header .menu > li { position:relative; display:inline-block; margin:0 -2px; }
			header .menu > li+li { }
			
			header .menu > li > a { text-decoration:none; color:#ccc; text-align:center; display:block; padding:0 15px; line-height:38px; font-weight:normal; font-size:1.1em;
									border-radius:10px; background-image:url('../images/header_button.png'); transition:all 0.2s linear; }
				header .menu > li > a:hover { color:#fff; }
				
				header .menu > li.current > a { color:#fff; border-radius:10px; background:#264275; } 
				
		header .submenu { display:none; position:absolute; top:90px; left:0; text-align:center;  
						  z-index:99999; width:100%; }

			header .submenu ul { background:url('../images/alpha2.png'); }		
				header .submenu li    { position:relative; }				   
				header .submenu li+li {  }
				
				header .submenu a { padding:7px 15px; display:block; color:#eee; font-size:1em; font-weight:normal; text-align:left; transition:background 0.2s linear; }
					header .submenu a:hover        { color:#fff; background:#000;  }		
					header .submenu li.current > a { color:#fff; background:#CC0001;  }				
				
				header .submenu li > ul { display:none; position:absolute; top:-5px; left:100%; }			/* niveles anidados */
					header .submenu li:hover > ul { display:block; }		
					
	header .header-button, header .aside-button             { display:none; position:absolute; top:70px; z-index:9999; }
		header .header-button                               { right:70px; }
		header .aside-button                                { right:20px; }
		header .header-button img, header .aside-button img { width:35px; }	

	header .cart-button { display:none; position:absolute; top:5px; left:20px; z-index:9999; }
	
	header .login-cart { position:absolute; top:0; right:3%; z-index:999; }
	
	header .login { display:inline-block; text-align:center; margin-right:40px; vertical-align:top; color:#ccc; }
		header .login p { margin-top:8px;  }
		header .login a:not(.button) { color:#CC0001; }
			header .login a:not(.button):hover { color:#FB4AAF; }

	header .cart { display:inline-block; vertical-align:top; width:145px; height:70px; background:url('../images/header_cart.gif') center right no-repeat #000; 
				   color:#ccc; }			
		header .cart p { margin-top:8px; }		

	header .contact { display:inline-block; vertical-align:middle; margin-right:40px; line-height:70px; font-size:1.5em; color:#CC0001; }

	header nav.fixed { position:fixed; top:0; left:0; right:0; z-index:999; background:url('../images/header.gif') bottom repeat-x #000; }
				
	header .navSections { display:none; position:absolute; top:70px; right:4%; font-size:0.75em; z-index:999; }
		header .navSections li { display:inline-block; padding-right:5px; }
			header .navSections li+li   { background:url("../images/list_list.gif") 0 6px no-repeat; padding-left:10px;  }	
			
		header .navSections a	{ font-weight:normal; color:#666; }	
			header .navSections a:hover { color:#999; }				

#page { min-height:100%; position:relative;  z-index:999; }
	#page .wrap { padding:4% 3%; background:#fff; margin-top:-170px; box-shadow:0 0 12px 0 rgba(0,0,0,0.5); border-radius:10px; }	

	#page h1.notDisplay + .wrap { margin-top:1.5%; }
	
section { }
aside      + section { float:right; width:80%; }
.otherside + section { float:right; width:60%; margin-right:4%; }
	
/*****************************/

aside { float:left; width:16%; padding:0; } 

	/* Menú primer nivel */
	aside .menu  { margin-bottom:20px; }
		aside .menu > ul {  }

			aside .menu > ul > li+li { margin-top:10px; }
				aside .menu > ul > li > a { padding:10px 10px; display:block; color:#111; background:#eee; font-size:1em; border-radius:10px; text-align:center; }
					aside .menu > ul > li:hover > a,
					aside .menu > ul > li.hover > a   { color:#000; background-color:#e5e5e5; }
					aside .menu > ul > li.current > a { color:#fff; background-color:#444;    }

			/* Menú segundo nivel */
			aside .menu > ul > li > ul {  }
				aside .menu > ul > li > ul > li { margin-top:5px; padding:0 10px; }
					aside .menu > ul > li > ul > li > a { padding:8px; border-radius:10px; display:block; font-weight:normal; color:#444; text-align:center; }
						aside .menu > ul > li > ul > li:hover > a   { color:#333;    background:#f3f3f3; }				
						aside .menu > ul > li > ul > li.current > a { color:#9D0D1C; background:#FCE3DC; }
						
			/* Menú tercer nivel en adelante */
			aside .menu > ul > li > ul > li ul { font-size:0.9em; border-left:5px solid #d5d5d5; }
				aside .menu > ul > li > ul > li > ul li { }
				aside .menu > ul > li > ul > li > ul li a { padding:4px 0 4px 35px; display:block; color:#555;  }
					aside .menu > ul > li > ul > li > ul li a:hover     { color:#333;    background-color:#f3f3f3; border-left-color:#bbb; }				
					aside .menu > ul > li > ul > li > ul li.current > a { color:#9D0D1C; background-color:#FCE3DC; border-left-color:#EB6841; }	
					
			aside .menu li.current > ul { display:inherit; }		/* Los padres los habilito desde el Sidebar.php */			
			
			aside .menu + .menu { margin-top:25px; padding-top:25px; border-top:solid 2px #ccc; }

	aside h3 { text-align:center; }
			
	aside .search { display:block; vertical-align:middle; text-align:center; margin:0 auto 20px auto; }
		aside .search input[type="submit"] { display:none; }
		aside .search input[type="text"]   { background:url(../images/search.png) no-repeat 12px 9px #CC0001; border:none; font-size:0.9em; width:60px; color:#d7d7d7; padding:8px 17px 8px 32px;
											 border-radius:20px; transition:width 0.7s ease 0s; margin:0; }

			aside .search input[type="text"]:focus { background-position:12px -16px; color:#fff;  width:100px; outline:0px; }					
									   
	aside .banners {  }						
		aside .banners li  { margin-bottom:20px; }		
		aside .banners img { width:100%; }		   

	aside .cart	{ padding:6% 7%; margin-bottom:20px; background:url('../images/aside_cart.png') center right no-repeat #f5f5f5; font-size:0.9em; border-radius:20px; }			
		aside .cart p+p { margin-top:10px; }

	aside .login	{ background:#f5f5f5; padding:6% 7% 9% 7%; color:#333; margin-bottom:20px; border-radius:20px;  font-size:0.9em; }		   
		aside .login label                  { display:block; padding:7px 0 3px 0; }	
		aside .login p+p                    { margin-top:15px; }
		aside .login div                    { display:inline-block; margin-bottom:15px; width:47%; }
			aside .login div + div          { margin-left:2%; }
		aside .login input[type="text"],
		aside .login input[type="password"] { padding:4%; border:solid 1px #aaa; border-radius:4px; width:85%; }
		aside .login input.button.mini      { float:right; margin-top:-7px; }
		
		
.otherside { float:right; width:16%; }		
		
	.otherside .banners { margin-bottom:20px; }						
		.otherside .banners li+li { margin-top:10px; }				   
		.otherside .banners img   { /*border:solid 2px #ccc;*/ width:100%; border-radius:10px; }
		
		
.addthis_toolbox { margin-top:20px; min-height:25px; }


footer { background:url('../images/footer.gif') 0 40px repeat-x; margin:15px 0; background-position:center 40px; }
	footer .wrap { }
	
	footer .cofunded { text-align:center; margin-top:130px; clear:both; }
		footer .cofunded p { font-size:12px; margin-bottom:5px; }
		
	footer .menu { font-size:0.9em; }
		footer .menu li { margin:0 10px; display:inline-block; }		
		footer .menu a  { color:#444; }
			footer .menu a:hover      { color:#222; }
			footer .menu li.current a { color:#000; }
		
	footer .textSmall { padding-right:10px; float:right; font-weight:normal; color:#666; }
		footer .textSmall a { color:#444; font-weight:normal; }
			footer .textSmall a:hover { color:#333; }	
	
	footer .logo { float:right; height:60px; margin-top:-120px; }
	
.addthis_inline_share_toolbox { float:right; }

#cookies { position:fixed; bottom:0; left:0; width:98%; padding:10px 1%; background:url('../images/alpha2.png'); color:#eee; text-align:center; font-size:12px; z-index:9999; }
	#cookies a { color:#fff; }
		#cookies a:hover { text-decoration:underline; }
			
.adminMenu { background:url("../images/admin.png") no-repeat 10px 12px #FFFFCC; padding:10px 10px 10px 35px; margin-bottom:4%; border-radius:10px; 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; } 
		
html.iframe { min-width:0; }
	html.iframe body { background:none;  }		
		html.iframe .menu { padding:10px; width:190px; float:left; background:#eee; }
			html.iframe .menu li { padding:3px 0 3px 10px; background:url("../images/submenu.gif") no-repeat 0 7px; }
			html.iframe .menu a  { font-weight:normal; }
				html.iframe .menu a.current { font-weight:bold; }
					
		html.iframe .menu+.content { width:550px; float:right; }		

		

.video-responsive { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
	.video-responsive iframe,
	.video-responsive object,
	.video-responsive embed { position:absolute; top:0; left:0; width:100%; height:100%; }	
		
/********************************************************/


#tabsButtons { margin-bottom:15px; }
	#tabsButtons li { display:inline-block; }

.tab { clear:both; }
	.tab + .tab { display:none; }

.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 10px; }

.alpha   { opacity:0.5; }
.pointer { cursor:pointer; }

.ui-datepicker.ui-widget-content { display:none; }


/* ==========================================================================
   Media Queries
   ========================================================================== */ 


@media only screen and (max-width:1680px) {		

	.wrap { margin:0 8%; }	
	h1    { font-size:2.8em; }
}

@media only screen and (max-width:1280px) {		

	.wrap { margin:0 5%; }	
	h1    { font-size:2.6em; }
}

@media only screen and (max-width:1100px) {			

	h1 { font-size:2.4em; }

	.wrap { margin:0 2%; }
	
	header .menu > li > a {  }
}  
  
@media only screen and (max-width:1020px) {	
	
	body { font-size:13px; }
	
	h1 { font-size:2.2em; }	
	
	.wrap { margin:0; }
	
	header .contact { top:20px; right:100px; z-index:999; font-size:1.5em; color:#666; }
	
	header .menu { }
		header .menu > li { display:block; margin-bottom:4px; line-height:30px;  }
		header .menu > li > a { line-height:33px;  }
	
	header .social { right:80px; }
	
	aside { width:250px; position:absolute; top:0; left:-330px; z-index:9999; background:#fff; padding:10px 20px; box-shadow:5px 5px 5px rgba(30, 30, 30, 0.35); } 
		aside + section      { width:auto; float:none;  }
		
	.otherside { width:20%; }	
		.otherside + section { width:75%; float:left; margin-right:0; }
		
	header .aside-button { display:inline-block; }	
	
	header .cart-button { display:inline-block; }	
	
	header .addthis_inline_follow_toolbox { display:none; right:150px; top:110px; }
	
	#page .wrap { margin-top:-60px; }
}

@media only screen and (max-width:640px) {	
	
	h1 { font-size:2em; }	
	h2 { font-size:1.5em; line-height:27px; }
	
	.otherside { display:none; }
		.otherside + section { width:auto; float:none; margin:0 3%; }
}

@media only screen and (max-width:590px) {
	
	body { font-size:12px; }
	
	header .contact { display:none; }
}

@media only screen and (max-width:510px) {	

	#page .wrap { margin-top:-10px; }
}

@media only screen and (max-width:400px) {	
	
	h1 { font-size:1.6em; }	
}