﻿BODY { 
 background : #C0D9D9 url(imagenes/fondo.gif) repeat; 
 font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color : #666666; 
 margin : 20px 0px 20px 0px; 
 text-align: center; 
 } 
 #contenedor{ 
  
 text-align: left; 
 border: 2px solid #cccccc; 
 width: 700px; 
 margin: auto; 
 background-color : #ffffff; 

 } 
#cabecera{ 
 height : 106px; 
 width: 700px; 
 }  
 A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ 
 color: #494E6B; 
 } 
 A.enlacenav:HOVER{ 
 color: #3F7DE3; 
 }  

 #navegador{ 
 background : #F5F4C3 url(imagenes/fondonav.gif); 
 padding : 3px 10px 5px 10px; 
 border-top : 1px solid #cccccc; 
 border-bottom : 1px solid #cccccc; 
 } 
 #cuerpo{ 
 width:480px; 
 margin-left: 8px; 
 padding: 12px 0px 10px 0px; 
 background-color : #ffffff; 
 float:left; 
 } 
#navabajo{ 
 font-weight : bold; 
 background-color: orange;
 } 
 H1{ 
 font-size: 12pt; 
 } 
#lateral{ 
 width: 200px; 
 background-color: #EBF2FE; 
 border-bottom : 1px solid #cccccc; 
 border-left : 1px solid #cccccc; 
 float:right; 
 }  
.titlat{ 
 background-color:#68729E; 
 color:#ffffff; 
 font-size:8pt; 
 text-transform : uppercase; 
 padding: 7px 3px 7px 8px; 
 font-weight : normal; 
 letter-spacing : 2px; 
 margin: 0px 0px 8px 0px; 
 } 

 .cuerpolateral{ 
 padding: 5px 4px 13px 10px; 
 }  
#pie{ 
 clear : both; 
 color : #cccccc; 
 text-align : right; 
 margin : 10px 10px 0px 10px; 
 padding-bottom:10px; 
 } 
#borde{ 
 border: 2px solid #cccccc; 
 text-align: left; 
 width: 700px; 
 margin: auto; 
 } 
#scopebar > p {
 	 margin: 0 3px;
 	 display: inline-block;
 	 -moz-border-radius: 1000px;
 	 -webkit-border-radius: 1000px;
 	 border-radius: 1000px;
 	 padding: 2px 10px;
 	 font: 12px / 13px "Lucida Grande", sans-serif;
 	 color: #FFF;
 	 text-shadow: rgba(0, 0, 0, 0.4) 0 1px;
 	}
 	 
 	#scopebar > p.hovered {
 	 background: rgba(0, 0, 0, 0.32);
 	}
 	 
 	#scopebar > p.pressed {
 	 background: rgba(0, 0, 0, 0.5);
 	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
 	 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
 	 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
 	}
 	 
 	#scopebar > p.checked {
 	 background: rgba(0, 0, 0, 0.37);
 	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
 	 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
 	 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
 	}
 	 
 	#bottombar {
 	 margin: 10px 0;
 	 background: #969696;
 	 -moz-box-shadow: inset 0 25px 27px -10px #BDBDBD;
 	 -webkit-box-shadow: inset 0 25px 27px -10px #BDBDBD;
 	 box-shadow: inset 0 25px 27px -10px #BDBDBD;
 	 border-bottom: 1px solid #424242;
 	 padding: 6px;
 	}
 	 
 	#bottombar > p {
 	 margin: 0 3px;
 	 display: inline-block;
 	 padding: 2px 10px;
 	 font: 12px / 13px "Lucida Grande", sans-serif;
 	 text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
 	 padding: 3px 6px;
 	 border: 1px solid rgba(0, 0, 0, 0.6);
 	 -moz-border-radius: 3px;
 	 -webkit-border-radius: 3px;
 	 border-radius: 3px;
 	 -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
 	 -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
 	 box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white;
 	}
 	#bottombar > p.pressed {
 	 background: #B5B5B5;
 	 -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
 	 -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
 	 box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
 	
}



#menu{
 background:#f9f9f9;
 border:solid 1px #DEDEDE;
 border-radius:3px;
 width:180px;
 padding:5px;
 }
menu{
 color:#06F;
 margin:0px;
 background:linear-gradient(#fff 0%,#dedede 100%);
 background:-moz-linear-gradient(#fff 0%,#dedede 100%);
 background:-ms-linear-gradient(#fff 0%,#dedede 100%);
 background:-o-linear-gradient(#fff 0%,#dedede 100%);
 background:-webkit-linear-gradient(#fff 0%,#dedede 100%);
 border:solid 1px #f9f9f9;
 border-radius:5px;
 padding:5px;
 }
menu:hover{
 background:linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-moz-linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-ms-linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-o-linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-webkit-linear-gradient(#DEDEDE 0%, #FFF 100%);
 border-radius:3px;
 border:solid 1px #333;
 color:red;
 background:linear-gradient(#fff 0%,#dedede 100%);
 background:-moz-linear-gradient(#fff 0%,#dedede 100%);
 background:-ms-linear-gradient(#fff 0%,#dedede 100%);
 background:-o-linear-gradient(#fff 0%,#dedede 100%);
 background:-webkit-linear-gradient(#fff 0%,#dedede 100%);
 }
 
 #mimenu{
 background:#f9f9f9;
 border:solid 1px #DEDEDE;
 border-radius:3px;
 width:600px;
 }
#mimenu{
float: right;
 color:#06F;
 display:inline-block;
 margin:0px;
 background:linear-gradient(#fff 0%,#dedede 100%);
 background:-moz-linear-gradient(#fff 0%,#dedede 100%);
 background:-ms-linear-gradient(#fff 0%,#dedede 100%);
 background:-o-linear-gradient(#fff 0%,#dedede 100%);
 background:-webkit-linear-gradient(#fff 0%,#dedede 100%);
 border-radius:5px;
 width:100px;
  }
  .bot-art-grand {
	float:left;
	clear: both;
	margin:5px 10px 8px 0px;
	width:285px;
	padding:10px 0px 12px 0px;
	background-color:#ededed;
	border:none;
	text-align:center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#009;
	text-shadow:1px 1px 1px #fff;
	box-shadow:inset 0px -4px #c4c4c4;
	background-position: center 8px;
	background-repeat:no-repeat;
	}

#mimenu:hover{
 background:linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-moz-linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-ms-linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-o-linear-gradient(#DEDEDE 0%, #FFF 100%);
 background:-webkit-linear-gradient(#DEDEDE 0%, #FFF 100%);
 border-radius:3px;
 border:solid 1px #333;
 color:red;
 }
 .antepie {
 min-height: 1px;
 text-align: center; 
 color: blue;
 margin-left: 12px;
 font-family: arial, helvetica, verdana;
 font-size: 15px; 
 font-weight: bolder;
 
 }
 div#tabla {background: red; color: white;
            width: 70%; margin: 0 auto; padding: 10px;
			position: z-index;} 