/* Documento CSS de Chispr.es */

div, h1, h2, p, form, label, input, textarea, img, span { margin: 0; padding: 0; }
body { width: 100%; height: 100%; margin: 0 auto; }
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%; }
#top { background: #FFF 0 0 no-repeat; width: 100%; height: 29px; 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 10px 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: 76px; 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:76px; height:29px; color:#AE432B;	background-color:inherit; }
#margin { margin: 20px; }
/*------------------------------------------------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--------------------*/
/*------------------------------------------------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 { background-color: #F2F2F2; width: 100%; text-align: center;  margin: 25px 0 0 0; }
#til h2.tilh2 { font: 22px arial; color: #928C70; background-color: #F2F2F2; }
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; }
/*------------------------------------------------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; }
/*------------------------------------------------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; }
/*------------------------------------------------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 { clear: both; padding-top: 75px; background-color: #FFF; color: #000; width: 100%;	margin: 0 auto;	position: relative; }
#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; }