#grafico_general ul, li, h2, h3, h5, blockquote{margin:0px; padding:0px; list-style:none !important;}
#grafico_general ul li{margin-left:0px !important; margin-bottom:0px !important;}
#grafico_general body{margin:0px; padding:0px; }
#grafico_general {max-width:990px; min-width:300px; width:100%; padding-bottom:20px; overflow:hidden; position:relative; border-bottom:4px #E6E6E6 solid; margin-bottom:40px;}
#grafico_general #menu_movil p{margin:0px !important;}
#grafico_general #menu_desktop{width:100%; padding-top:10px;  border-bottom:4px #E6E6E6 solid; padding-bottom:10px; }
#grafico_general #menu_desktop ul{float:none !important; display:block !important;}
#grafico_general #menu_desktop li{float:left; width:7.65%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; margin:0;}
#grafico_general #menu_desktop a {text-decoration:none; color:#262626; display:block; padding-bottom:10px; }
#grafico_general #menu_desktop a:hover{opacity:0.5;}
#grafico_general #menu_desktop img {margin: 10px auto 5px auto; width:90%; height:auto; }
#grafico_general #cursor{width:25px; height:auto;position:absolute; top:80px; left:0; z-index:1000;}
#grafico_general #cursor img{width:100%; height:auto;}

@media (max-width:850px) {
#grafico_general #menu_desktop img {margin-top:15px;}
}
 @media (max-width:750px) {
#grafico_general #menu_desktop li {font-size:20px; }
 }
#grafico_general #menu_movil{display:none;}
#grafico_general #boton_movil{display:none;}
#grafico_general #bloque_investidura{width:100%; padding-bottom:10px; border-bottom:4px #E6E6E6 solid;  }
#grafico_general #nombre{ width:100%;  padding-top:30px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; font-weight:400; color:#262626;}
#grafico_general #investidura{width:100%; }
#grafico_general .titulo_investidura{width:100%; height:50px;  overflow:hidden;}
#grafico_general .titulo_investidura h2{width:450px; float:left;}
#grafico_general #aviso_desktop{width:50%; height:auto; color:#999; float:right; text-align:right; margin-top:20px; }
#grafico_general .aviso{width:450px; text-align:center; height:20px; margin:10px auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px;  font-style:italic;}
#grafico_general .aviso img{width:20px; height:auto; float:right; margin:0px;}
#grafico_general .aviso p{float:right; margin:0 10px; padding-top:8px; font-family: Arial, Helvetica, sans-serif; color: #999;    font-size: 14px;}
#grafico-general img {   margin-top: 0;}
#grafico_general #aviso_movil{display:none; }
#grafico_general h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:700; color:#262626; text-align:left; padding-top:20px; }
#grafico_general .bloque_barras{margin-top:15px;font-family:Arial, Helvetica, sans-serif; color:#242424; }
#grafico_general #fecha_1, #fecha_2{ font-size:16px; font-weight:400; margin-bottom:10px; }
#grafico_general .barra_general{width:100%;  position:relative; height:35px;}
#grafico_general .medio{width:1px; height:35px; background-color:#000; position:absolute; top:0px; left:50%; z-index:100;}
#grafico_general .tooltip_barra{z-index:1000;background-color:#fff; border: 1px solid #CCC; -webkit-box-shadow: 0 1px 3px 1px #e4e4e4; box-shadow: 0 1px 3px 1px #e4e4e4;-webkit-border-radius: 4px;border-radius: 4px; position:absolute;padding:5px; color:#666; font-size:14px; display:none; -webkit-transition: width 200ms ease-in-out;-moz-transition: width 200ms ease-in-out;-ms-transition: width 200ms ease-in-out;-o-transition: width 200ms ease-in-out;transition: width 200ms ease-in-out; top: 37px; width:150px; }
#grafico_general .barra_favor{float:left; height:35px; background-color:#7dab12; position:relative;}
#grafico_general .fallida {background-color:#b12c3f !important;}
#grafico_general .fallida:hover{background-color:#db3a60 !important;}
#grafico_general .barra_favor:hover{background-color:#98D016; cursor:pointer;}
#grafico_general #tooltip_barra_favor_primera{ top: 37px; left:0px; }
#grafico_general #barra_favor_primera{width:40%;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
#grafico_general #tooltip_barra_favor_segunda{ top: 37px; left:0px; }
#grafico_general #barra_favor_segunda{width:40%;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
#grafico_general .barra_abstencion{float:left; height:35px; background-color:#E6E6E6; position:relative;}
#grafico_general .barra_abstencion:hover{background-color:#ADADAD; cursor:pointer;}
#grafico_general #tooltip_barra_abstencion_primera{top: 37px; left:50%; text-align:center; margin-left:-75px; }
#grafico_general #barra_abstencion_primera{width:30%;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
#grafico_general #tooltip_barra_abstencion_segunda{top: 37px; left:50%;text-align:center;  margin-left:-75px; }
#grafico_general #barra_abstencion_segunda{width:30%;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
#grafico_general .barra_contra {float:right; height:35px; background-color:#262626; position:relative;}
#grafico_general .barra_contra:hover{background-color:#666; cursor:pointer;}
#grafico_general #tooltip_barra_contra_primera{top: 37px; right:0px; text-align:right; }
#grafico_general #barra_contra_primera{width:30%;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
#grafico_general #tooltip_barra_contra_segunda{top: 37px; right:0px; text-align:right; }
#grafico_general #barra_contra_segunda{width:30%;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
#grafico_general .marcadores{width:100%; margin-top:5px; font-weight:700; color:#262626;}
#grafico_general .flecha {width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #262626; margin:-2px 5px; }
#grafico_general #flecha_izquierda{float:left;} #flecha_derecha{float:right;}
#grafico_general .contador_izquierdo{float:left; font-size:12px; padding:6px; }
#grafico_general .contador_derecho{float:right; font-size:12px; padding:6px;}
#grafico_general #numero_primero{font-size:20px; float:left;}
#grafico_general #numero_segundo{font-size:20px; float:right;}
#grafico_general #numero_tercero{font-size:20px; float:left;}
#grafico_general #numero_cuarto{font-size:20px; float:right;}
#grafico_general #con_segunda{display:none;margin-top:20px;}
#grafico_general #bloque_discurso{width:100%; }
#grafico_general #bloque1{width:100%; border-bottom:4px #E6E6E6 solid; }
#grafico_general #bloque2{width:100%; }
#grafico_general .col_central{width:59%; /*max-width:598px;*/ float:left; }
#grafico_general .col_derecha{width:35%; height:auto;  float:right;  }
#grafico_general .col_derecha img{width:100%; height:auto; padding-top:20px;margin-top:0;}
#grafico_general blockquote{width:100%; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  max-width:600px; margin-top:20px;}
#grafico_general blockquote:before{ left:0px; !important}
#grafico_general #discurso_presidente:before{ top:15px;}
/*#grafico_general .col_central blockquote:after{bottom:-15px; right:25px;}
#grafico_general .col_derecha blockquote:before{top:-25px; left:0px;}
#grafico_general .col_derecha blockquote:after{bottom:-70px; right:-5px;}*/
#grafico_general #discurso_presidente{font-size:20px; color:#666; line-height:28px; height:auto; text-align:left;}
#grafico_general .multimedia{width:95%;  padding:20px 0% 20px 5%; background-color:#EBEBEB; }
#grafico_general .multimedia h3{margin-top:0px !important; }
#grafico_general audio{width:100%; margin-top:10px;}
#grafico_general .bloque_audios{width:100%;}
#grafico_general .audios{width:50%; float:left; height:80px;}
#grafico_general .audios h5{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666; margin:15px 0px 5px 0px; font-weight:400;}
#grafico_general #descargas a{ margin:20px auto;width:65%;display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; padding:10px 0; background-color:#262626; color:#fff;  }
#grafico_general #descargas a:hover{background-color:#d9f787; color:#262626;}
#grafico_general #descarga_desktop{ float:right; margin-top:5px;}
#grafico_general #descarga_movil{display:none;}
#grafico_general #nube{width:100%; height:auto;  padding-bottom:30px; }
#grafico_general #nube img{width:100%; height:auto;}
#grafico_general .col_central h3{font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:17px; font-weight:700; margin:30px 0px 10px 0px; color:#3B3B3B;}
#grafico_general #discurso_oposicion{font-size:19px; color:#777; text-align:left; }
#grafico_general #nombre_oposicion{width:100%; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#777; margin-top:20px; }
#grafico_general #foto_movil_presidente, #foto_movil_oposicion{display:none;}
#grafico_general #reproductor{width:100%; height:100px;}

@media (max-width:960px){
#grafico_general #cursor{display:none !important;}
#grafico_general #menu_desktop{display:none;}
#grafico_general #menu_movil{position:absolute;z-index:150;display:block; color:#262626; font-family:Arial, Helvetica, sans-serif; font-size:14px; border:1px solid #262626; background-color:#fff; overflow:hidden;-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-ms-transition: all 500ms ease-out;-o-transition: all 500ms ease-out;transition: all 500ms ease-out;-webkit-box-shadow: 0px 1px 6px 1px #e4e4e4;box-shadow: 0px 1px 6px 1px #e4e4e4;width:230px; left:-300px; top:0px;}
#grafico_general #menu_movil li{border-bottom:1px solid #ccc; margin:0 !important; padding:0 !important; }
#grafico_general #menu_movil a{text-decoration:none; padding:9px; display:block; color:#262626;}
#grafico_general #boton_movil{ display:block; width:220px; height:40px; display:block; font-family:Arial, Helvetica, sans-serif; color:#262626; font-size:12px; font-weight:700; text-decoration:none; border:1px solid #262626; line-height:40px; margin:auto; margin-top:10px; }
#grafico_general #boton_movil img{float:left; margin-right:10px; width:40px; height:auto;}
#grafico_general #boton_movil:hover{background-color:#F5F5F5;}
#grafico_general #botoncerrar{font-size:12px; color:#333; font-weight:700; text-align:right; background-color:#F3F3F3 !important;}
#grafico_general #nombre{font-size:27px; padding:0px 0px 10px 0px; }
#grafico_general #foto_movil_presidente, #grafico_general #foto_movil_oposicion{display:block; margin:5px auto 10px auto; width:110px; }
#grafico_general #foto_movil_presidente img{width:100%; height:auto;}
#grafico_general .multimedia{ height:auto; padding:20px 0 30px 0; width:100%;}
#grafico_general .audios{float:none; text-align:center; width:100%;}
#grafico_general .audios iframe{width:245px;}
#grafico_general .audios h5{margin-top:15px;}
#grafico_general #player{width:100%; float:none;}
}


@media (max-width:650px) {

#grafico_general #investidura{width:98%; margin:auto;}
#grafico_general .titulo_investidura { height:auto;}
#grafico_general .titulo_investidura h2{width:100%; float:none;}
#grafico_general h2{font-size:19px; text-align:center;}
#grafico_general .aviso{font-size:15px;}
#grafico_general #aviso_desktop{display:none;}
#grafico_general #aviso_movil{width:90%; margin:10px auto 0 auto; display:block; height:auto; color:#999;}
#grafico_general #fecha_1, #fecha_2{font-size:15px;}
#grafico_general .bloque_barras{ margin-top:10px;}
#grafico_general .bloque_barras p{font-size:13px;}
#grafico_general #numero_primero, #grafico_general #numero_segundo, #grafico_general #numero_tercero, #grafico_general #numero_cuarto{font-size:16px; padding-top:4px;}
#grafico_general .barra_general{height:35px;}
#grafico_general .barra_favor, #grafico_general .barra_abstencion, #grafico_general .barra_contra{height:35px;}
#grafico_general .medio{height:35px;}
#grafico_general .flecha{display:none;}
#grafico_general #con_segunda{margin-top:10px;}
#grafico_general .col_derecha{display:none;}
#grafico_general .col_central{width:98%; float:none; margin:auto; }
#grafico_general .col_izquierda{display:none;}
#grafico_general #discurso_presidente, #grafico_general #discurso_oposicion, #grafico_general #nombre_oposicion{text-align:center; }
#grafico_general #nombre_oposicion{margin-top:8px; text-align:center;}
#grafico_general #discurso_presidente{font-size:16px; line-height:19px; height:auto;}
#grafico_general #descargas a{padding:10px 0px; font-size:13px; width:85%;}
#grafico_general #nube{padding-bottom:30px;  margin:0;}
#grafico_general .col_central h3{font-size:14px;  font-weight:700; text-align:center; color:#3B3B3B;}
#grafico_general #discurso_oposicion{font-size:15px; line-height:19px; height:auto;}

}