/* 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:"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:Helvetica, Arial, sans-serif; color:#000; background:#fff; font-size:15px; }

h1 { position:absolute; bottom:5%; left:0; right:0; font-weight:normal; font-size:3.5em; line-height:1.5em; color:rgb(255, 255, 255); text-align:center; padding:0; z-index:999; }	 
	h1 span { display: block; margin-top:5%; font-size:0.7em; font-style:oblique; }

h2 { font-size:2em; margin-bottom:2.5%; line-height:50px; font-weight:normal; color:#B20000; text-align:center; }
h3 { font-size:1.4em; padding-bottom:25px; line-height:30px; color:#777; font-weight:normal; text-align:center; }
h4 { color:#999; font-size:1em; margin-bottom:10px; }

*+h2, *+h3 { margin-top:1%; }
	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 10%; position:relative; }

header { position:relative; overflow:hidden; }

	header .bg, header .bg2 { background-size:cover; position:absolute; top:0; left:0; right:0; padding-top:53%; }
	
	header .bg1 { display:none; }
	
	header .bar { position:absolute; top:0; left:0; right:0; height:80px; background:url('../images/header.png') repeat-x; }
	
	header > .wrap  { height:0; padding-top:160px; margin:0; }
	
	header .banners { text-align:center; }
		header .banners img { height:90px;  }

	header .logo   { position:absolute; top:10px; left:50%; margin-left:-83px; height:100px; display:inline-block; z-index:9999; }	
	
	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:5px; right:40px; z-index:999; }
		
	header nav { position:absolute; top:20px; left:40px; z-index:99999; text-align:left; }
	
	header .menu { font-size:0.9em; z-index:999; text-transform:uppercase; }
		header .menu > li { position:relative; top:20px; display:inline-block; margin:0 5px; }
			header .menu > li+li { }
			
			header .menu > li > a { text-decoration:none; color:#111; background:url('../images/alpha3.png'); text-align:center; display:block; padding:0 15px; line-height:35px; font-weight:normal; font-size:1.1em;
									 transition:background 0.2s linear;  border-radius:10px; }
				header .menu > li > a:hover { color:#fff; background:url('../images/alpha2.png'); }
				
				header .menu > li.current > a { background:#fff; color:#000; } 
				
		header .submenu { display:none; position:absolute; top:90px; left:0; text-align:center; z-index:999999; width:200px; }

			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; z-index:9999; }
		header .header-button                               { /*right:20px;*/ }
		header .aside-button                                { right:70px; }
		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 { position:absolute; top:12px; right:40px; font-size:1.3em; text-align:right; color:#fff; }
		header .contact p + p { margin-top:10px; }

	header nav.fixed { position:fixed; top:0; left:0; right:0; z-index:999; background:url('../images/header.gif') bottom repeat-x #000; }		

#page { background:#fff; padding:3% 0; }
	#page .wrap {  }	

	#page h1.notDisplay + .wrap { margin-top:1.5%; }
	
section { }
aside      + section { float:left;  width:76%; }
.otherside + section { float:right; width:54%; margin-right:3%; }
	
/*****************************/

aside { float:right; width:20%; 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 { display:block; border-radius:10px;  }
					aside .menu > ul > li:hover > a,
					aside .menu > ul > li.hover > a   { background-color:#eee; }
					aside .menu > ul > li.current > a { background-color:#16A3D3; color:#fff; }					

			aside .menu > ul > li+li { margin-top:10px; }
				aside .menu > ul > li > a { padding:10px 10px; display:block; color:#16A3D3; background:#fff; border:solid 2px #16A3D3; font-size:0.9em; border-radius:10px; text-align:center; }
					aside .menu > ul > li:hover > a,
					aside .menu > ul > li.hover > a   { background-color:#eee; }
					aside .menu > ul > li.current > a { background-color:#16A3D3; color:#fff; }
					
				aside .menu > ul > li.color1 > a          { border:solid 2px #F05227; color:#F05227; } 
				aside .menu > ul > li.current.color1 > a  { background-color:#F05227; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color2 > a          { border:solid 2px #F05B79; color:#F05B79; } 
				aside .menu > ul > li.current.color2 > a  { background-color:#F05B79; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color3 > a          { border:solid 2px #C21833; color:#C21833; } 
				aside .menu > ul > li.current.color3 > a  { background-color:#C21833; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color4 > a          { border:solid 2px #CE579F; color:#CE579F; } 
				aside .menu > ul > li.current.color4 > a  { background-color:#CE579F; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color5 > a          { border:solid 2px #A33994; color:#A33994; } 
				aside .menu > ul > li.current.color5 > a  { background-color:#A33994; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color6 > a          { border:solid 2px #6E5DA7; color:#6E5DA7; } 
				aside .menu > ul > li.current.color6 > a  { background-color:#6E5DA7; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color7 > a          { border:solid 2px #41317B; color:#41317B; } 
				aside .menu > ul > li.current.color7 > a  { background-color:#41317B; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color8 > a          { border:solid 2px #0A71B8; color:#0A71B8; } 
				aside .menu > ul > li.current.color8 > a  { background-color:#0A71B8; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color9 > a          { border:solid 2px #00ACEE; color:#00ACEE; } 
				aside .menu > ul > li.current.color9 > a  { background-color:#00ACEE; color:#FFFFFF; }
				                                                
				aside .menu > ul > li.color10 > a         { border:solid 2px #04B7AC; color:#04B7AC; } 
				aside .menu > ul > li.current.color10 > a { background-color:#04B7AC; color:#FFFFFF; }
				
				aside .menu > ul > li.color11 > a         { border:solid 2px #009679; color:#009679; } 
				aside .menu > ul > li.current.color11 > a { background-color:#009679; color:#FFFFFF; }
				
				aside .menu > ul > li.color12 > a         { border:solid 2px #4CA648; color:#4CA648; } 
				aside .menu > ul > li.current.color12 > a { background-color:#4CA648; color:#FFFFFF; }
				
				aside .menu > ul > li.color13 > a         { border:solid 2px #89C652; color:#89C652; } 
				aside .menu > ul > li.current.color13 > a { background-color:#89C652; color:#FFFFFF; }
				
				aside .menu > ul > li.color14 > a         { border:solid 2px #B7A737; color:#B7A737; } 
				aside .menu > ul > li.current.color14 > a { background-color:#B7A737; color:#FFFFFF; }
				
				aside .menu > ul > li.color15 > a         { border:solid 2px #F89B3C; color:#F89B3C; } 
				aside .menu > ul > li.current.color15 > a { background-color:#F89B3C; color:#FFFFFF; }
			
			/* Menú segundo nivel */
			aside .menu > ul > li > ul {  }
				aside .menu > ul > li > ul > li { }
					aside .menu > ul > li > ul > li > a { background:url("../images/list.gif") 13px 12px no-repeat; padding:8px 8px 8px 25px; display:block; 
														  border-left:5px #d5d5d5 solid; font-weight:normal; color:#444; }
						aside .menu > ul > li > ul > li:hover > a   { color:#333;    background-color:#f3f3f3; border-left-color:#bbb; }				
						aside .menu > ul > li > ul > li.current > a { color:#9D0D1C; background-color:#FCE3DC; border-left-color:#EB6841; }
						
			/* 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 h3 { text-align:center; margin-bottom:5px; }
			
	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:17%; height:400px; margin-right:3%; }		
		
	.otherside .banners { margin-bottom:20px; }						
		.otherside .banners li+li { margin-top:10px; }				   
		.otherside .banners img   { border:solid 1px #ccc; width:100%; }
		
		
.addthis_toolbox { margin-top:20px; min-height:25px; }


footer { background:url('../images/footer.jpg') bottom center repeat-x; }
	footer .wrap { padding-top:260px; height:140px; }
	
	footer .column { display:inline-block; margin:0 3%; vertical-align:top; }
	
	footer .menu { font-size:0.9em; }
		footer .menu li { margin:5px 0; }		
		footer .menu a  { color:#333; }
			footer .menu a:hover      { color:#000; }
			footer .menu li.current a { color:#000; }
		
	footer .textSmall { padding-top:65px; text-align:right; font-weight:normal; color:#80481C; }
		footer .textSmall a { color:#ddd; font-weight:normal; }
			footer .textSmall a:hover { color:#fff; }	
	
.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:99999; }
	#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%; }	
}

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

	.wrap { margin:0 5%; }	
}

@media only screen and (max-width:1100px) {		
	
	.wrap { margin:0 4%; }	
	body  { font-size:14px; }
}

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

	.wrap { margin:0 3%; }
}  
  
@media only screen and (max-width:1000px) {	
	
	.wrap { margin:0 6%; }
	body { font-size:13px; }
	
}

@media only screen and (max-width:700px) {
	
	header > .wrap  { padding-top:200px; }
	
	header .bg, header .bg2 { padding-top:65%; }
	
	header nav { top:80px; left:0; right:0; text-align:center;  }
	
	footer { background-size:300%; }
}

@media only screen and (max-width:640px) {
				
	page .wrap { margin:0 3%; }
}

@media only screen and (max-width:590px) {
	
	page .wrap { margin:0 2%; }
	body { font-size:12px; }
}