/* Estilo desarrollado por  www.miltoncubillos.com */ /* -- DESARROLLO de Milton Leonardo Cubillos Bogota Copyright © */ /* http://www.miltoncubillos.com--*/ 
  /* Estilos para las Barras */ 
body { font-family:  Verdana, Arial, Helvetica, sans-serif; text-align: justify 0.125in; margin-top: 0px; margin-left: 0px; margin-right: 0p`x; margin-bottom: 0px; background-color:#ffffff;}
div.header {background: #ffffff; width: 970px;}
div.container {background: #ffffff; width: 877px;}
div.contenido {width: 950px; font-size: 12pt; font-family:  Verdana, Arial, Helvetica, sans-serif;  text-align: justify}
div.footer {background: #ffffff; width: 950px;}
 /* Estilo para los Links */ 
a { font-size: 12pt; font-family:  Verdana, Arial, Helvetica, sans-serif;  TEXT-DECORATION: underline } 
a:link { font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif;  COLOR: #ffffff; TEXT-DECORATION: underline } 
a:visited { font-size: 12pt; font-family:  Verdana, Arial, Helvetica, sans-serif;  FONT-WEIGHT: bold; COLOR: #ffff00; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none } 
a:active { font-size: 12pt; font-family:  Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; font-size: 12pt; font-family:  Verdana, Arial, Helvetica, sans-serif } 
a:hover { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline } 
/* Estilo para la cabecera de nivel 1 a 6 Titulos */ 
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size:36px;
 	color:#0000ff;
  	text-shadow: 0 1px 0 #ccc, 
               	 0 2px 0 #c9c9c9,
              	 0 3px 0 #bbb,
               	 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15)} 
h2 {
	font: bold 30px "adelle", sans-serif;
	color: #333;}
h3 { font-weight: bold; font-size: 17px; color:red; font-style: normal; text-align: right; font-family: arial, verdana, tahoma, helvetica, sans-serif } 
h4 { font-weight: bold; font-size: 15px; color: green; font-style: normal; text-align: right; font-family: arial, verdana, tahoma, helvetica, sans-serif } 
h5 { background-image: white url( ../webmaster/imagenes/bmap.gif ); font-weight: bold; font-size: 13px; color: #000033; font-style: normal; text-align: left; font-family: arial, verdana, tahoma, helvetica, sans-serif; background-color: Teal; } 
h6 { font-weight: bold; font-size: 11px; color: #000000; font-style: normal; text-align: right; font-family: arial, verdana, tahoma, helvetica, sans-serif; text-decoration: underline } 
/* Estilos Generales */ 
p { font-size: 12px; text-align: justify; color: #000099; font-family: arial, verdana, tahoma, helvetica, sans-serif; font-weight: normal; word-spacing:length } 
P { font-size: 12px; text-align: justify; color: #000099; font-family: arial, verdana, tahoma, helvetica, sans-serif; font-weight: normal; word-spacing: length } 
div, DIV { font: 13px sans-serif; text-align: justify: 0.25in; letter-spacing: length; word-spacing: length; font-family: arial, verdana, tahoma, helvetica, sans-serif; color: #000099 }
p.normal {font-family:arial; font-size:10pt; text-align:justify; color: #0000FF} 
p.texto {font-family: verdana; font-size: 8pt; text-align: justify; color:#000000}
p.texto1 { font-weight: normal; font-size: 9pt; margin: 0px; color: #000000; font-family: verdana,arial; text-align: justify }
p.texto2 { font-weight: normal; font-size: 7.5pt; margin: 0px; color: #000000; font-family: verdana,arial; text-align: justify }
p.cabecera { font-weight: normal; font-size: 7.5pt; margin: 0px; color: #ffffff; font-family: verdana,arial; text-align: center }
p.resalte { font-weight: bold; font-size: 12pt; margin: 0px; color: #000000; font-family: verdana,arial; text-align: left }
.titulo { border-top: #000099 1px solid; font-weight: bold; font-size: 12px; background: #000099; color: #FFFFFF; font-family: arial, verdana, tahoma, helvetica, sans-serif; font-size: 21px }
.tituloazul { font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: center; font-weight:bold;	font-size:21px; color:#0000ff; text-shadow: 0 1px 0 #ccc, 
               	 0 2px 0 #c9c9c9,
              	 0 3px 0 #bbb,
               	 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15)} 
.titulorojo { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-weight:bold;	font-size:21px; color:#ff0000; text-shadow: 0 1px 0 #ccc, 
               	 0 2px 0 #c9c9c9,
              	 0 3px 0 #bbb,
               	 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15)} 
.tituloverde { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-weight:bold;	font-size:21px; color:#009900; text-shadow: 0 1px 0 #ccc, 
               	 0 2px 0 #c9c9c9,
              	 0 3px 0 #bbb,
               	 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15)} 				 
.ejemplo { text-align: center; border-right: 1px solid; padding-rigth: 1em; border-top: 1px solid; padding-left: 1em; font-size: 8pt; background: #ededed; padding-bottom: 1em; margin: 10px 0px 0px; OVERFLOW: auto; border-left: 1px solid; WIDTH: 468px; color: #000080; padding-top: 1em; border-bottom: 1px solid; font-family: monospace } 
.categoria { color: #ffffff; font-size: x-small; font-weight: bold } 
.footer { font-size: 13px; font-family: Arial,Helvetica, sans-serif} 
.tema { color: #000000; font-size: 20px; font-family: Arial,Helvetica, sans-serif; text-align: right;} 
.ubicacion { color: #ffffff; font-size: 20px; font-family: Arial,Helvetica, sans-serif; text-align: center;} 
.mapa { font-size: 13px; font-family: Arial,Helvetica, sans-serif; background: ##FF7C39} 
.inicio { font-size: 13px; font-family: Arial,Helvetica, sans-serif; background: ##FF7C39} 
.indice { font-size: 15px; font-family: Arial, Helvetica, sans-serif } 
.cita { font-weight: normal; font-size: 7.5pt; margin: 0px; color: #000000; font-family: verdana,arial; text-align: justify }
.autorcita { font-weight: bold; font-size: 7.5pt; margin: 0px; color: #000000; font-family: verdana,arial; text-align: justify  }
/* Estilos Mayuscula */
.my { text-transform: uppercase }
.my1 { text-transform: capitalize }
.my2 { text-transform: lowercase }
.my3 { text-transform: none }
br { font-size: 12px; color: #000099; font-family: arial, verdana, tahoma, helvetica, sans-serif; font-style: length; text-align: justify: 0.125in; letter-spacing: length; word-spacing: length } 
strong { font-size: 11pt; color: #000099; font-family: arial, verdana, tahoma, helvetica, sans-serif } 
b, B { font-weight:bold; color: #000099; font-family: arial, verdana, tahoma, helvetica, sans-serif }

.boton{
	background:#0D98FB;
	background-image: -webkit-linear-gradient(top,#0D98FB,#1A5DB3);
	background-image: -moz-linear-gradient(top,#0D98FB,#1A5DB3);
	background-image: -o-linear-gradient(top,#0D98FB,#1A5DB3);	
	background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);	
	border: 1px solid #125CB5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;	
	border-radius: 5px;
	-moz-box-shadow: 0 1px 1px #71C0FD inset;
	-webkit-box-shadow: 0 1px 1px #71C0FD inset;
	-o-box-shadow: 0 1px 1px #71C0FD inset;	
	box-shadow: 0 1px 1px #71C0FD inset;
	padding: .8em 1.8em;
	color: white;
	font-weight:normal;
	text-decoration:none;
}
.boton:hover {
	background:#1A5DB3;
	background-image: -webkit-linear-gradient(bottom,#0D98FB,#1A5DB3);
	background-image: -moz-linear-gradient(bottom,#0D98FB,#1A5DB3);
	background-image: -o-linear-gradient(bottom,#0D98FB,#1A5DB3);	
	background-image: linear-gradient(to top,#0D98FB,#1A5DB3);
	cursor: pointer;
}
.boton:active {
	background:#0D98FB;
	cursor: pointer;
}