* {
	--color0: #fff;
    --color1: #000;
    --color2: #27282e;
    --color3: #46474d;
    --color4: #818284;
    --color5: #f4f4f4;
    --color6: #850040;
    --color7: #513d65;
    --color8: #847992;
}


body{/*background: url(../imagen/fondo.png)*/  text-align:center; margin : 0px 0px 0px 0px; color:white;}
table{text-align:justify}
A:link{text-decoration:none;color:black}
A:active{text-decoration:none;color:black}
A:visited{text-decoration:none;color:black}
A:hover{text-decoration:none;color:black}	

.parrafos{
	font-weight:100}

.parrafos:link{color: #03C}
.parrafos:active{color:#03C}
.parrafos:visited{color:#03C}
.parrafos:hover{color:#0C0}	


#linea{
font-size:9pt;
height:35px;
width:900px; 
position:relative;
color:black;
text-align:right;
margin:10px 0px 0px 0px;
}
#banner{
height:202;
width:960px; 
position:relative;
margin:0px;
padding:0px;
}



#fondo{
/*background:url(imagen/fondo.png);*/
background:none;
width:960px; /*900,98*/
height:auto; 
position:relative;
border-top: 0px solid Silver; 
border-bottom:0px solid Silver;  
border-right : 0px solid Silver; 
border-left :0px solid Silver;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:right;
}


#logo{
width:264px;
height:168px;
text-align:left; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
z-index:0;
margin:0px 0 -31px 21px;
}

#menu{
width:900px;
height:40px;
text-align:left; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index:5;
}

#columnaizq{
width:250px;
height:auto;
text-align:left; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index:5;
float:left;
}

#columnaizqform{
width:410px;
height:auto;
text-align:left; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index:5;
float:left;
}


.titulo{
	font-weight:bold;
	color:#850040;
	}

.titulo:visited{
	font-weight:bold;
	color:#850040;
	}

.valor{
	font-weight:bold;
	color:#850040 ;
	margin-bottom: 5px;
	}

.titulo-valor{
	display: block;
	font-weight:bold;
	color:#850040 ;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
	}

.parrafo-valor{
	border: 1px solid transparent;
    border-radius: 15px;
    /* box-shadow: inset 0 0 7px 0px #513d65; */
    padding: 10px;
    -webkit-transition: 0.5s;
}

.parrafo-valor:hover {
	border: 1px solid #513d65;
    border-radius: 15px;
    box-shadow: 0 0 7px 0px #513d65;
    padding: 10px;
}
 .div-valor {
 	padding: 10px;
    border-radius: 15px;
    border: 1px solid transparent;
    -webkit-transition: 0.5s;
 }

 .div-valor:hover {
 	padding: 10px;
    box-shadow: inset 0px 0px 7px 0px #847992;
    border-radius: 15px;
    border: 1px solid #847992;
    background-color: #84799212;
 }

#oriente{
	margin: 30px 0;
    top: 749px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.6s;
}
<script>
function myFunction() {
  document.getElementById("oriente").style.opacity = "1";
}
</script>
#oriente:hover{
	-webkit-transition: opacity 0.6s;
	myFunction();
}

#occidente{
	margin: 30px 0;
    top: 749px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.6s;
}

#occidente:hover{
	opacity: 1;
	-webkit-transition: opacity 0.6s;
}

#suroccidente{
	margin: 30px 0;
    top: 749px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.6s;
}

#suroccidente:hover{
	opacity: 1;
	-webkit-transition: opacity 0.6s;
}

#cuerpo{
width:960px;
height:auto; 
border-top: 0px solid Silver; 
border-bottom:0px solid Silver;  
border-right :0px solid Silver; 
border-left :0px solid Silver;
color:#000;
/*background: url(../imagen/fondo_cuerpo.png) repeat-x ;*/
}

#nav-izq:hover{
	    filter: drop-shadow(0px 0px 14px #2b2b2b);
}


.box2 {
	float: left;
  	width: 50%;
  	padding: 0px;
}
}
.clearfix::after {
  	content: "";
  	clear: both;
  	display: table;
}
.row:after {
 	content: "";
  	display: table;
  	clear: both;
}


#piso{
width:960px;
height:20px;
clear:left;
margin : 0px 0px 20px 0px;
color:black;
font-family:arial;
text-align:left;
font-size:10pt;
font-family: 'rebk', arial;
}

.decor{
text-align:justify;
text-decoration:underline;
font-weight:;
font-size:12pt;
}

.parrafo{
text-align: justify;
font-size:12pt;
color:#000;
/*text-indent:10px;*/
}
.parrafo2{
text-align: center;
font-size:12pt;
color:#000;
/*text-indent:10px;*/
}

#parrafo{
	width:284px;
height:130px;
/*background: url(http://www.caracaswebdisegrafix.com/imagen/cuadro.png) no-repeat;*/
margin: 11px 0px 2px 10px;
padding:  5px 2px 2px 2px;
border-top: 0px solid Silver; 
border-bottom: 0px solid Silver;  
border-right : 0px solid Silver; 
border-left : 0px solid Silver;
float:left;
}
/*
#contac{
height : auto; 
width: 900px; 
text-align:center;
font-size:10pt;
padding: 5px 0px 5px 0px;
margin: 0px 190px 0px 0px;
}
*/

#contac {
height: 30px;
width: 960px;
text-align: center;
font-size: 10pt;
padding: 5px 0px 5px 0px;
margin: 0px 190px 0px 0px;
position: relative;
}

#miga {
float: left;
position: relative;
width: 960px;
height: 20px;
/*font-size: 12px;*/
text-align: left;
margin: 13px 0 5px 10px;
z-index: 1;
}

#miga a{
	color:#850040;
	font-weight:bold;
}

#descri-de{
width:710px;
height:auto;
margin: 0px 0px 0px 0px;/*25,25 right*/
border: 0px solid Silver; 
position:relative;
float:left;

}

#descri-cont{
width:550px;
height:auto;
margin: 0px 0px 0px 0px;/*25,25 right*/
border: 0px solid Silver; 
position:relative;
float:left;

}

#cuerpo_presupuesto{
width:900px;
height:1300px; 
border-top: 0px solid Silver; 
border-bottom:0px solid Silver;  
border-right :0px solid Silver; 
border-left :0px solid Silver;
color:#000;
background: url(../imagen/presu.png);
}



.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:32px;
	line-height:32px;
	width:99px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.btn:active {
	position:relative;
	top:1px;
}



/*-----------------CODIGO DEL BANNER DE IMAGENES---------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, 
video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: middle; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

body { margin: 0; padding: 0 50px 50px 50px; /*background:url(../imagen/fondo.png)*/; repeat top left transparent; font-family: 'rebk',Arial; }

a { color:#838c1c; text-decoration: none; }

#container { background: #FFF; width: 947px; margin: 0 auto; -moz-box-shadow: 0 0 10px 5px #c3c3c3; -webkit-box-shadow:0 0 10px 5px #c3c3c3; box-shadow:0 0 10px 5px #c3c3c3; }

/* header */

#header {  overflow: hidden; }

#logoWrap { background:url('../imagen/demo-page/jflow-logo.png') no-repeat top left transparent; margin: 5px auto 10px; width: 310px; height: 100px; position: relative; }

#logoWrap h1 { font: 56px/1em 'rebk', Arial; color:#4f4e4e; text-shadow: 1px 1px 2px #9f9f9f; margin: 0px; text-indent: -9999px;}

#logoWrap h1 span { font-size: 18px; line-height: 30px; text-transform: uppercase; text-shadow: 0px 0px 0px; text-indent: -9999px;}

#headerSocials { overflow: hidden; position: absolute; bottom: 15px; left: 0; }

.socialItem { float: left; }

#adWrap { float: right; margin: 25px 30px 15px; background: #DDD; }

#downloadWrap { float: right; text-align: center; margin: 0 30px 0 0; }

#downloadWrap a { background: url('../imagen/download-sprite.png') no-repeat right top transparent; padding: 0 40px 0 0; font-style: italic; font-size: 14px; float: left; line-height: 30px; }

#downloadWrap a:hover { background-position: right -31px; color:#5d6410; }

/* content */

#content { padding: 20px 20px 60px; overflow: hidden; }

#content p { font-size: 14px; color:#646464; line-height: 18px; margin: 0 0 10px; }

#content h2, #content h3, #content h4 { font-size: 16px; font-weight: bold;padding: 15px 0; }

#main { float: left; width: 600px; }

#sidebar { float: right; width: 250px; }

/* intro */

#content .intro-heading { font:30px/42px 'rebk', Arial; color:#4f4e4e; border-bottom: 1px solid #d6d6d6; margin: 0 0 15px; padding: 0; }

#content .intro-p { font-size: 18px; line-height: 22px; font-style: italic;  }

/* sidebar */

.sidebar-widget { margin: 10px 0 20px; }

#sidebar .widgettitle { font:24px/30px 'rebk', Arial; color:#4f4e4e; margin: 0 0 15px; padding: 0; }

.ad-widget { padding: 20px 0 0; }

/* checklist */

.check-list { margin: 0; }

.check-list li { background: url('../imagen/demo-page/checkmark.png') no-repeat 0px 0px transparent; padding: 0 0 12px 20px; font-size: 14px; line-height: 20px; font-style: italic; }

#w3c { padding-bottom: 0px; }

#w3c span { position: relative; top: -15px; }

#w3c a { padding: 0 0 0 5px; position: relative; top: -5px; }

/* options table */

.option-name { font-weight: bold;   }

.option-type { font-style: italic; }

table td { padding:10px; line-height:18px; }

tr:nth-child(odd)		{ background-color:none; }

tr:nth-child(even)		{ background-color:none; }

/* code */

pre { background: #EEE; margin:0 0 15px; padding: 10px; overflow: auto; font-size: 12px; }