/*
    Project: CrystalX
    URL: http://www.nuvio.cz
    
    Output device: screen, projection
    
    Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Last revision: 2006-12-05, 12:00 GMT+1

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/


body {border:0; margin:20px 0 0 0; padding:0; background:url("design/bg.jpg"); "verdana",sans-serif; color:#192666;  }

a {color:#000000;}
a:hover {color:#000000;}

/*---------------------Cabecera ------------*/


#contcabecera {position:relative;  margin:0; padding:0; background: url("design/header.jpg") 0 0 no-repeat; color:#FFF;}


/*#menu {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;height:60px;}

    #menu ul {margin:0 10px; padding:0; list-style:none;}
    #menu ul li {margin:0 5px 0 0; padding:0; float:left;}
    #menu ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
/*    #menu ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("design/tab_link_l.gif") 0 0 no-repeat;}
    #menu ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("design/tab_link_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - hover) */
/*    #menu ul li a:hover {background:url("design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #menu ul li a:hover span.tab-l {background:url("design/tab_hover_l.gif") 0 0 no-repeat;}
    #menu ul li a:hover span.tab-r {background:url("design/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
/*    #menu ul li#active a {background:#FFF; color:#FF9000;}
    #menu ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("design/tab_active_l.gif") 0 0 no-repeat;}
    #menu ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("design/tab_active_r.gif") 100% 0 no-repeat;}
	*/
	
#lbl{ background-image:url(design/lblseccion.jpg); background-position:right;}
#menu{background:#bea330;}
#menu ul{ float:left; list-style:none; }
	 #menu ul li{}			

		#menu ul .sec1{ }
			#menu ul li{z-index: 1;color:#B5C4E3; }
					#menu ul li a{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat; background-position:0 0 0 0; display: block; color: #000000; text-decoration:none}
		#Bsec1	#menu ul li a{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat; background-position:-300px 0;display: block; color: #ffffff;}
					#menu ul li a:hover{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat;background-position:-150px 0; display: block; color: #ffffff;}
		#Bsec1	#menu ul li a:hover{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat;background-position:-300px 0; display: block; color: #FFFFFF;}	
					#menu li h2 a:hover span{ font-size:14px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif}
					#menu li a span{ font-size:14px; color:#B5C4E3; font-family:Verdana, Arial, Helvetica, sans-serif}
					
					
/*		#menu ul .sec2{ float:left;width:150px; height:30px; margin-right:0px;}
			#menu ul .sec2 h2{z-index: 1;color:#B5C4E3; }
					#menu ul .sec2 h2 a{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat; background-position:0 0 0 0; display: block; color: #FFFFFF;text-decoration:none}
		#Bsec2	#menu ul .sec2 h2 a{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat; background-position:-300px 0;display: block; color: #FFFFFF;}
					#menu ul .sec2 h2 a:hover{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat;background-position:-150px 0; display: block; color: #FFFFFF;}
		#Bsec2	#menu ul .sec2 h2 a:hover{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat;background-position:-300px 0; display: block; color: #FFFFFF;}	
					#menu ul .sec2 h2 a:hover span{ font-size:14px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif}
					#menu ul .sec2 h2 a span{ font-size:14px; color:#B5C4E3; font-family:Verdana, Arial, Helvetica, sans-serif}
					
					
		#menu ul .sec3{ float:left;width:150px; height:30px; margin-right:0px;}
			#menu ul .sec3 h2{z-index: 1;color:#B5C4E3; }
					#menu ul .sec3 h2 a{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat; background-position:0 0 0 0; display: block; color: #FFFFFF;text-decoration:none}
		#Bsec3	#menu ul .sec3 h2 a{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat; background-position:-300px 0;display: block; color: #FFFFFF;}
					#menu ul .sec3 h2 a:hover{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat;background-position:-150px 0; display: block; color: #FFFFFF;}
		#Bsec3	#menu ul .sec3 h2 a:hover{width:150px; height:30px;background:url(design/btnMenu.jpg) no-repeat;background-position:-300px 0; display: block; color: #FFFFFF;}	
					#menu ul .sec3 h2 a:hover span{ font-size:14px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif}
					#menu ul .sec3 h2 a span{ font-size:14px; color:#B5C4E3; font-family:Verdana, Arial, Helvetica, sans-serif}
*/
#contpagina{background:#bea330;}
#cuerpo{ background:#FFFFFF url(design/content_article_bg.jpg); background-repeat:no-repeat;}
#pie{ background:url(design/pie.jpg);}							
