/* Documento CSS de Chispr.com */
div, h1, h2, p, form, label, input, textarea, img, span { margin:0; padding:0; }
h1 { display:none; }
ul { margin:0; padding:0; list-style-type:none; font-size:0; }
.spacer { clear:both; font-size:0; line-height:0; }
.center { text-align:center; }
a.prueba { display:block; width:100%; height:100%; }
body { width: 100%; height: 100%; margin: 0 auto; }
#margin { margin:20px; }
#top {	background:#FFF 0 0 no-repeat; width:100%; height:20px;	margin:auto; clear:both; text-align:center; }
#top ul { width:100%; height:29px;	position:absolute; left:0px; top:3px; }
#top ul li { float:left; margin:0 1px 0 0; }
#top ul li.ing { float:right; margin:0 7px 0 0; }
#top ul li.ing a { color:#666; }
#top ul li.ing a:hover { color:#AE432B; }
#top ul li a { background:#FFF 0 0 no-repeat; width:106px; height:29px; display:block; font:bold 11px/29px Arial, Helvetica, sans-serif; color:#999; text-decoration:none; text-transform:uppercase; text-align:center; background-color:inherit; }
#top ul li a:hover {	background:#FFF 0 0 no-repeat; width:106px; height:29px; color:#AE432B; background-color:inherit; }
/*------------------------------------------------header--------------------*/
#header { background:url(images/chispr_logo.jpg) transparent no-repeat; width:250px; margin-top:0; margin-right:auto;	margin-bottom:40px;	margin-left:auto; padding:0; height:123px; }
#header h2 {}
#header h2 span {}
/*------------------------------------------------header--------------------*/
/*------------------------------------------------body--------------------*/
#body { width:100%;	margin:0 auto; padding:0; background-color:#fff;	color:#271817; }
#cse { width:100%; }
#nav { width:650px; padding:0; margin:0 auto; background-color:#fff; }
#body form { background-color: #FFF; width:450px; height:35px; padding:20px 0 30px 0; margin:0 auto; }
#body input.gsc-input { border-top:#BCCDF0 2px solid; border-bottom:#BCCDF0 1px solid; border-left:#BCCDF0 2px solid; border-right:#BCCDF0 1px solid; }
#til { width: 100%; text-align: center; margin: 25px 0 0 0; background-color:#F2F2F2; }
#til h2.tilh2 { font: 22px Arial, Sans-Serif; color:#928C70; }
p.subtit { width: 500px; margin: 0 auto; font: 14px Arial; color: #6E684F; padding: 5px 0 3px 0; background-color:#F2F2F2; }
/*------------------------------------------------left panel--------------------*/
#left { width:24%; float:left; }
#left h2.sol { font:20px/39px Arial, Helvetica, sans-serif; color:#666; background-color:#fff; padding-left:36%; margin-top:8%; }
#left ul { width:140px; padding-left:36%; }
#left ul li { display:block; background:url(images/solution_div.gif) left bottom repeat-x; height:25px; width:140px; padding:0 0 1px 0; }
#left ul li a { background:url(images/subcat.png) 6px 8px no-repeat; padding:0 0 0 22px; font:bold 14px/26px Arial, Helvetica, sans-serif; color:#313230;	background-color:#fff; text-decoration:none; display:block;  width:140px; }
#left ul li a:hover { color:#A60303; height:26px; width:140px; display:block; background-color: #ECECEC; }
#separ {}
/*------------------------------------------------mid panel--------------------*/
#mid {	width:24%; float:left; }
#mid h2.sol2 { font:20px/39px Arial, Helvetica, sans-serif; color:#666; background-color:#fff; padding-left:30%; margin-top:8%; }
#mid ul { width:140px; padding-left:31%; }
#mid ul li { display:block; background:url(images/solution_div.gif) left bottom repeat-x; height:25px; width:140px; padding:0 0 1px 0; }
#mid ul li a { background:url(images/subcat.png) 6px 8px no-repeat; padding:0 0 0 22px; font:bold 14px/26px Arial, Helvetica, sans-serif; color:#333; background-color:#fff; text-decoration:none; margin:0; display:block; width: 140px; }
#mid ul li a:hover {	color:#A60303; height:26px; width: 140px; display:block; background-color: #ECECEC; }
#separ2 {}
/*------------------------------------------------mid panel2--------------------*/
#mid2 { width:26%; float:left; }
#mid2 h2.sol4 { font:20px/39px Arial, Helvetica, sans-serif; color:#666; background-color:#fff; margin-top:8%; padding-left:11%; }
#mid2 ul { width:100%; padding-left:12%; }
#mid2 ul li {	display:block; background:url(images/solution_div.gif) left bottom repeat-x; height:25px; width:190px; padding:0 0 1px 0; }
#mid2 ul li a { background:url(images/subcat.png) 6px 8px no-repeat;	padding:0 0 0 22px;	font:bold 14px/26px Arial, Helvetica, sans-serif; color:#333; background-color:#fff; text-decoration:none; margin:0; display:block; width:190px; }
#mid2 ul li a:hover { color:#A60303; height:26px; width:190px; display:block; background-color: #ECECEC; }
#separ3 {}
/*------------------------------------------------right panel--------------------*/
#right { width:26%; float:left; }
#right h2.sol3 { font:20px/39px Arial, Helvetica, sans-serif; color:#666; background-color:#fff; padding-left:4%; margin-top:8%; }
#right ul { width:175px; padding-left:5%; }
#right ul li { display:block; background:url(images/solution_div.gif) left bottom repeat-x; height:25px;	width:175px; padding:0 0 1px 0; }
#right ul li a { background:url(images/subcat.png) 6px 8px no-repeat;	padding:0 0 0 22px; font:bold 14px/26px Arial, Helvetica, sans-serif;	color:#333; background-color:#fff;	text-decoration:none; margin:0; display:block; width: 175px; }
#right ul li a:hover { color:#A60303; height:26px; width:175px; display:block; background-color: #ECECEC; }
/*------------------------------------------------footer--------------------*/
#footer {display: block; width:100%; clear: both; margin:0 auto; padding-top:75px; background-color:#FFF; color:#000; width:100%; }
#footer p.copyright { font:normal 11px/11px Tahoma, Arial, Helvetica; color:#999999; background-color:inherit; text-align: center; }
#footer a { color:#999999; text-decoration: none; }
#footer a:hover { text-decoration:underline; }

