*{padding:0;margin:0;border:0}*
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

body{font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.64em; background: #fff; color: #444; overflow: hidden}
a {color:#299DCA;	background: inherit; text-decoration: none}
a:hover{color: #808080; background: inherit; }
.blue{color: #299DCA; }
.white{color: #fff; }
p {margin: 0 0 10px 0;text-align: justify}
h1 {font: normal 2.4em Georgia, Arial, Sans-Serif; margin: 15px 0 0 5px; }
h1 a:hover{color: #E4FFD3; background: inherit; }
h2 {font-weight: bold; margin: 0 0 8px 0; border-bottom: 1px solid #ccc;padding:0 0 3px 0; font-size: 1.7em}
h4{color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#content {width: 90%; margin: 0 auto; }
/*#logo{float: left; border-bottom: 5px solid #7DD0F1; height: 58px; width: 40%; font-size: 10px}*/
#menu {float:right;clear:both;width:30%;padding: 0; margin: 0 }
#intro {clear: both; background: #E0E0E0 ; color: #333; height: 80px; padding: 10px 0 0 0}
	#intro h1 {margin: 0; background: #666666 ; display: inline;  color: #7DD0F1; padding: 4px;border:3px solid #fff}
	
#left{position: relative; top: -45px; margin: 0 0 0 15px; padding: 0; clear: left; float: left; width: 30%; font-size: .9em; background: #fff; }
	#left img{border: none}
	#left .info{border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px}
#right {float:right; width: 66%; padding: 0 10px 0 5px; margin: 5px 0 5px; }
	#right img {border: 2px solid #ccc; padding: 1px; float: left; margin: 0 15px 0 0}
	#right a{background: #FFF}
#scroll{position:absolute;height:59.5%;width:60%;overflow:auto;padding-right: 5px}
	#scroll ul {clear:both;color:#444;font-weight:normal}
	#scroll li {font-weight:bold;color:#9A9F09}
	#scroll ul ul {color:#444;font-weight:normal}
	#scroll li li {color:#444;font-weight:normal;text-decoration:none;list-style-position:inside;list-style-image:url(/dpi/public/imagenes/li.png);padding-left:20px}
	#scroll li li li{list-style-image:url(/dpi/public/imagenes/li2.png)}
	#scroll li li li li{list-style:circle;list-style-position:inside}
#footer{position:absolute;bottom:0 !important;width:90%; clear: both; border-top: 1px solid #ccc; padding: 3px 0; margin: 0 ; font-size: .9em; color: #9b9b9b; background: #fff; }
	#footer a{color: #808080; background: #fff; font-weight: bold; }
	.footerLeft{ float: left}
	.footerRight{ float: right}
#colorBoxJs{margin:5px 10px}
	#colorBoxJs li {list-style-type:none}
	#colorBoxJs a:hover{color:#7DD0F1}
	#colorBoxJs .titulo{position:absolute; top:3px; left:0; text-align:center; width:100%; background:#fff; font-weight:bold; color:#666666}
	#colorBoxJs .subTitulo{font-weight:bold;color:#666666}
#formulario{border:1px solid #ccc; background: #f4f4f4;padding:5px;width:512px}
	#formulario label{display:block;font-weight:bold}
	#formulario p{clear:both}
	#formulario .pIzq{clear:none;float:left}
	#formulario .pDcha{clear:none;float:right}
	#formulario input, textarea{border:1px solid #ccc}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#buttonwrapper{position:relative;overflow:hidden;width:125px}
a.ovalbutton{background: transparent url(/dpi/public/imagenes/oval-gray-left.gif) no-repeat top left;display: block;float: left;font: normal 13px Tahoma;line-height: 16px; 
height: 24px;padding-left:11px;text-decoration: none}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #494949}
a.ovalbutton span{background: transparent url(/dpi/public/imagenes/oval-gray-right.gif) no-repeat top right;display: block;padding: 4px 11px 4px 0}
a.ovalbutton:hover{background-position: bottom left}
a.ovalbutton:hover span{background-position: bottom right;color: black}
/**/

#screenshot{position:absolute;background:#333;padding:5px 5px 0 5px;display:none;color:#fff}
	#screenshot img{background:#fff;padding:3px}
/* Menu */
.dock {position:relative;height: 50px}
.dock-container {position: absolute;height: 50px}

a.dock-item {display:block;color:#000;position:absolute;text-align:center;text-decoration:none;top:0;vertical-align:bottom;
	font: bold 13px Arial, Helvetica, sans-serif}
.dock-item img {border:none;margin:5px;width:85%}
.dock-item span {display:none}
	
/* Esquinas redondeadas */
.box{clear: both;background: #E0E0E0}
.boxtop{background: url(/dpi/public/imagenes/esquinas/ne.gif) no-repeat top right}
.boxtop div{font-size: 0;height: 12px;background: url(/dpi/public/imagenes/esquinas/nw.gif) no-repeat top left}
.boxbottom{background: url(/dpi/public/imagenes/esquinas/se.gif) no-repeat bottom right}
.boxbottom div{font-size: 0;height: 12px;background: url(/dpi/public/imagenes/esquinas/sw.gif) no-repeat bottom left}
.boxcontent {padding:0 12px 0 12px}

.roundedcornr_box{background: url(/dpi/public/imagenes/esquinas/roundedcornr_tl.png) no-repeat top left}
.roundedcornr_top{background: url(/dpi/public/imagenes/esquinas/roundedcornr_tr.png) no-repeat top right}
.roundedcornr_bottom{background: url(/dpi/public/imagenes/esquinas/roundedcornr_bl.png) no-repeat bottom left}
.roundedcornr_bottom div{background: url(/dpi/public/imagenes/esquinas/roundedcornr_br.png) no-repeat bottom right}
.roundedcornr_content{background: url(/dpi/public/imagenes/esquinas/roundedcornr_r.png) top right repeat-y}
.roundedcornr_top div,.roundedcornr_top,.roundedcornr_bottom div, .roundedcornr_bottom {width: 100%;height: 15px;font-size: 1px}
.roundedcornr_content, .roundedcornr_bottom {}
.roundedcornr_content{padding: 1px 16px}

#menuVertical a{border: 1px solid #93c3cd; background: #93c3cd url(/dpi/public/imagenes/menuVertical/mv.png) 50% 50% repeat;
		font-weight: bold; color: #333333; outline: none; display: block; font-size: 1em; padding: .3em .3em .3em .5em;margin:1px}
	#menuVertical a:hover{cursor: pointer;border: 1px solid #999999; background: #ccd232 url(/dpi/public/imagenes/menuVertical/mvHover.png) 50% 50% repeat; font-weight: bold; color: #212121; outline: none}
	#menuVertical li{display: inline}
	#menuVertical .sel{border: 1px solid #ff6b7f; background: #db4865 url(/dpi/public/imagenes/menuVertical/mvSel.png) 50% 50% repeat; font-weight: bold; color: #ffffff; outline: none}