﻿/********************************************
AUTHOR: Erwin Aligam WEBSITE: http://www.styleshout.com/
TEMPLATE NAME: Bright Side of Life
TEMPLATE CODE: S-0005
VERSION: 1.0 *******************************************/ /********************************************
HTML ELEMENTS
********************************************/ /* top elements */
 img, div, input { behavior: url(http://www.pronosticos.gob.mx/Style%20Library/Images/iepngfix.htc) }
.style1 {
text-align: center;
}
.style2 {
font-family: "Berlin Sans FB Demi";
}

* {
margin:0;
padding:0;
}

body {
font:.70em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
color:#666;
background-image:url(http://www.pronosticos.gob.mx/Style%20Library/Images/fbarra.gif);
background-repeat:repeat-x;
text-align:center;
margin:0;
padding:0;
}
.TextosEncuesta{
	color:white;
}
TemaEncuesta{
	color:white;		
}
.ContEncuesta{
	color:white;			
}
.producto {
color:black;
}
.producto2 {
color:black;
background-repeat:no-repeat;
}
.producto_adicional {
color:white;
}




#mostrarTiempo {
border:0 dotted #456;
color:gray;
font-size:10px;
text-align:center;
padding:10px;
}

#mostrarTiempo span {
display:block;
color:#678;
font-size:11px;
}

a {
color:#4284B0;
background-color:inherit;
text-decoration:none;
}

a:hover {
color:#9EC068;
background-color:inherit;
}

h3 {
font:bold 1em 'Trebuchet MS', Arial, Sans-serif;
color:#333;
font-size:1.3em;
margin:10px 15px;
}

h2 {
font:bold 1em 'Trebuchet MS', Arial, Sans-serif;
color:#333;
font-size:1.4em;
text-transform:uppercase;
margin:10px 15px;
}

h1 {
font:bold 1em 'Trebuchet MS', Arial, Sans-serif;
font-size:1.5em;
color:#6297BC;
margin:10px 15px;
}

p {
margin:10px 15px;
}

code {
text-align:left;
display:block;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
background:#568eb6;
border:0 solid #f2f2f2;
margin:5px 0;
padding:10px;
}

acronym {
cursor:help;
border-bottom:0 solid #777;
}

blockquote {
background:#FAFAFA;
border:0 solid #f2f2f2;
border-left:0 solid #4284B0;
color:#4284B0;
font:bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
margin:15px;
padding:0 0 0 20px;
}

form {
border:0 solid #f2f2f2;
margin:10px;
padding:0;
}

label {
display:block;
font-weight:700;
margin:5px 0;
}

textarea {
width:300px;
font:normal 1em Verdana, sans-serif;
border:0 solid #eee;
height:100px;
display:block;
color:#777;
padding:2px;
}

select {
border:0 solid #eee;
font:normal 1em Verdana, sans-serif;
color:#777;
padding:2px;
}

form.searchform {
background:transparent;
border:none;
margin:0;
padding:0;
}

form.searchform input.textbox {
width:120px;
border:1px solid #06F;
background:#FFF;
color:#333;
height:14px;
vertical-align:top;
margin:0;
}

form.searchform input.button {
font:bold 12px Arial, Sans-serif;
background:#FAFAFA;
border:0 solid #f2f2f2;
color:#777;
width:60px;
vertical-align:top;
margin:0;
padding:2px 3px;
}

#wrap {
background-image:url(http://www.pronosticos.gob.mx/Style%20Library/Images/azul2.jpg);
background-repeat:no-repeat;
width:850px;
text-align:left;
margin:0 auto;
}

#content-wrap {
clear:both;
background:#FFF;
margin:0;
padding:0;
}

#header {
position:relative;
height:85px;
}

#header h1#logo {
position:absolute;
font:bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing:-2px;
text-transform:lowercase;
top:0;
left:5px;
margin:0;
padding:0;
}

#header h2#slogan {
position:absolute;
top:37px;
left:95px;
color:#666;
text-indent:0;
font:bold 11px Tahoma, 'trebuchet MS', Sans-serif;
text-transform:none;
}

#header form.searchform {
position:absolute;
top:0;
right:-12px;
}

#main {
float:left;
margin-left:0;
width:100%;
padding:0;
}

.post-footer {
background-color:#FAFAFA;
border:0 solid #f2f2f2;
font-size:95%;
margin:20px 15px 0;
padding:5px;
}

#sidebar {
float:left;
width:23%;
display:inline;
margin:0;
padding:0;
}

#sidebar ul.sidemenu {
list-style:none;
margin:10px 0 10px 15px;
padding:0;
}

#sidebar ul.sidemenu li {
margin-bottom:1px;
border:0 solid #f2f2f2;
}

#sidebar ul.sidemenu a {
display:block;
font-weight:700;
color:#333;
text-decoration:none;
background:#f2f2f2;
border-left:4px solid #CCC;
min-height:18px;
padding:2px 5px 2px 10px;
}

* html body #sidebar ul.sidemenu a {
height:18px;
}

#sidebar ul.sidemenu a:hover {
background:#f2f2f2;
color:#390;
border-left:4px solid #9EC630;
padding:2px 5px 2px 10px;
}

#rightbar {
float:right;
width:30%;
margin:0;
padding:0;
}

#footer {
clear:both;
color:#FFF;
border-top:5px solid #568EB6;
height:65px;
font-size:95%;
margin:0;
padding:0;
}

#footer a {
text-decoration:none;
font-weight:700;
color:#FFF;
}

#footer .footer-left {
float:left;
width:100%;
}

#footer .footer-right {
float:right;
width:30%;
}

#header ul {
z-index:999999;
position:absolute;
list-style:none;
right:0;
bottom:6px !important;
font:bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
margin:0;
padding:0;
}

#header li {
display:inline;
margin:0;
padding:0;
}

#header a {
float:left;
text-decoration:none;
margin:0;
padding:0 0 0 4px;
}

#header a span {
display:block;
color:#FFF;
float:none;
padding:6px 15px 3px 8px;
}

#header a:hover span {
color:#FFF;
background-position:100% -42px;
}

#header a:hover {
background-position:0 -42px;
}

#header #current a {
background-position:0 -42px;
color:#FFF;
}

#header #current a span {
background-position:100% -42px;
color:#FFF;
}

.clear {
clear:both;
}

.green {
color:#9EC630;
}

.gray {
color:#BFBFBF;
}