/*
Theme Name: miprimervoto
Theme URL: http://www.miprimervoto.com
Description: En 3 minutos sacate la duda de cómo votar
Version: 1.0
Author: Javier E. Errecarte
*/
/************** COLORES **************/
/* rojo: #bd3e35 // celeste: #2067b0  // azul: #083563 // amarillo: #ff8618;   */
/*************************************/
*, body { margin: 0; padding: 0; }
*:focus { outline: none; }
body { background:#083563 url(../images/bg.gif) repeat-x top; }
body, html { min-height:101%; /*Firefox scrollbar fix*/ }
body, select, textarea, input, span {	font: 12px Arial; text-align:left; }
body, select, textarea, input {	color:#333333; }
p {	margin-bottom: 10px; }
input, select { background:transparent url(../images/input_bg.gif) repeat-x; border: solid 2px #083563; padding:2px 3px 3px; }
a, a:link, a:visited, a:active { color:#a5d1ff;	font-family:Arial; text-decoration:none;	}
a:hover {	text-decoration:underline; cursor:pointer; cursor:hand;	}
ul, li { list-style:none; padding:0; margin:0; }
a img {	border:none	}
.clear { clear:both; visibility:hidden; }


#bg { background:transparent url(../images/bg_manchas.jpg) no-repeat center top;}
#wrapper { width:900px; margin:0 auto; }

/* header */

#header, #header h1 { height:110px; }
#header .nav, #header .logo, #header .foto  { height:110px; float:left; }

#header .logo { width:300px; background:url(../images/header_logo.gif) no-repeat bottom; }
#header .nav { width:318px; background:url(../images/header_nav.gif) no-repeat bottom; }
#header .foto { width:282px; background:url(../images/header_foto.gif) no-repeat bottom; }

#header a { display:block; }
#header .logo a:hover { background:url(../images/header_logo_over.gif) no-repeat bottom; }
#header h1 { display:block; padding:0; margin:0; }
#header h1 span { display:none; }

#header .nav .a , #header .nav .b, #header .nav .c { height:70px; float:left; }
#header .nav a { height:70px; display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline; }
#header .nav a.union { height: 59px; margin:33px 0 0 110px; width: 94px;}

#header .nav .a { width:102px; padding:36px 3px 0 4px; }
#header .nav .b { width:101px; padding:36px 3px 0 0; }
#header .nav .c { width:103px; padding:36px 0 0; }

#header .nav .a a:hover { background:url(../images/nav_a_over.gif) no-repeat; }
#header .nav .b a:hover { background:url(../images/nav_b_over.gif) no-repeat; }
#header .nav .c a:hover { background:url(../images/nav_c_over.gif) no-repeat; }

#header .nav .a a.active { background:url(../images/nav_a_active.gif) no-repeat; }
#header .nav .b a.active { background:url(../images/nav_b_active.gif) no-repeat; }
#header .nav .c a.active { background:url(../images/nav_c_active.gif) no-repeat; }


/* contenido */

#tabs {
	border-top:1px solid #083563;
	height:35px; _height:34px;
	margin:20px auto 0;
	padding:10px 0 0 290px;
}

#tabs .tab1 { width:80px; }
#tabs .tab2 { width:150px; }
#tabs .tab3 { width:80px; }

#tabs div {
	float:left;
	margin:0 2px;
	text-align:center;
	text-decoration:none;
}
#tabs a {
	display:block;
	position:relative;
	background: url(../images/tab_bg.gif) repeat-x;
	height:37px;
	color:#bd3e35;
}
#tabs a .txt { text-align:center; display:block; padding:10px; font-size:14px; }
#tabs a.selected { background: url(../images/tab_bg_active.gif) repeat-x; color:#FFFFFF; text-decoration:none; }
#tabs .c1, #tabs .c2 { position:absolute; display:block; height:35px; width:2px; }
#tabs .c1  { left:0; background: url(../images/tab_c1.gif) no-repeat; }
#tabs .c2 { right:0; background: url(../images/tab_c2.gif) no-repeat; }
#tabs a.selected .c1  { left:0; background: url(../images/tab_c1_active.gif) no-repeat; }
#tabs a.selected .c2 { right:0; background: url(../images/tab_c2_active.gif) no-repeat; }




.body { background: url(../images/bg_body.gif) repeat-y center; padding:0; margin:0; }
.content {
	background: url(../images/bg_content.jpg) no-repeat center top;
	padding: 10px;
}
.line { border-top:solid 1px #002952; font-size:1px; height:1px; margin:0 10px; }

.video { width:640px; padding:5px; margin:0 auto; background:white; position:relative; text-align:center; }
.video .c1, .video .c2, .video .c3, .video .c4 { position:absolute; width:6px; height:6px; }
.video .c1 { top:0; left:0; background:url(../images/video_c1.gif) no-repeat; }
.video .c2 { top:0; right:0; background:url(../images/video_c2.gif) no-repeat; }
.video .c3 { bottom:0; _bottom:-9px; left:0; background:url(../images/video_c3.gif) no-repeat; }
.video .c4 { bottom:0; _bottom:-9px; right:0; background:url(../images/video_c4.gif) no-repeat; }

.texto { width:650px; margin:0 auto; padding:30px 0; }

dl {
	display:block;
	margin:0;
	padding:0;
}
dt {
	display:block;
	width:43px;
	height:26px;
	clear:left;
	float:left;
	margin:2px 0 20px;
	font-size:18px;
	font-weight:bold;
}
dd {
	float:left;
	margin:0;
	padding:0 0 20px;
	text-align:left;
	width:600px;
	min-height:30px;
	_height:30px;
	font-size:14px;
	color:#FFFFFF;
	line-height:15px;
}

dt.n1 { background:url(../images/n_1.gif) no-repeat top left; }
dt.n2 { background:url(../images/n_2.gif) no-repeat top left; }
dt.n3 { background:url(../images/n_3.gif) no-repeat top left; }
dt.n4 { background:url(../images/n_4.gif) no-repeat top left; }
dt.n5 { background:url(../images/n_5.gif) no-repeat top left; }
dt.n6 { background:url(../images/n_6.gif) no-repeat top left; }
dt.n7 { background:url(../images/n_7.gif) no-repeat top left; }


/* FAQ */

.faq { background:white; padding: 10px 107px; margin: 10px; }
.faq .title, .faq .title a { display:block; height:20px; }
.faq .title { background:url(../images/faq_title.gif) no-repeat left; }
.faq .title a:hover { background:url(../images/faq_title_over.gif) no-repeat left; }
.faq .content { font-size: 13px; text-align:left; background:none; padding:20px 0; }
.faq b { color:#2067b0; display:block; font-size:16px; }
.faq a, .faq a:visited, .faq a:active { color:#bd3e35; }
.faq dd { color:#333333; }

/* footer */
#jfooter { position:relative;}
#share { position:absolute; top:90px; left:200px;}
#share li { float:left; margin:5px;}
#share .facebook a, #share .twitter a {
	width:34px;
	height:32px;
	display:block;
	background-image:url(../images/share.gif);
	background-repeat: no-repeat;
}
#share .facebook a {
	background-position:0 0;
}
#share .facebook a:hover {
	background-position:0 -35px;
}
#share .twitter a {
	background-position:-36px 0;
}
#share .twitter a:hover {
	background-position:-36px -35px;
}
iframe {filter: alpha(opacity=85); -moz-opacity:0.85;}