@charset "UTF-8";
/* Estilos Basicos */

body{
text-align:center;
font:normal normal 0.75em/1em Arial, Helvetica, sans-serif;
}

span{
font:normal bold 1.5em/1.2em Arial, Helvetica, sans-serif;
}

div.wrapper{
width:900px;
margin:0 auto;
text-align:left;
border:1px solid #6a6a6a;
}

div.header{
color:#FFFFFF;
background:#1b4298 url(images/banner-cidac.jpg) 0 0 no-repeat;
height:120px;
position:relative;
}

h1{
text-indent:-5000px;
background:url(images/logo-banner-cidac.jpg) no-repeat;
width:94px;
height:92px;
position:absolute;
top:7px;
left:785px;
}

h2{
text-indent:-5000px;
background:url(images/logo-banner-cidac.jpg) 0 -60px no-repeat;
width:94px;
height:92px;
position:absolute;
top:67px;
left:785px;
}

img.votacion-icono{
position:absolute;
top:25px;
left:50px;
}

div.main-txt p{
width:700px;
text-align:justify;
padding:0 0 0 100px;
margin:20px 0 0 0;
}

span.pri{
background-color:#339900;
color:#CC0000;
}

span.pan{
background-color:#0066CC;
}

span.prd{
background-color:#FFCC00;
color:#000000;
}

span.pri, span.pan, span.prd{
padding:3px 12px;
border:1px solid #333333;
}

div.resultados{
width:65%;
float:left;
}

div.side-bar{
width:35%;
float:right;
}

p.title{
font-size:1em;
position:absolute;
top:55px;
left:150px;
line-height:1.2em;
}



/* Estilos Encuesta */

fieldset {
	margin: 20px 50px;
	padding: 15px 10px;
	background-color:#eeeeee;
	border: 5px double #878177;	
}

legend {
	padding: 5px 8px;
	color: #ffffff;
	background-color: #1b4298;
	border: 1px solid #3a3a3a;
}

p.pregunta{
background-color:#bbbbbb;
padding:10px 15px;
text-align:justify;
margin: 20px 0;
font-size:1em;
line-height:1.2em;
}

div.respuestas{
padding:0 50px;
text-align:justify;
}

input {
margin: 5px 15px 0 0;
padding:1em;
}

div.enviar{
padding:0 35px 20px 0;
}

p.title{
font-size:1.5em;
position:absolute;
top:55px;
left:150px;
line-height:1.5em;
}