.nav3-grid {
width:199px;
border-bottom:solid 1px #c8c8c8;
}

.nav3-grid dt a,.nav3-grid dt a:visited {
display:block;
min-height:2em;
height:auto!important;
line-height:2em;
border-top:solid 1px #c8c8c8;
text-decoration:none;
color:#467aa7;
font-weight:700;
font-size:120%;
padding:0 10px 0 20px;
}

.nav3-grid dd a,.nav3-grid dd a:visited {
display:block;
min-height:1.7em;
height:auto!important;
line-height:1.7em;
border:none;
font-weight:400;
text-decoration:none;
color:#467aa7;
font-size:120%;
padding:0 10px 0 40px;
}

.nav3-grid dt a:hover,.nav3-grid dd a:hover {
background-color:#e1e1e1;
color:#2a5a8a;
text-decoration:none;
}

.nav3-bullet dt a,.nav3-bullet dt a:visited {
line-height:2em;
background:url(../img/bg_bullet_full_1.gif) no-repeat 0 50%;
text-decoration:none;
color:#467aa7;
font-weight:700;
font-size:120%;
padding:0 0 0 10px;
}

.nav3-bullet dd a,.nav3-bullet dd a:visited {
line-height:1.7em;
background:url(../img/bg_bullet_half_1.gif) no-repeat 0 50%;
text-decoration:none;
color:#467aa7;
font-weight:400;
font-size:120%;
margin:0 0 0 15px;
padding:0 0 0 10px;
}

.nav3-bullet dt a:hover {
background:url(../img/bg_bullet_full_2.gif) no-repeat 0 50%;
text-decoration:underline;
color:#2a5a8a;
}

.nav3-bullet dd a:hover {
background:url(../img/bg_bullet_half_2.gif) no-repeat 0 50%;
text-decoration:underline;
color:#2a5a8a;
}

.nav3-nobullet dt a,.nav3-nobullet dt a:visited {
line-height:2em;
text-decoration:none;
color:#467aa7;
font-weight:700;
font-size:120%;
}

.nav3-nobullet dd a,.nav3-nobullet dd a:visited {
line-height:1.7em;
text-decoration:none;
color:#467aa7;
font-weight:400;
font-size:120%;
margin:0 0 0 15px;
}

.nav3-nobullet dt a:hover,.nav3-nobullet dd a:hover {
text-decoration:underline;
color:#2a5a8a;
}

.main-navigation .loginform {
width:160px;
margin:-10px 20px 0;
}

.main-navigation .searchform {
width:160px;
margin:0 20px;
}

.main-navigation h1.first {
clear:both;
background-color:#bebebe;
font-family:"trebuchet ms",arial,sans-serif;
color:#fff;
font-weight:700;
font-size:150%;
margin:0;
padding:4px 20px 3px;
}

.main-navigation h1 {
clear:both;
background:#bebebe;
font-family:"trebuchet ms",arial,sans-serif;
color:#fff;
font-weight:700;
font-size:150%;
margin:30px 0 20px;
padding:4px 20px 3px;
}

.main-navigation h2 {
clear:both;
font-family:"trebuchet ms",arial,sans-serif;
color:#646464;
font-weight:700;
font-size:150%;
margin:20px 10px 10px 20px;
}

.main-navigation h3 {
clear:both;
color:#505050;
font-weight:700;
font-size:110%;
margin:10px 10px 5px 20px;
}

.main-navigation p {
clear:both;
color:#505050;
line-height:1.3em;
font-size:110%;
margin:0 10px 10px 20px;
}

.main-navigation ul {
list-style:none;
margin:.5em 10px 1em 20px;
}

.main-navigation ul li {
background:url(../img/bg_bullet_full_2.gif) no-repeat 0 .4em;
line-height:1.2em;
font-size:110%;
margin:5px 0 .2em 2px;
padding:0 0 0 11px;
}

.main-navigation ol {
margin:.5em 10px 1em 40px !important;
}

.main-content h1.pagetitle {
border-bottom:solid 7px #e1e1e1;
font-family:"trebuchet ms",arial,sans-serif;
color:#646464;
font-weight:700;
font-size:220%;
margin:0 0 .4em;
padding:0 0 2px;
}

.main-content h1.block {
clear:both;
background:#bebebe;
font-family:"trebuchet ms",arial,sans-serif;
color:#fff;
font-weight:700;
font-size:220%;
margin:1em 0 0;
padding:2px 0 2px 2px;
}

.main-content h1 {
clear:both;
font-family:"trebuchet ms",arial,sans-serif;
color:#505050;
font-weight:400;
font-size:210%;
margin:1em 0 .5em;
}

.main-content h2 {
clear:both;
font-family:"trebuchet ms",arial,sans-serif;
color:#505050;
font-weight:400;
font-size:170%;
margin:1em 0 .5em;
}

.main-content h3 {
clear:both;
font-family:"trebuchet ms",arial,sans-serif;
color:#7d7d7d;
font-weight:400;
font-size:130%;
margin:-1em 0 .5em;
}

.main-content h4 {
color:#505050;
font-family:"trebuchet ms",arial,sans-serif;
font-weight:400;
font-size:170%;
margin:1.5em 0 1em;
}

.main-content h5 {
color:#505050;
font-family:"trebuchet ms",arial,sans-serif;
font-size:140%;
margin:1.5em 0 1em;
}

.main-content h6 {
color:#505050;
font-weight:700;
font-size:120%;
margin:1.2em 0 .2em;
}

.main-content p {
line-height:1.5em;
font-size:120%;
margin:0 0 1em;
}

.main-content p.details {
clear:both;
line-height:1em;
font-size:110%;
margin:-.25em 0 1em;
}

.main-content blockquote {
clear:both;
font-size:90%;
margin:0 30px .6em;
}

.main-content table {
clear:both;
width:400px;
table-layout:fixed;
border-collapse:collapse;
empty-cells:show;
background-color:#e9e8f4;
margin:2em 0 .2em 20px;
}

.main-content table th.top {
height:3.5em;
empty-cells:show;
background-color:#afafaf;
text-align:left;
color:#fff;
font-weight:700;
font-size:110%;
padding:0 7px;
}

.main-content table th {
height:3em;
border-left:solid 2px #fff;
border-right:solid 2px #fff;
border-top:solid 2px #fff;
border-bottom:solid 2px #fff;
background-color:#e1e1e1;
text-align:left;
color:#505050;
font-weight:700;
font-size:110%;
padding:2px 20px 2px 7px;
}

.main-content table td {
height:3em;
border-left:solid 2px #fff;
border-right:solid 2px #fff;
border-top:solid 2px #fff;
border-bottom:solid 2px #fff;
background-color:#e1e1e1;
text-align:left;
font-weight:400;
color:#505050;
font-size:110%;
padding:2px 7px;
}

p.caption {
clear:both;
text-align:left;
color:#505050;
font-size:110%;
margin:.5em 0 2em 20px;
}

.main-content ul {
list-style:none;
margin:.5em 0 1em;
}

.main-content ul li {
background:url(../img/bg_bullet_full_1.gif) no-repeat 0 .5em;
line-height:1.4em;
font-size:120%;
margin:0 0 .2em 2px;
padding:0 0 0 12px;
}

.main-content ol {
margin:.5em 0 1em 20px !important;
}

.main-content ol li {
list-style-position:outside;
line-height:1.4em;
font-size:120%;
margin:0 0 .2em;
}

.contactform {
width:418px;
border:solid 1px #c8c8c8;
background-color:#f0f0f0;
margin:2em 0 0;
padding:10px 10px 0;
}

.contactform fieldset {
border:solid 1px #dcdcdc;
margin:0 0 20px;
padding:20px 0 0!important;
}

.contactform fieldset legend {
color:#505050;
font-weight:700;
font-size:130%;
margin:0 0 0 5px !important;
padding:0 2px;
}

.contactform label.left {
float:left;
width:100px;
font-size:110%;
margin:0 0 0 10px;
padding:2px;
}

.contactform select.combo {
width:175px;
border:solid 1px #c8c8c8;
font-family:verdana,arial,sans-serif;
font-size:110%;
padding:2px;
}

.contactform input.button {
float:right;
width:9em;
margin-right:20px;
background:#e6e6e6;
border:solid 1px #969696;
text-align:center;
font-family:verdana,arial,sans-serif;
color:#969696;
font-size:110%;
padding:1px!important;
}

.main-subcontent h1 {
clear:both;
background-color:#bebebe;
font-family:"trebuchet ms",arial,sans-serif;
color:#fff;
font-weight:700;
font-size:140%;
margin:0 0 10px;
padding:4px 10px 3px;
}

.main-subcontent h3 {
clear:both;
color:#505050;
font-weight:700;
font-size:110%;
margin:1em 10px .5em;
}

.main-subcontent p {
clear:both;
color:#505050;
line-height:1.3em;
font-size:110%;
margin:0 10px 1em;
}

.main-subcontent ul {
list-style:none;
margin:.5em 10px 1em;
}

.main-subcontent ul li {
background:url(../img/bg_bullet_full_1.gif) no-repeat 0 .4em;
line-height:1.2em;
font-size:110%;
margin:5px 0 .2em 2px;
padding:0 0 0 11px;
}

.main-subcontent ol {
margin:.5em 10px 1em 30px !important;
}

.main img.center {
clear:both;
float:none;
display:block;
border:1px solid #969696;
margin:0 auto;
padding:1px;
}

.main img.right {
clear:both;
float:right;
border:1px solid #969696;
margin:3px 0 7px 10px;
padding:1px;
}

.main a {
color:#467aa7;
font-weight:700;
text-decoration:none;
}

.main-content h1 a {
color:#467aa7;
font-weight:400;
text-decoration:none;
}

.main a:hover {
color:#2a5a8a;
text-decoration:underline;
}

.main a:visited {
color:#2a5a8a;
}

.main a img {
border:solid 1px #969696;
}

.main a:hover img {
border:solid 1px #dcdcdc;
}

.pbasico {
font-size:80%;
padding:2px;
}

.pbasico-red {
clear:both;
background-color:#DB042F;
font-family:"trebuchet ms",verdana,arial,sans-serif;
color:#fff;
font-weight:700;
font-size:140%;
margin:0 0 5px;
padding:4px 10px 3px;
}

.alinear_der {
float:right;
}

.nav3-bullet,.nav3-nobullet {
width:170px;
margin:10px 0 0 20px;
}

.main-navigation .loginform p,.main-navigation .searchform p,.main-subcontent .loginform p {
clear:both;
margin:0;
padding:0;
}

.main-navigation .loginform fieldset,.main-subcontent .loginform fieldset {
width:160px;
border:none;
}

.main-navigation .loginform label.top,.main-subcontent .loginform label.top {
float:left;
width:125px;
font-size:110%;
margin:0 0 2px;
}

.main-navigation .loginform label.right,.main-subcontent .loginform label.right {
float:left;
width:125px;
font-size:110%;
margin:5px 0 0;
padding:0 0 0 3px;
}

.main-navigation .loginform input.field,.main-subcontent .loginform input.field {
width:158px;
border:solid 1px #c8c8c8;
font-family:verdana,arial,sans-serif;
font-size:110%;
margin:0 0 5px;
padding:.1em 0 .2em!important;
}

.main-navigation .loginform input.checkbox,.main-subcontent .loginform input.checkbox {
float:left;
border:none;
margin:5px 0 0!important;
}

.main-navigation .loginform input.button,.main-subcontent .loginform input.button {
float:left;
width:5em;
background:#e6e6e6;
border:solid 1px #969696;
text-align:center;
font-family:verdana,arial,sans-serif;
color:#969696;
font-size:110%;
margin:10px 0 5px;
padding:1px;
}

.main-navigation .loginform input.button:hover,.main-navigation .searchform input.button:hover,.contactform input.button:hover,.main-subcontent .loginform input.button:hover,.main-subcontent .searchform input.button:hover {
cursor:pointer;
border:solid 1px #505050;
background:#dcdcdc;
color:#505050;
}

.main-navigation .searchform fieldset,.main-subcontent .searchform fieldset {
border:none;
}

.main-navigation .searchform input.field,.main-subcontent .searchform input.field {
float:left;
width:158px;
border:1px solid #c8c8c8;
font-family:verdana,arial,sans-serif;
font-size:120%;
padding:.1em 0 .2em!important;
}

.main-navigation .searchform input.button,.main-subcontent .searchform input.button {
float:left;
width:3em;
margin-top:.5em;
background:#e6e6e6;
border:solid 1px #969696;
text-align:center;
font-family:verdana,arial,sans-serif;
color:#969696;
font-size:120%;
padding:1px;
}

.main-navigation p.center,.main-content p.center,.main-subcontent p.center {
text-align:center;
}

.main-navigation p.right,.main-content p.right,.main-subcontent p.right {
text-align:right;
}

.main-navigation ol li,.main-subcontent ol li {
list-style-position:outside;
font-size:110%;
margin:0 0 .4em;
}

.main-content h1.side,.main-content h2.side,.main-content h3.side {
clear:none;
}

.contactform input.field,.contactform textarea {
width:275px;
border:solid 1px #c8c8c8;
font-family:verdana,arial,sans-serif;
font-size:110%;
padding:2px;
}

.main-subcontent h1.green,.pbasico-green {
clear:both;
background-color:#a0d651;
font-family:"trebuchet ms",verdana,arial,sans-serif;
color:#fff;
font-weight:700;
font-size:140%;
margin:0 0 5px;
padding:4px 10px 3px;
}

.main-subcontent h1.blue,.pbasico-blue {
clear:both;
background-color:#89aad6;
font-family:"trebuchet ms",verdana,arial,sans-serif;
color:#fff;
font-weight:700;
font-size:140%;
margin:0 0 5px;
padding:4px 10px 3px;
}

.main-subcontent h1.orange,.pbasico-orange {
clear:both;
background-color:#e8b10d;
font-family:"trebuchet ms",verdana,arial,sans-serif;
color:#fff;
font-weight:700;
font-size:140%;
margin:0 0 5px;
padding:4px 10px 3px;
}

.main-subcontent .loginform,.main-subcontent .searchform {
width:160px;
margin:0 10px;
}





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

.barra_navegacion{
	margin: 10px 0 5px 0;
}

#activo_barra_navegacion{
	color: #E14900;
	margin: 0 0 0 20px;
}

.nav_opcion1 {
	width:350px; position:absolute; 
	z-index:2; 
	margin-left:550px !important/*Non-IE6*/; 
	margin-left:553px /*IE6*/;

}

.capa_general_nuevapartida
{
    position:relative;
	background-color:#d6e7f7;
	border:solid 1px #ccc;
	

	width:800px;
	height:400px;
	padding:5px;
	
	
	min-height:2em;
	line-height:2em;
	text-decoration:none;
	color:#467aa7;
	font-size:100%;
	
}

.capa_general_nuevapartida_barramovimiento
{
    position:relative;
	/*background-color:#7bc7bd;*/
	padding:3px;
	
	
}

.container01 {
    position:relative;
    float:left;
    width:100px;
    height:100px;
	/*background-color:#84ef9c;
	color:#063c12;*/
	padding:4px;
	margin : 2px;
	
border-left:solid 1px #fff;
border-right:solid 1px #fff;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
background-color:#e1e1e1; 
	
 }

 .alinear_izq
 {
 	float:left;
	padding: 1px;
 }
 
  .alinear_der
 {
 	float:right;
	padding: 1px;
 }

.separacion_5 {margin:5px;}
.separacion_10 {margin:10px;}
.separacion_15 {margin:15px;}
.separacion_20 {margin:20px;}
  
  
/* lOS BOTONES */
.main2 a {
color:#fff;
font-weight:700;
text-decoration:none;
}

.main2-content h1 a {
color:#fff;
font-weight:400;
text-decoration:none;
}

.main2 a:hover {
color:#fff;
text-decoration: none;
}

.main2 a:visited {
color:#fff;
}

.main2 a img {
border:solid 1px #fff;
}

.main2 a:hover img {
border:solid 1px #fff;
}		


/****************************************************************************************************************
amarillo
naranja
magenta
azul
rojo
verde
*/

.cajagrande {
margin: 2px;
	border: 1px solid;
	padding: 5px 10px 6px; 
	font: 10px verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	color: #fff; 
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
	position: relative;
}



.verde, a.verde:link, a.verde:active, a.verde:visited {
	border-color: #749a02;
	background: #91bd09;
	color: #fff; 
}

a.verde:hover{
	border-color: #91bd09;
	background: #749a02;
	color: #fff; 
}


.verde2, a.verde2:link, a.verde2:active, a.verde2:visited {
	border-color: #ccc;
	background: #09BE91;
	color: #fff; 
}

a.verde2:hover{
	border-color: #09BE36;
	background: #09BE36;
	color: #fff; 
}



 

.rojo, a.rojo:link, a.rojo:active, a.rojo:visited {
	border-color: #872300;
	background: #e33100;
	color: #FFFFFF;
}

a.rojo:hover{
	border-color: #e33100;
	background: #872300;
	color: #FFFFFF;
}


.azul, a.azul:link, a.azul:active, a.azul:visited {
	border-color:#007d9a;
	background: #2daebf;
	color: #fff; 
}

a.azul:hover{
	border-color: #2daebf;
	background: #007d9a;
	color: #FFFFFF;
}

.magenta, a.magenta:link, a.magenta:active, a.magenta:visited {
	border-color: #630030;
	background: #a9014b;
	color: #fff; 
}

a.magenta:hover{
	border-color: #a9014b;
	background: #630030;
	color: #FFFFFF;
}

.naranja, a.naranja:link, a.naranja:active, a.naranja:visited {
	border-color: #d45500;
	background: #ff5c00;
	color: #000
}

a.naranja:hover{
	border-color: #ff5c00;
	background: #d45500;
	color: #000
}



.amarillo, a.amarillo:link, a.amarillo:active, a.amarillo:visited {
	border-color: #fc9200;
	background: #ffb515;
	color: #000; 
}

a.amarillo:hover{
	border-color: #ffb515;
	background: #fc9200;
	color: #000;
}



.blanco, a.blanco:link, a.blanco:active, a.blanco:visited {
	border-color: #fff;
	background: #fff;
	color: #000; 
}

a.blanco:hover{
	border-color: #fff;
	background: #fff;
	color: #000;
}


.azul_claro, a.azul_claro:link, a.azul_claro:active, a.azul_claro:visited {
	border-color: #72FF5E;
	background: #DAFFD5;
	color: #000; 
}

a.azul_claro:hover{
	border-color: rgb(213,225,240);
	background:rgb(137,170,214);
	color: #000;
}

.blanco_enlace, a.blanco_enlace:link, a.blanco_enlace:active, a.blanco_enlace:visited {
	color: #fff; 
}

a.blanco_enlace:hover{
	color: #fff000; 
}


.negro, a.negro:link, a.negro:active, a.negro:visited {
	color: #000;
}

a.negro:hover{
	border-color: #ccc;
	background:#fff;
	color: #000;
}

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





/*	 


.awesome, .awesome:visited {
	background: #222 url(/img/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}
 
.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }

<button class="medium awesome">Super Awesome Button &raquo;</button> <br /><br /> 
						<button class="medium blue awesome">Awesome Blue Button &raquo;</button> <br /><br /> 
						<button class="medium magenta awesome">Awesome Magenta Button &raquo;</button> <br /><br /> 
						<button class="medium red awesome">Awesome Red Button &raquo;</button> <br /><br /> 
						<button class="medium orange awesome">Awesome Orange Button &raquo;</button> <br /><br /> 
						<button class="medium yellow awesome">Awesome Yellow Button &raquo;</button> 

						<button class="small awesome">Super Awesome Button &raquo;</button> <br /><br /> 
						<button class="small blue awesome">Awesome Blue Button &raquo;</button> <br /><br /> 
						<button class="small magenta awesome">Awesome Magenta Button &raquo;</button> <br /><br /> 
						<button class="small red awesome">Awesome Red Button &raquo;</button> <br /><br /> 
						<button class="small orange awesome">Awesome Orange Button &raquo;</button> <br /><br /> 
						<button class="small yellow awesome">Awesome Yellow Button &raquo;</button> 
						
<a class="small awesome">Super Awesome Button &raquo;</a> <br /><br /> 
						<a class="small blue awesome">Awesome Blue Button &raquo;</a> <br /><br /> 
						<a class="small magenta awesome">Awesome Magenta Button &raquo;</a> <br /><br /> 
						<a class="small red awesome">Awesome Red Button &raquo;</a> <br /><br /> 
						<a class="small orange awesome">Awesome Orange Button &raquo;</a> <br /><br /> 
						<a class="small yellow awesome">Awesome Yellow Button &raquo;</a> 						
						
*/			 
			 
			 
			 
		
.separacion_div
{
	padding:20px;

}